@tmlmobilidade/ui 20250129.1710.49 → 20250130.2005.29

package/dist/cjs/index.js

@@ -1490,14 +1490,20 @@ function DataTableHeader({ columns, }) {
             return null;
         return (jsxRuntimeExports.jsx(ActionIcon, { variant: "muted", children: sortState?.accessor === column.accessor ? (sortState.order === 'asc' ? (jsxRuntimeExports.jsx(iconsReact.IconArrowUpRhombus, { size: 18 })) : sortState.order === 'desc' ? (jsxRuntimeExports.jsx(iconsReact.IconArrowDownRhombus, { size: 18 })) : (jsxRuntimeExports.jsx(iconsReact.IconArrowsUpDown, { size: 18 }))) : (jsxRuntimeExports.jsx(iconsReact.IconArrowsUpDown, { size: 18 })) }));
     };
-    return (jsxRuntimeExports.jsx(core.Table.Thead, { className: cn(styles$3.header), children: jsxRuntimeExports.jsx(core.Table.Tr, { className: cn(styles$3.row), children: columns.map((column, idx) => (jsxRuntimeExports.jsx(core.Table.Th, { className: cn(styles$3.cell), children: jsxRuntimeExports.jsxs("div", { className: styles$3.cellContent, onClick: () => column.sortable &&
+    return (jsxRuntimeExports.jsx(core.Table.Thead, { className: cn(styles$3.header), children: jsxRuntimeExports.jsx(core.Table.Tr, { className: cn(styles$3.row), children: columns.map((column, idx) => (jsxRuntimeExports.jsx(core.Table.Th, { className: cn(styles$3.cell), style: {
+                    maxWidth: column.width,
+                    minWidth: column.width ?? 'max-content',
+                }, children: jsxRuntimeExports.jsxs("div", { className: styles$3.cellContent, onClick: () => column.sortable &&
                         handleSort(column.sortKey ?? String(column.accessor)), children: [column.title, column.sortable && renderSortIcon(column)] }) }, idx))) }) }));
 }
 
-var styles$2 = {"row":"styles-module_row__46pHv","cell":"styles-module_cell__Yb-lZ"};
+var styles$2 = {"row":"styles-module_row__46pHv","cell":"styles-module_cell__Yb-lZ","maxWidth":"styles-module_maxWidth__S-bPz","fullWidth":"styles-module_fullWidth__vNRRx"};
 
-function DataTableRow({ columns, record, }) {
-    return (jsxRuntimeExports.jsx(core.Table.Tr, { className: cn(styles$2.row), children: columns.map((column, colIndex) => (jsxRuntimeExports.jsx(core.Table.Td, { className: cn(styles$2.cell), children: column.render
+function DataTableRow({ columns, record, onRowClick, onRowDoubleClick, onRowContextMenu, }) {
+    return (jsxRuntimeExports.jsx(core.Table.Tr, { className: cn(styles$2.row), onClick: () => onRowClick && onRowClick(record), onDoubleClick: () => onRowDoubleClick && onRowDoubleClick(record), onContextMenu: () => onRowContextMenu && onRowContextMenu(record), children: columns.map((column, colIndex) => (jsxRuntimeExports.jsx(core.Table.Td, { className: cn(styles$2.cell, column.width ? styles$2.maxWidth : styles$2.fullWidth), style: {
+                maxWidth: column.width,
+                minWidth: column.width,
+            }, children: column.render
                 ? column.render(record)
                 : getValueAtPath(record, column.accessor) === null
                     ? null
@@ -1527,14 +1533,14 @@ var styles = {"root":"styles-module_root__AStX6","tableWrapper":"styles-module_t
 function DataTable({ records, ...props }) {
     return (jsxRuntimeExports.jsx(DataTableProvider, { initialRecords: records, searchAccessors: props.search?.accessors ?? [], children: jsxRuntimeExports.jsx(DataTableContent, { ...props }) }));
 }
-function DataTableContent({ classnames, columns, maxHeight, search, title, }) {
+function DataTableContent({ classnames, columns, maxHeight, search, title, onRowClick, onRowDoubleClick, onRowContextMenu, }) {
     //
     //
     // A. Setup Variables
     const { data } = useDataTableContext();
     //
     // B. Render Components
-    return (jsxRuntimeExports.jsxs("div", { className: cn(styles.root, classnames?.root), children: [jsxRuntimeExports.jsx(DataTableTitle, { search: search, title: title ?? '' }), jsxRuntimeExports.jsx("div", { className: cn(styles.tableWrapper, classnames?.tableWrapper), style: { maxHeight: maxHeight || '100%' }, children: jsxRuntimeExports.jsxs(core.Table, { className: cn(styles.table, classnames?.table, 'block'), children: [jsxRuntimeExports.jsx(DataTableHeader, { columns: columns }), jsxRuntimeExports.jsx(core.Table.Tbody, { children: jsxRuntimeExports.jsx(reactViewportList.ViewportList, { itemMargin: 0, items: data.records, children: (record, rowIndex) => (jsxRuntimeExports.jsx(DataTableRow, { columns: columns, record: record }, rowIndex)) }) })] }) })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: cn(styles.root, classnames?.root), children: [jsxRuntimeExports.jsx(DataTableTitle, { search: search, title: title ?? '' }), jsxRuntimeExports.jsx("div", { className: cn(styles.tableWrapper, classnames?.tableWrapper), style: { maxHeight: maxHeight || '100%' }, children: jsxRuntimeExports.jsxs(core.Table, { className: cn(styles.table, classnames?.table, 'block'), children: [jsxRuntimeExports.jsx(DataTableHeader, { columns: columns }), jsxRuntimeExports.jsx(core.Table.Tbody, { children: jsxRuntimeExports.jsx(reactViewportList.ViewportList, { itemMargin: 0, items: data.records, children: (record, rowIndex) => (jsxRuntimeExports.jsx(DataTableRow, { columns: columns, record: record, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, onRowContextMenu: onRowContextMenu }, rowIndex)) }) })] }) })] }));
 }
 
 const MOBILE_BREAKPOINT = parseInt(getCssVariableValue('--breakpoint-mobile') ?? '768');