@bigbinary/neeto-atoms 1.0.5 → 1.0.6

package/dist/cjs/index.js

@@ -59718,9 +59718,6 @@ function useReactTable(options) {
   return tableRef.current;
 }
 
-function Table$1({ className, ...props }) {
-    return (jsxRuntime.jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: jsxRuntime.jsx("table", { "data-slot": "table", className: cn$1("w-full caption-bottom text-sm", className), ...props }) }));
-}
 function TableHeader$1({ className, ...props }) {
     return (jsxRuntime.jsx("thead", { "data-slot": "table-header", className: cn$1("[&_tr]:border-b", className), ...props }));
 }
@@ -59743,10 +59740,10 @@ function TableCaption$1({ className, ...props }) {
     return (jsxRuntime.jsx("caption", { "data-slot": "table-caption", className: cn$1("mt-4 text-sm text-muted-foreground", className), ...props }));
 }
 
-const Table = (props) => (jsxRuntime.jsx(Table$1, { ...props }));
-const TableHeader = (props) => jsxRuntime.jsx(TableHeader$1, { ...props });
+const Table = ({ className, ...props }) => (jsxRuntime.jsx("div", { "data-slot": "table-container", className: "relative w-full", children: jsxRuntime.jsx("table", { "data-slot": "table", className: cn$1("w-full caption-bottom text-sm", className), ...props }) }));
+const TableHeader = (props) => (jsxRuntime.jsx(TableHeader$1, { ...props }));
 const TableBody = (props) => (jsxRuntime.jsx(TableBody$1, { ...props }));
-const TableFooter = (props) => jsxRuntime.jsx(TableFooter$1, { ...props });
+const TableFooter = (props) => (jsxRuntime.jsx(TableFooter$1, { ...props }));
 const TableHead = (props) => (jsxRuntime.jsx(TableHead$1, { ...props }));
 const TableRow = (props) => (jsxRuntime.jsx(TableRow$1, { ...props }));
 const TableCell = (props) => (jsxRuntime.jsx(TableCell$1, { ...props }));
@@ -60147,7 +60144,7 @@ const BulkSelectCallout = ({ bulkSelectAllRowsProps, isAllPageRowsSelected, isBu
     if (!isAllPageRowsSelected)
         return null;
     const { selectAllRowMessage, selectAllRowButtonLabel, setBulkSelectedAllRows, allRowsSelectedMessage, clearSelectionButtonLabel, } = bulkSelectAllRowsProps;
-    return (jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-2 border-b bg-muted/50 px-4 py-2 text-sm", children: isBulkAllSelected ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: allRowsSelectedMessage ?? selectAllRowMessage }), clearSelectionButtonLabel && (jsxRuntime.jsx(Button$1, { variant: "link", onClick: () => setBulkSelectedAllRows(false), children: clearSelectionButtonLabel }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: selectAllRowMessage }), jsxRuntime.jsx(Button$1, { variant: "link", onClick: () => setBulkSelectedAllRows(true), children: selectAllRowButtonLabel })] })) }));
+    return (jsxRuntime.jsx("div", { className: "mb-2 flex items-center justify-center gap-1 rounded-lg bg-primary/10 px-4 py-1.5 text-sm text-primary", children: isBulkAllSelected ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: allRowsSelectedMessage ?? selectAllRowMessage }), clearSelectionButtonLabel && (jsxRuntime.jsx(Button$1, { variant: "link", onClick: () => setBulkSelectedAllRows(false), children: clearSelectionButtonLabel }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: selectAllRowMessage }), jsxRuntime.jsx(Button$1, { variant: "link", onClick: () => setBulkSelectedAllRows(true), children: selectAllRowButtonLabel })] })) }));
 };
 
 function Pagination$1({ className, ...props }) {
@@ -60287,7 +60284,7 @@ const HeaderCellMenu = ({ column, enableAddColumn, enableColumnFreeze, isColumnP
                             }) }))] })] }) }));
 };
 
