@raystack/apsara 0.10.10 → 0.11.0

package/dist/index.cjs

@@ -15346,7 +15346,7 @@ const TextField = ({ leading, className, src, size, state, style, ...props }) =>
 };
 TextField.displayName = "TextField";
 
-var styles$3 = {"wrapper":"datatable-module_wrapper__Sxg2d","datatable":"datatable-module_datatable__z-Th2","head":"datatable-module_head__zCfCW","toolbar":"datatable-module_toolbar__lO-aI","chipWrapper":"datatable-module_chipWrapper__iz69x","chip":"datatable-module_chip__IiwTD"};
+var styles$3 = {"wrapper":"datatable-module_wrapper__Sxg2d","datatable":"datatable-module_datatable__z-Th2","table":"datatable-module_table__x2IkY","head":"datatable-module_head__zCfCW","toolbar":"datatable-module_toolbar__lO-aI","chip":"datatable-module_chip__IiwTD"};
 
 const FilteredChip = ({ column }) => {
     const { table, removeFilterColumn } = useTable();
@@ -15454,7 +15454,7 @@ const useTableColumn = () => {
     };
 };
 
-var styles$2 = {"table":"table-module_table__mqnXB","caption":"table-module_caption__xw-5e","header":"table-module_header__YGJoz","head":"table-module_head__zosk-","row":"table-module_row__-1ieK","cell":"table-module_cell__-FP3s"};
+var styles$2 = {"table":"table-module_table__mqnXB","caption":"table-module_caption__xw-5e","header":"table-module_header__YGJoz","head":"table-module_head__zosk-","cell":"table-module_cell__-FP3s"};
 
 const table = cva(styles$2.table);
 const TableRoot = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("div", { style: { width: "100%", overflow: "auto" }, children: jsxRuntimeExports.jsx("table", { ref: ref, className: table({ className }), ...props }) })));
@@ -15490,11 +15490,12 @@ const Table = Object.assign(TableRoot, {
     Caption: TableCaption,
 });
 
-function DataTableRoot({ columns, data, emptyState, children, parentStyle, ...props }) {
+function DataTableRoot({ columns, data, emptyState, children, parentStyle, ShouldShowHeader = true, ...props }) {
     const convertedChildren = React.Children.toArray(children);
-    const header = convertedChildren.find((child) => child.type === DataTableToolbar) || jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
-    const footer = convertedChildren.find((child) => child.type === DataTableFooter) || jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
-    const detail = convertedChildren.find((child) => child.type === TableDetailContainer) || jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+    const header = convertedChildren.find((child) => child.type === DataTableToolbar) || null;
+    const footer = convertedChildren.find((child) => child.type === DataTableFooter) || null;
+    const detail = convertedChildren.find((child) => child.type === TableDetailContainer) ||
+        null;
     const [sorting, setSorting] = React.useState([]);
     const [columnFilters, setColumnFilters] = React.useState([]);
     const [columnVisibility, setColumnVisibility] = React.useState({});
@@ -15506,6 +15507,7 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, ...pr
         columns,
         globalFilterFn: "auto",
         enableRowSelection: true,
+        manualPagination: true,
         onGlobalFilterChange: setGlobalFilter,
         onSortingChange: setSorting,
         onColumnFiltersChange: setColumnFilters,
@@ -15525,6 +15527,7 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, ...pr
             rowSelection,
         },
     });
+    console.log(table.getRowModel().rows?.length);
     return (jsxRuntimeExports.jsx(Flex, { direction: "column", justify: "between", className: styles$3.wrapper, children: jsxRuntimeExports.jsxs(TableContext.Provider, { value: {
                 table,
                 globalFilter,
@@ -15534,16 +15537,19 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, ...pr
                 resetColumns,
                 onGlobalFilterChange: setGlobalFilter,
                 onChange: () => ({}),
-            }, children: [jsxRuntimeExports.jsxs(Flex, { direction: "column", className: styles$3.datatable, children: [header, jsxRuntimeExports.jsxs(Flex, { style: parentStyle, children: [jsxRuntimeExports.jsxs(Table, { ...props, children: [jsxRuntimeExports.jsx(Table.Header, { children: table.getHeaderGroups().map((headerGroup) => (jsxRuntimeExports.jsx(Table.Row, { children: headerGroup.headers.map((header) => {
-                                                    return (jsxRuntimeExports.jsx(Table.Head, { style: {
-                                                            ...(header.column.columnDef?.meta?.style ?? {}),
-                                                        }, children: jsxRuntimeExports.jsxs(Text, { className: styles$3.head, children: [header.isPlaceholder
-                                                                    ? null
-                                                                    : flexRender(header.column.columnDef.header, header.getContext()), {
-                                                                    asc: jsxRuntimeExports.jsx(ArrowUpIcon, {}),
-                                                                    desc: jsxRuntimeExports.jsx(ArrowDownIcon, {}),
-                                                                }[header.column.getIsSorted()] ?? null] }) }, header.id));
-                                                }) }, headerGroup.id))) }), jsxRuntimeExports.jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsxRuntimeExports.jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsxRuntimeExports.jsx(Table.Cell, { style: {
+            }, children: [jsxRuntimeExports.jsxs(Flex, { direction: "column", className: styles$3.datatable, children: [header, jsxRuntimeExports.jsxs(Flex, { className: styles$3.tableContainer, style: parentStyle, children: [jsxRuntimeExports.jsxs(Table, { ...props, children: [jsxRuntimeExports.jsx(Table.Header, { children: ShouldShowHeader
+                                                ? table.getHeaderGroups().map((headerGroup) => (jsxRuntimeExports.jsx(Table.Row, { children: headerGroup.headers.map((header) => {
+                                                        return (jsxRuntimeExports.jsx(Table.Head, { style: {
+                                                                ...(header.column.columnDef?.meta?.style ?? {}),
+                                                            }, children: jsxRuntimeExports.jsxs(Text, { className: styles$3.head, children: [header.isPlaceholder
+                                                                        ? null
+                                                                        : flexRender(header.column.columnDef.header, header.getContext()), {
+                                                                        asc: jsxRuntimeExports.jsx(ArrowUpIcon, {}),
+                                                                        desc: jsxRuntimeExports.jsx(ArrowDownIcon, {}),
+                                                                    }[header.column.getIsSorted()] ??
+                                                                        null] }) }, header.id));
+                                                    }) }, headerGroup.id)))
+                                                : null }), jsxRuntimeExports.jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsxRuntimeExports.jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsxRuntimeExports.jsx(Table.Cell, { style: {
                                                         ...(cell.column.columnDef?.meta?.style ?? {}),
                                                     }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (jsxRuntimeExports.jsx(Table.Row, { children: jsxRuntimeExports.jsx(Table.Cell, { colSpan: columns.length, children: emptyState || "No results." }) })) })] }), detail] })] }), footer] }) }));
 }