karsten-design-system 1.0.63 → 1.0.64

package/dist/index.js

@@ -32,4 +32,5 @@ export { ExpandablePanel } from './stories/components/expandablePanel.js';
 export { EmptyContent } from './stories/components/emptyContent.js';
 export { Select } from './stories/components/select.js';
 export { CalendarInput } from './stories/components/calendarInput.js';
+export { CustomTable } from './stories/components/customTable.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/stories/components/customTable.js

@@ -0,0 +1,27 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import { useState, useEffect } from 'react';
+import clsx from 'clsx';
+import { sortData } from '../../utils/sortData.js';
+import { Paginator } from './paginator.js';
+import { Spinner } from './spinner.js';
+
+function CustomTable({ columns, data, totalRecords, actions = [], isOrdered = true, actionsHeaderClassName = '', actionsColumnsClassName = '', rowsPerPage = 10, onPageChange, isPaginated = true, isLoading = false }) {
+    const [sortDirection, setSortDirection] = useState('ASC');
+    const [sortedData, setSortedData] = useState(data);
+    const [currentPage, setCurrentPage] = useState(1);
+    const handleSort = (dataIndex) => {
+        const newDirection = sortDirection === 'ASC' ? 'DESC' : 'ASC';
+        setSortDirection(newDirection);
+        setSortedData(sortData(sortedData, dataIndex, newDirection));
+    };
+    useEffect(() => {
+        setSortedData(data);
+    }, [data]);
+    return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("table", { className: "w-100", children: [jsxRuntimeExports.jsx("thead", { children: jsxRuntimeExports.jsxs("tr", { className: "bg-gray-100", children: [columns.map((column, idx) => (jsxRuntimeExports.jsxs("th", { className: "bg-primary first:rounded-ss-lg font-bold text-background text-sm uppercase p-3 text-left", onClick: isOrdered ? () => handleSort(column.dataIndex) : undefined, children: [column.label, isOrdered && (jsxRuntimeExports.jsx("i", { className: "pi pi-sort-alt pl-2 text-xs cursor-pointer", onClick: () => handleSort(column.dataIndex) }))] }, idx))), actions.length > 0 && (jsxRuntimeExports.jsx("th", { className: clsx('bg-primary rounded-se-lg font-bold text-background text-sm uppercase p-3 text-right pr-4', actionsHeaderClassName), children: "A\u00C7\u00D5ES" }))] }) }), jsxRuntimeExports.jsx("tbody", { children: isLoading ? (jsxRuntimeExports.jsx("tr", { children: jsxRuntimeExports.jsx("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center bg-gray-50", children: jsxRuntimeExports.jsx("div", { className: "py-2 px-4 flex justify-center items-center gap-2", children: jsxRuntimeExports.jsx(Spinner, { size: "lg" }) }) }) })) : sortedData.length > 0 ? (sortedData.map((item, index) => (jsxRuntimeExports.jsxs("tr", { className: clsx(index % 2 === 0 ? 'bg-stoneBackground' : 'bg-background', 'text-primary text-base'), children: [columns.map((column) => (jsxRuntimeExports.jsx("td", { className: clsx('p-3 text-sm text-left', typeof column.style === 'function' ? column.style(item[column.dataIndex]) : column.style), children: item[column.dataIndex] }, `${column.dataIndex}-${index}`))), actions.length > 0 && (jsxRuntimeExports.jsx("td", { className: clsx('text-sm text-right flex flex-row justify-end p-3 gap-2', actionsColumnsClassName), children: actions.map((action, idx) => (jsxRuntimeExports.jsx("span", { className: "cursor-pointer", onClick: () => action.onClick(item), title: action.label, children: action.icon }, idx))) }))] }, index)))) : (jsxRuntimeExports.jsx("tr", { children: jsxRuntimeExports.jsxs("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center text-primary bg-stoneBackground", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-database mr-2" }), " N\u00E3o h\u00E1 dados dispon\u00EDveis."] }) })) })] }), sortedData.length > 0 && isPaginated && (jsxRuntimeExports.jsx(Paginator, { first: (currentPage - 1) * rowsPerPage, rows: rowsPerPage, totalRecords: totalRecords, onPageChange: (event) => {
+                    setCurrentPage(event.page + 1);
+                    onPageChange(event.page + 1);
+                } }))] }));
+}
+
+export { CustomTable };
+//# sourceMappingURL=customTable.js.map

package/dist/stories/components/customTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customTable.js","sources":["../../../../src/stories/components/customTable.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -32,3 +32,4 @@ export * from './stories/components/expandablePanel';
 export * from './stories/components/emptyContent';
 export * from './stories/components/select';
 export * from './stories/components/calendarInput';
+export * from './stories/components/customTable';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "karsten-design-system",
   "description": "Karsten Design System Components",
-  "version": "1.0.63",
+  "version": "1.0.64",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",