-const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, enableSorting = true, enableURLSort = true, totalCount, pageSize = DEFAULT_PAGE_SIZE, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination = true, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize = true, enableColumnFreeze = true, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder = false, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn = false, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading = false, fixedHeight = false, bordered = true, className, scroll, emptyMessage, onRowClick, allowRowClick = true, }) => {
+const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, enableSorting = true, enableURLSort = true, totalCount, pageSize = DEFAULT_PAGE_SIZE, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination = true, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize = true, enableColumnFreeze = true, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder = false, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn = false, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading = false, bordered = true, className, emptyMessage, onRowClick, allowRowClick = true, }) => {
     const getRowId = React.useMemo(() => getRowIdProp ??
         ((row) => row.id), [getRowIdProp]);
     const { sorting, onSortingChange } = useTableSort({
@@ -60346,6 +60343,14 @@ const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp
         }
         return columnOrder;
     }, [columnOrder, selectionColumn]);
+    const resolvedColumnPinning = React.useMemo(() => {
+        if (!selectionColumn || !enableColumnFreeze)
+            return columnPinning;
+        const left = columnPinning.left ?? [];
+        if (left.includes("_selection"))
+            return columnPinning;
+        return { ...columnPinning, left: ["_selection", ...left] };
+    }, [columnPinning, selectionColumn, enableColumnFreeze]);
     const table = useReactTable({
         data,
         columns: allColumns,
@@ -60357,7 +60362,7 @@ const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp
             sorting,
             pagination: paginationState,
             rowSelection,
-            columnPinning,
+            columnPinning: resolvedColumnPinning,
             columnVisibility,
             columnOrder: resolvedColumnOrder,
         },
@@ -60385,17 +60390,7 @@ const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp
             onSortingChange([{ id: columnId, desc }]);
         }
     };
-    const scrollStyle = {};
-    if (scroll?.x) {
-        scrollStyle.minWidth =
-            typeof scroll.x === "number" ? `${scroll.x}px` : scroll.x;
-    }
-    if (scroll?.y) {
-        scrollStyle.maxHeight =
-            typeof scroll.y === "number" ? `${scroll.y}px` : scroll.y;
-        scrollStyle.overflowY = "auto";
-    }
-    return (jsxRuntime.jsxs("div", { className: cn$1("relative w-full", fixedHeight && "flex flex-1 flex-col overflow-hidden", className), children: [loading && jsxRuntime.jsx(LoadingOverlay, {}), bulkSelectAllRowsProps && (jsxRuntime.jsx(BulkSelectCallout, { bulkSelectAllRowsProps: bulkSelectAllRowsProps, isAllPageRowsSelected: table.getIsAllPageRowsSelected(), isBulkAllSelected: isBulkAllSelected })), jsxRuntime.jsx("div", { className: cn$1("overflow-auto", fixedHeight && "flex-1", bordered && "overflow-hidden rounded-lg border"), style: scrollStyle, children: jsxRuntime.jsxs(Table, { style: scroll?.x ? { minWidth: scrollStyle.minWidth } : undefined, children: [jsxRuntime.jsx(TableHeader, { className: "bg-muted", children: table.getHeaderGroups().map(headerGroup => (jsxRuntime.jsx(TableRow, { className: "hover:bg-muted", children: headerGroup.headers.map((header, headerIndex) => {
+    return (jsxRuntime.jsxs("div", { className: cn$1("relative flex min-h-0 w-full flex-col", className), children: [loading && jsxRuntime.jsx(LoadingOverlay, {}), bulkSelectAllRowsProps && (jsxRuntime.jsx(BulkSelectCallout, { bulkSelectAllRowsProps: bulkSelectAllRowsProps, isAllPageRowsSelected: table.getIsAllPageRowsSelected(), isBulkAllSelected: isBulkAllSelected })), jsxRuntime.jsx("div", { className: cn$1("min-h-0 flex-1 overflow-auto", bordered && "rounded-lg border"), children: jsxRuntime.jsxs(Table, { children: [jsxRuntime.jsx(TableHeader, { className: "sticky top-0 z-20 bg-muted", children: table.getHeaderGroups().map(headerGroup => (jsxRuntime.jsx(TableRow, { className: "hover:bg-muted", children: headerGroup.headers.map((header, headerIndex) => {
                                     const isPinned = header.column.getIsPinned();
                                     const isSelectionCol = header.column.id === "_selection";
                                     const visibleHeaders = headerGroup.headers.filter(h => h.column.id !== "_selection");