← All changes | backend/views/components/Main/components/MultiSelect.jsx +18 -18 1.3.51 → 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>