karsten-design-system 2.0.15 → 2.0.17

package/dist/index.js

@@ -4499,13 +4499,13 @@ function Paginator({ rowsPerPageOptions = [10, 20, 30, 50, 100], onRowsPerPageCh
             });
         },
         RowsPerPageDropdown: (options) => {
-            return (jsxs("div", { className: "flex items-center gap-3 ml-4", children: [jsx("span", { className: "text-sm font-roboto text-dark-500 dark:text-light-500", children: lang.rowsPerPage }), jsx(RowsPerPageDropdown, { value: options.value, options: rowsPerPageOptions, onChange: (e) => {
+            return (jsxs("div", { className: "flex items-center gap-3 ml-4", children: [jsx("span", { className: "text-sm font-roboto text-primary dark:text-light-500", children: lang.rowsPerPage }), jsx(RowsPerPageDropdown, { value: options.value, options: rowsPerPageOptions, onChange: (e) => {
                             options.onChange(e);
                             const customEvent = e;
                             if (onRowsPerPageChange && customEvent.rows !== options.value) {
                                 onRowsPerPageChange(customEvent.rows);
                             }
-                        } }), jsxs("span", { className: "text-sm font-roboto text-dark-500 dark:text-light-500", children: [lang.total, " ", formatNumber(props.totalRecords)] })] }));
+                        } }), jsxs("span", { className: "text-sm font-roboto text-primary dark:text-light-500", children: [lang.total, " ", formatNumber(props.totalRecords)] })] }));
         },
     };
     return (jsx(Paginator$1, { ...props, template: template, className: "bg-light-500 dark:bg-dark-100" }));
@@ -4769,7 +4769,7 @@ const getFromLocalStorage = (localStorageKey, key) => {
         return {};
     }
 };
-function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassName = '', actionsColumnsClassName = '', rowsPerPage = 10, onPageChange, onRowsPerPageChange, isPaginated = true, isLoading = false, onFilterChange, onSortChange, actionLabel = 'AÇÕES', systemLanguage = 'pt', isShowCustomizeColumns = false, onApplyColumns, isPermanentFilterEnabled = false, localStorageKey, isExpandable = false, subTableColumns, subTableDataKey = 'subItems', subTableActions = [], subTableActionLabel = 'Ações', subTableActionsHeaderClassName = 'text-right', subTableActionsColumnsClassName = '', }) {
+function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassName = '', actionsColumnsClassName = '', rowsPerPage = 10, onPageChange, onRowsPerPageChange, isPaginated = true, isLoading = false, onFilterChange, onSortChange, actionLabel = 'AÇÕES', systemLanguage = 'pt', isShowCustomizeColumns = false, onApplyColumns, isPermanentFilterEnabled = false, localStorageKey, isExpandable = false, canExpand, subTableColumns, subTableDataKey = 'subItems', subTableActions = [], subTableActionLabel = 'Ações', subTableActionsHeaderClassName = 'text-right', subTableActionsColumnsClassName = '', }) {
     const [sortDirection, setSortDirection] = useState({});
     const [sortedData, setSortedData] = useState(data);
     const [currentPage, setCurrentPage] = useState(1);
@@ -5161,12 +5161,13 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
                                     (actions.length > 0 ? 1 : 0) +
                                     (isExpandable ? 1 : 0), className: "p-6 text-center bg-gray-50 dark:bg-dark-200", children: jsx("div", { className: "py-2 px-4 flex justify-center items-center gap-2", children: jsx(Spinner, { size: "lg" }) }) }) })) : sortedData.length > 0 ? (sortedData.map((row, index) => {
                             const isExpanded = expandedRows.has(index);
+                            const rowCanExpand = canExpand ? canExpand(row) : true;
                             const subData = isExpandable && subTableDataKey && row[subTableDataKey]
                                 ? row[subTableDataKey]
                                 : [];
                             return (jsxs(Fragment$1, { children: [jsxs("tr", { className: clsx(index % 2 === 0
                                             ? 'bg-light-300 dark:bg-dark-500'
-                                            : 'bg-light-500 dark:bg-dark-100', 'text-primary text-base dark:text-light-500'), children: [isExpandable && (jsx("td", { className: "text-center", children: jsx("button", { onClick: () => toggleRow(index), "aria-label": isExpanded ? 'Recolher linha' : 'Expandir linha', className: "hover:opacity-75 transition-opacity", children: jsx("i", { className: clsx('pi text-sm cursor-pointer', isExpanded ? 'pi-angle-down' : 'pi-angle-right') }) }) })), visibleColumns.map((column) => {
+                                            : 'bg-light-500 dark:bg-dark-100', 'text-primary text-base dark:text-light-500'), children: [isExpandable && (jsx("td", { className: "text-center", children: rowCanExpand ? (jsx("button", { onClick: () => toggleRow(index), "aria-label": isExpanded ? 'Recolher linha' : 'Expandir linha', className: "hover:opacity-75 transition-opacity", children: jsx("i", { className: clsx('pi text-sm cursor-pointer', isExpanded ? 'pi-angle-down' : 'pi-angle-right') }) })) : (jsx("span", { className: "inline-block w-4" })) })), visibleColumns.map((column) => {
                                                 const value = getNestedValue(row, column.dataIndex);
                                                 return (jsx("td", { className: clsx('p-2 text-sm text-left', typeof column.style === 'function'
                                                         ? column.style(getNestedValue(row, column.dataIndex), row)
@@ -5195,6 +5196,7 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
                                                             }, "aria-label": action?.ariaLabel || action.label, role: "button", children: jsx(Tooltip, { text: action?.label, children: icon }) }, idx));
                                                     }) }) }))] }, `main-${index}`), isExpandable &&
                                         isExpanded &&
+                                        rowCanExpand &&
                                         subTableColumns &&
                                         subTableDataKey && (jsx("tr", { className: clsx(index % 2 === 0
                                             ? 'bg-light-300 dark:bg-dark-500'