karsten-design-system 1.2.65 → 1.2.66

package/dist/index.js

@@ -5014,13 +5014,13 @@ function TransferList({ allItems, associated, onChange, className, titleAvailabl
         setSelectedAssociated([]);
         onChange(allItems.filter((item) => !newAssociated.some((a) => a.key === item.key)), newAssociated);
     };
-    return (jsxs("div", { className: clsx('flex flex-col sm:flex-row gap-6 w-full h-full', className), children: [jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0 shadow-container rounded-md text-primary bg-light-500 dark:text-light-500 dark:bg-dark-100 dark:border dark:border-dark-500 dark:shadow-dark-400", children: [jsx("div", { className: "bg-primary rounded-t-lg w-full", children: jsx("span", { className: "block w-full font-bold text-light-500 text-sm uppercase text-center py-3", children: titleAvailable }) }), jsx("div", { className: "mt-2 px-4", children: jsx(Input, { placeholder: searchPlaceholder, value: searchAvailable, onChange: (e) => setSearchAvailable(e), "aria-label": `Filtrar por disponiveis`, maxLength: 50 }) }), jsxs("ul", { className: "overflow-auto mt-2 px-4 flex-1 min-h-0", style: { maxHeight: '420px', minHeight: '220px' }, children: [isLoading && (jsx("div", { className: "flex justify-center items-center h-full mt-8", children: jsx(Spinner, { size: "lg" }) })), !isLoading &&
+    return (jsxs("div", { className: clsx('flex flex-col sm:flex-row gap-6 w-full h-full', className), children: [jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0 shadow-container rounded-md text-primary bg-light-500 dark:text-light-500 dark:bg-dark-100 dark:border dark:border-dark-500 dark:shadow-dark-400", children: [jsx("div", { className: "bg-primary rounded-t-lg w-full", children: jsx("span", { className: "block w-full font-bold text-light-500 text-sm uppercase text-center py-3", children: titleAvailable }) }), jsx("div", { className: "mt-2 px-4", children: jsx(Input, { placeholder: searchPlaceholder, value: searchAvailable, onChange: (e) => setSearchAvailable(e), "aria-label": `Filtrar por disponiveis`, maxLength: 50, disabled: isLoading }) }), jsxs("ul", { className: "overflow-auto mt-2 px-4 flex-1 min-h-0 mb-4", style: { maxHeight: '420px', minHeight: '220px' }, children: [isLoading && (jsx("div", { className: "flex justify-center items-center h-full mt-8", children: jsx(Spinner, { size: "lg" }) })), !isLoading &&
                                 filteredAvailable.length > 0 &&
                                 filteredAvailable?.map((item) => (jsx("li", { children: jsxs("label", { className: "flex items-center gap-2 cursor-pointer py-1 px-2 rounded hover:bg-light-300 dark:hover:bg-dark-400 min-w-0", children: [jsx("input", { type: 'checkbox', checked: selectedAvailable.includes(item.key), onChange: (e) => {
                                                     setSelectedAvailable((prev) => e.target.checked
                                                         ? [...prev, item.key]
                                                         : prev.filter((k) => k !== item.key));
-                                                }, className: clsx('appearance-none w-3 h-3 shrink-0 align-middle ring-1 ring-offset-2 ring-offset-light-500 ring-light-700 checked:bg-primary cursor-pointer rounded-md dark:bg-dark-100 dark:checked:bg-light-500 dark:checked:border-light-500 dark:ring-offset-dark-100 dark:ring-offset-2'), disabled: isDisabled }), jsx("span", { className: clsx('font-roboto text-primary dark:text-light-500 break-words min-w-0', isDisabled && 'text-light-700 dark:text-dark-400'), style: { wordBreak: 'break-word', minWidth: 0 }, children: item.label })] }) }, item.key)))] })] }), jsxs("div", { className: "flex flex-row justify-center items-center gap-4 md:flex-col md:justify-center md:items-center", children: [jsx(Button, { icon: "pi pi-angle-right", variant: "primary", onClick: moveToAssociated, disabled: selectedAvailable.length === 0, type: "button" }), jsx(Button, { icon: "pi pi-angle-left", variant: "primary", onClick: moveToAvailable, disabled: selectedAssociated.length === 0, type: "button" })] }), jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0 shadow-container rounded-md text-primary bg-light-500 dark:text-light-500 dark:bg-dark-100 dark:border dark:border-dark-500 dark:shadow-dark-400", children: [jsx("div", { className: "bg-primary rounded-t-lg w-full", children: jsx("span", { className: "block w-full font-bold text-light-500 text-sm uppercase text-center py-3", children: titleAssociated }) }), jsx("div", { className: "mt-2 px-4", children: jsx(Input, { placeholder: searchPlaceholder, value: searchAssociated, onChange: (e) => setSearchAssociated(e), "aria-label": `Filtrar por associados`, maxLength: 50 }) }), jsxs("ul", { className: "overflow-auto mt-2 px-4 flex-1 min-h-0", style: { maxHeight: '420px', minHeight: '220px' }, children: [isLoading && (jsx("div", { className: "flex justify-center items-center h-full mt-8", children: jsx(Spinner, { size: "lg" }) })), !isLoading &&
+                                                }, className: clsx('appearance-none w-3 h-3 shrink-0 align-middle ring-1 ring-offset-2 ring-offset-light-500 ring-light-700 checked:bg-primary cursor-pointer rounded-md dark:bg-dark-100 dark:checked:bg-light-500 dark:checked:border-light-500 dark:ring-offset-dark-100 dark:ring-offset-2'), disabled: isDisabled }), jsx("span", { className: clsx('font-roboto text-primary dark:text-light-500 break-words min-w-0', isDisabled && 'text-light-700 dark:text-dark-400'), style: { wordBreak: 'break-word', minWidth: 0 }, children: item.label })] }) }, item.key)))] })] }), jsxs("div", { className: "flex flex-row justify-center items-center gap-4 md:flex-col md:justify-center md:items-center", children: [jsx(Button, { icon: "pi pi-angle-right", variant: "primary", onClick: moveToAssociated, disabled: selectedAvailable.length === 0, type: "button" }), jsx(Button, { icon: "pi pi-angle-left", variant: "primary", onClick: moveToAvailable, disabled: selectedAssociated.length === 0, type: "button" })] }), jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0 shadow-container rounded-md text-primary bg-light-500 dark:text-light-500 dark:bg-dark-100 dark:border dark:border-dark-500 dark:shadow-dark-400", children: [jsx("div", { className: "bg-primary rounded-t-lg w-full", children: jsx("span", { className: "block w-full font-bold text-light-500 text-sm uppercase text-center py-3", children: titleAssociated }) }), jsx("div", { className: "mt-2 px-4", children: jsx(Input, { placeholder: searchPlaceholder, value: searchAssociated, onChange: (e) => setSearchAssociated(e), "aria-label": `Filtrar por associados`, maxLength: 50, disabled: isLoading }) }), jsxs("ul", { className: "overflow-auto mt-2 px-4 flex-1 min-h-0 mb-4", style: { maxHeight: '420px', minHeight: '220px' }, children: [isLoading && (jsx("div", { className: "flex justify-center items-center h-full mt-8", children: jsx(Spinner, { size: "lg" }) })), !isLoading &&
                                 filteredAssociated.length > 0 &&
                                 filteredAssociated?.map((item) => (jsx("li", { children: jsxs("label", { className: "flex items-center gap-2 cursor-pointer py-1 px-2 rounded hover:bg-light-300 dark:hover:bg-dark-400 min-w-0", children: [jsx("input", { type: 'checkbox', checked: selectedAssociated.includes(item.key), onChange: (e) => {
                                                     setSelectedAssociated((prev) => e.target.checked