karsten-design-system 1.2.20 → 1.2.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -477,7 +477,7 @@ function Tooltip({ text, children }) {
|
|
|
477
477
|
}
|
|
478
478
|
|
|
479
479
|
function Sidebar({ item, onClose, topItem }) {
|
|
480
|
-
return (jsxs("div", { className: "relative w-100", children: [jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-light-900/20 z-50", onClick: onClose }), jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-light-500 dark:bg-dark-100 z-50", children: [jsx("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-light-200 hover:bg-light-300 hover:font-bold dark:bg-dark-100 dark:hover:bg-dark-400", children: jsx(Link$1, { to: "/", className: "font-roboto text-base text-light-900 hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", onClick: onClose, "aria-label": "Ir para o inicio", children: "In\u00EDcio" }, "home-id") }, 'home-div'), topItem &&
|
|
480
|
+
return (jsxs("div", { className: "relative w-100", children: [jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-light-900/20 z-50", onClick: onClose }), jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-light-500 dark:bg-dark-100 z-50 shadow-container dark:border dark:border-dark-500 dark:shadow-dark-400", children: [jsx("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-light-200 hover:bg-light-300 hover:font-bold dark:bg-dark-100 dark:hover:bg-dark-400", children: jsx(Link$1, { to: "/", className: "font-roboto text-base text-light-900 hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", onClick: onClose, "aria-label": "Ir para o inicio", children: "In\u00EDcio" }, "home-id") }, 'home-div'), topItem &&
|
|
481
481
|
topItem.map((item) => (jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-light-200 hover:bg-light-300 hover:font-bold dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400", children: [item?.isWindowOpen && (jsx("button", { className: "font-roboto text-base text-light-900 hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", onClick: () => {
|
|
482
482
|
if (onClose)
|
|
483
483
|
onClose();
|
|
@@ -4520,7 +4520,7 @@ function Table({ columns, data, totalRecords, actions = [], isOrdered = true, ac
|
|
|
4520
4520
|
onFilterChange(newFilters);
|
|
4521
4521
|
}
|
|
4522
4522
|
};
|
|
4523
|
-
return (jsxs("div", { children: [jsxs("table", { className: "w-full", children: [jsx("thead", { children: jsxs("tr", { className: "bg-gray-100", children: [columns.map((column) => (jsxs("th", { scope: "col", className: "bg-primary first:rounded-ss-lg font-bold text-light-500 text-sm uppercase p-3 text-left", children: [jsx("div", { children: openFilter === column.dataIndex && (jsxs("div", { ref: filterModalRef, className: "absolute mt-6 bg-light-500 border rounded-md shadow-md p-4 z-10 w-[276px] normal-case dark:bg-dark-100 dark:text-light-500", children: [jsxs("div", { className: "space-y-4 text-primary dark:text-light-500", children: [jsxs("h1", { className: "text-primary text-sm dark:text-light-500", children: ["Filtrar por ", column?.label?.toLowerCase()] }), jsxs("div", { className: "w-full", children: [column.filterType === 'text' && (jsx(Input, { placeholder: "Digite para filtrar", value: filters[column.dataIndex] || '', onChange: (e) => setFilters((prev) => ({
|
|
4523
|
+
return (jsxs("div", { children: [jsxs("table", { className: "w-full", children: [jsx("thead", { children: jsxs("tr", { className: "bg-gray-100 dark:bg-dark-100", children: [columns.map((column) => (jsxs("th", { scope: "col", className: "bg-primary first:rounded-ss-lg font-bold text-light-500 text-sm uppercase p-3 text-left", children: [jsx("div", { children: openFilter === column.dataIndex && (jsxs("div", { ref: filterModalRef, className: "absolute mt-6 bg-light-500 border rounded-md shadow-md p-4 z-10 w-[276px] normal-case dark:bg-dark-100 dark:text-light-500", children: [jsxs("div", { className: "space-y-4 text-primary dark:text-light-500", children: [jsxs("h1", { className: "text-primary text-sm dark:text-light-500", children: ["Filtrar por ", column?.label?.toLowerCase()] }), jsxs("div", { className: "w-full", children: [column.filterType === 'text' && (jsx(Input, { placeholder: "Digite para filtrar", value: filters[column.dataIndex] || '', onChange: (e) => setFilters((prev) => ({
|
|
4524
4524
|
...prev,
|
|
4525
4525
|
[column.dataIndex]: e,
|
|
4526
4526
|
})), mask: column?.mask, "aria-label": `Filtrar por ${column.label}` })), column.filterType === 'select' && (jsx(Select, { options: column.filterOptions || [], value: column.filterOptions?.find((option) => option.value ===
|