← All changes
|
backend/views/components/Main/components/MultiSelect.jsx
+18
-18
1.4.5
→
1.4.19
View file →
| @@ -26,15 +26,15 @@ | ||
| 26 | 26 | }, [selectValue]); |
| 27 | 27 | |
| 28 | 28 | return ( |
| 29 | 29 | <Listbox value={selected} onChange={handleChange} multiple> |
| 30 | - <div className="disco-relative disco-test"> | |
| 31 | - <Listbox.Button className="disco-relative disco-cursor-pointer disco-min-w-[200px] disco-flex-grow disco-w-full disco-rounded-md disco-border disco-text-base disco-border-gray-200 disco-py-2 disco-pl-3 disco-pr-10 disco-text-left focus:disco-outline-none"> | |
| 32 | - <span className="disco-flex disco-flex-wrap disco-gap-1.5 disco-truncate"> | |
| 30 | + <div className="disco:relative disco-test"> | |
| 31 | + <Listbox.Button className="disco:relative disco:cursor-pointer disco:min-w-[200px] disco:grow disco:w-full disco:rounded-md disco:border disco:text-base disco:border-gray-200 disco:py-2 disco:pl-3 disco:pr-10 disco:text-left disco:focus:outline-hidden"> | |
| 32 | + <span className="disco:flex disco:flex-wrap disco:gap-1.5 disco:truncate"> | |
| 33 | 33 | {selected.length > 0 |
| 34 | 34 | ? selected?.map((value) => ( |
| 35 | 35 | <span |
| 36 | - className="disco-flex disco-rounded-sm disco-items-center disco-text-[12px] disco-bg-gray-200 disco-px-1.5 disco-pe-0 disco-py-0.5" | |
| 36 | + className="disco:flex disco:rounded-sm disco:items-center disco:text-[12px] disco:bg-gray-200 disco:px-1.5 disco:pe-0 disco:py-0.5" | |
| 37 | 37 | key={value} |
| 38 | 38 | > |
| 39 | 39 | {items[value]} |
| 40 | 40 | |
| @@ -42,17 +42,17 @@ | ||
| 42 | 42 | onClick={(e) => { |
| 43 | 43 | e.stopPropagation(); |
| 44 | 44 | handleRemoveItem(value); |
| 45 | 45 | }} |
| 46 | - className="disco-h-5 disco-w-5 disco-px-1" | |
| 46 | + className="disco:h-5 disco:w-5 disco:px-1" | |
| 47 | 47 | /> |
| 48 | 48 | </span> |
| 49 | 49 | )) |
| 50 | 50 | : placeholder} |
| 51 | 51 | </span> |
| 52 | - <span className="disco-pointer-events-none disco-absolute disco-inset-y-0 disco-right-0 disco-flex disco-items-center disco-pr-2"> | |
| 52 | + <span className="disco:pointer-events-none disco:absolute disco:inset-y-0 disco:right-0 disco:flex disco:items-center disco:pr-2"> | |
| 53 | 53 | <ChevronUpDownIcon |
| 54 | - className="disco-h-5 disco-w-5 disco-text-gray-400" | |
| 54 | + className="disco:h-5 disco:w-5 disco:text-gray-400" | |
| 55 | 55 | aria-hidden="true" |
| 56 | 56 | /> |
| 57 | 57 | </span> |
| 58 | 58 | </Listbox.Button> |
| @@ -57,23 +57,23 @@ | ||
| 57 | 57 | </span> |
| 58 | 58 | </Listbox.Button> |
| 59 | 59 | <Transition |
| 60 | 60 | as={Fragment} |
| 61 | - leave="disco-transition disco-ease-in disco-duration-100" | |
| 62 | - leaveFrom="disco-opacity-100" | |
| 63 | - leaveTo="disco-opacity-0" | |
| 64 | - className="disco-absolute disco-z-50" | |
| 61 | + leave="disco:transition disco:ease-in disco:duration-100" | |
| 62 | + leaveFrom="disco:opacity-100" | |
| 63 | + leaveTo="disco:opacity-0" | |
| 64 | + className="disco:absolute disco:z-50" | |
| 65 | 65 | > |
| 66 | - <Listbox.Options className="disco-absolute disco-cursor-pointer disco-mt-1.5 disco-max-h-60 disco-w-full disco-overflow-auto disco-rounded-md disco-bg-white disco-text-base disco-shadow-lg disco-ring-1 disco-ring-black disco-ring-opacity-5 focus:disco-outline-none sm:disco-text-sm !disco-z-41 "> | |
| 66 | + <Listbox.Options className="disco:absolute disco:cursor-pointer disco:mt-1.5 disco:max-h-60 disco:w-full disco:overflow-auto disco:rounded-md disco:bg-white disco:text-base disco:shadow-lg disco:ring-1 disco:ring-black/5 disco:focus:outline-hidden disco:sm:text-sm disco:z-41! "> | |
| 67 | 67 | {items && |
| 68 | 68 | Object.keys(items).map((item) => ( |
| 69 | 69 | <Listbox.Option |
| 70 | 70 | key={item} |
| 71 | 71 | className={({ active }) => |
| 72 | - `disco-relative disco-py-1 disco-pl-4 disco-mb-0 ${ | |
| 72 | + `disco:relative disco:py-1 disco:pl-4 disco:mb-0 ${ | |
| 73 | 73 | active |
| 74 | - ? 'disco-bg-green-100' | |
| 75 | - : 'disco-text-gray-900' | |
| 74 | + ? 'disco:bg-green-100' | |
| 75 | + : 'disco:text-gray-900' | |
| 76 | 76 | }` |
| 77 | 77 | } |
| 78 | 78 | value={item} |
| 79 | 79 | > |
| @@ -79,12 +79,12 @@ | ||
| 79 | 79 | > |
| 80 | 80 | {({ selected }) => ( |
| 81 | 81 | <> |
| 82 | 82 | <span |
| 83 | - className={`disco-block disco-truncate ${ | |
| 83 | + className={`disco:block disco:truncate ${ | |
| 84 | 84 | selected |
| 85 | - ? 'disco-font-medium' | |
| 86 | - : 'disco-font-normal' | |
| 85 | + ? 'disco:font-medium' | |
| 86 | + : 'disco:font-normal' | |
| 87 | 87 | }`} |
| 88 | 88 | > |
| 89 | 89 | {items[item]} |
| 90 | 90 | </span> |