acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/build/esm/components/Table/components/BaseTable/BaseTableVirtualised.js

@@ -1,139 +1,134 @@
-import { jsxs as C, Fragment as K, jsx as u } from "react/jsx-runtime";
-import { useState as z, useCallback as y, useMemo as L } from "react";
-import { useReactTable as N, getCoreRowModel as $ } from "@tanstack/react-table";
-import { Sizes as G } from "../../../../react-base/src/consts/index.js";
-import I from "../../Table.js";
-import { ColumnVisibilityFilters as q } from "../TableElements/ColumnVisibilityFilters.js";
-import J from "./TableHeader.js";
-import Q from "./TableFooter.js";
-import { TableWrapper as U } from "../TableElements/TableWrapper.js";
-import X from "../../../Pictogram/components/BarChartTypeColourTint.js";
-import Y from "./BaseTablePagination.js";
-import { SizedFeature as Z } from "../../features/sized.js";
-import { useVirtualized as n } from "../../hooks/useVirtualized.js";
-import a from "./TableBodyVirtualised.js";
-import { NO_DRAG as s } from "../../consts/drag.js";
-import { isColumnDraggable as l, isRowDraggable as p } from "../../utils/isDraggable.js";
-import { BASE_TABLE_CLASS as b } from "../../../../react-base/src/consts/classes.js";
-const t = [], Hr = ({
-  data: S = t,
-  columns: f,
-  tableOptions: r,
-  emptyStateProps: i,
-  size: o = G.Medium,
-  ...R
+import { jsxs as s, Fragment as D, jsx as n } from "react/jsx-runtime";
+import { useState as l, useCallback as u, useMemo as v } from "react";
+import { useReactTable as A, getCoreRowModel as E } from "@tanstack/react-table";
+import { Sizes as _ } from "../../../../react-base/src/consts/index.js";
+import j from "../../Table.js";
+import { ColumnVisibilityFilters as K } from "../TableElements/ColumnVisibilityFilters.js";
+import L from "./TableHeader.js";
+import N from "./TableFooter.js";
+import { TableWrapper as $ } from "../TableElements/TableWrapper.js";
+import G from "../../../Pictogram/components/BarChartTypeColourTint.js";
+import I from "./BaseTablePagination.js";
+import { SizedFeature as b } from "../../features/sized.js";
+import { useVirtualized as q } from "../../hooks/useVirtualized.js";
+import J from "./TableBodyVirtualised.js";
+import { NO_DRAG as Q } from "../../consts/drag.js";
+import { isColumnDraggable as U, isRowDraggable as X } from "../../utils/isDraggable.js";
+import { BASE_TABLE_CLASS as Y } from "../../../../react-base/src/consts/classes.js";
+const Z = [], Se = ({
+  data: g = Z,
+  columns: c,
+  tableOptions: e,
+  emptyStateProps: h,
+  size: d = _.Medium,
+  ...C
 }) => {
-  const [H, T] = z(() => o), [x, w] = z(
-    () => {
-      var d;
-      return ((d = r == null ? void 0 : r.state) == null ? void 0 : d.columnOrder) ?? f.map((c) => c.id);
-    }
-  ), { useDraggable: F = s, ...k } = R, M = y(
-    (d) => {
-      var c;
-      w(d), (c = r == null ? void 0 : r.onColumnOrderChange) == null || c.call(r, d);
+  const [S, f] = l(() => d), [z, p] = l(
+    () => e?.state?.columnOrder ?? c.map((r) => r.id)
+  ), { useDraggable: y = Q, ...R } = C, H = u(
+    (r) => {
+      p(r), e?.onColumnOrderChange?.(r);
     },
-    [r]
-  ), P = y(
-    (d) => {
-      var c;
-      T(d), (c = r == null ? void 0 : r.onSizeChange) == null || c.call(r, d);
+    [e]
+  ), T = u(
+    (r) => {
+      f(r), e?.onSizeChange?.(r);
     },
-    [r]
-  ), g = N({
-    _features: [Z],
-    data: S,
-    columns: f,
-    getCoreRowModel: $(),
+    [e]
+  ), i = A({
+    _features: [b],
+    data: g,
+    columns: c,
+    getCoreRowModel: E(),
     defaultColumn: {
       minSize: 50
     },
     // tanstack enables rows selection by default
     enableRowSelection: !1,
-    ...r,
+    ...e,
     state: {
-      ...r == null ? void 0 : r.state,
-      columnOrder: x,
-      size: H
+      ...e?.state,
+      columnOrder: z,
+      size: S
     },
-    onColumnOrderChange: M,
-    onSizeChange: P
-  }), { tableContainerRef: V, virtualRows: W, rows: B, paddingTop: D, paddingBottom: v } = n(g), m = {
-    noHeader: r == null ? void 0 : r.noHeader,
-    noFooter: r == null ? void 0 : r.noFooter,
-    maxWidth: r == null ? void 0 : r.maxWidth,
-    maxHeight: r == null ? void 0 : r.maxHeight,
-    columnSized: (r == null ? void 0 : r.columnSized) || (r == null ? void 0 : r.useColumnsSizing),
-    stickyHeader: r == null ? void 0 : r.stickyHeader,
-    stickyFooter: r == null ? void 0 : r.stickyFooter,
-    numericTypes: r == null ? void 0 : r.numericTypes,
-    highlight: r == null ? void 0 : r.highlight,
-    paginationKind: r == null ? void 0 : r.paginationKind,
-    pinningOptions: r == null ? void 0 : r.pinningOptions,
-    disableRowHover: r == null ? void 0 : r.disableRowHover,
-    columnPinning: r == null ? void 0 : r.enableColumnPinning,
-    pagination: !!(r != null && r.getPaginationRowModel),
-    columnResizing: r == null ? void 0 : r.enableColumnResizing,
-    columnVisibility: !!(r != null && r.onColumnVisibilityChange),
-    columnResizingMinWidth: r == null ? void 0 : r.columnResizingMinWidth,
-    sorting: (r == null ? void 0 : r.enableSorting) && !!(r != null && r.getSortedRowModel)
-  }, e = F(g, S), A = i ?? {
-    pictogram: /* @__PURE__ */ u(X, {}),
+    onColumnOrderChange: H,
+    onSizeChange: T
+  }), { tableContainerRef: x, virtualRows: w, rows: F, paddingTop: k, paddingBottom: M } = q(i), o = {
+    noHeader: e?.noHeader,
+    noFooter: e?.noFooter,
+    maxWidth: e?.maxWidth,
+    maxHeight: e?.maxHeight,
+    columnSized: e?.columnSized || e?.useColumnsSizing,
+    stickyHeader: e?.stickyHeader,
+    stickyFooter: e?.stickyFooter,
+    numericTypes: e?.numericTypes,
+    highlight: e?.highlight,
+    paginationKind: e?.paginationKind,
+    pinningOptions: e?.pinningOptions,
+    disableRowHover: e?.disableRowHover,
+    columnPinning: e?.enableColumnPinning,
+    pagination: !!e?.getPaginationRowModel,
+    columnResizing: e?.enableColumnResizing,
+    columnVisibility: !!e?.onColumnVisibilityChange,
+    columnResizingMinWidth: e?.columnResizingMinWidth,
+    sorting: e?.enableSorting && !!e?.getSortedRowModel
+  }, t = y(i, g), P = h ?? {
+    pictogram: /* @__PURE__ */ n(G, {}),
     title: "Title here",
     description: "This should be a clear and concise description."
-  }, E = L(() => {
-    const d = g.getFlatHeaders(), c = {};
-    return d.forEach((h) => {
-      c[`--header-${h.id}-size`] = h.getSize(), c[`--col-${h.column.id}-size`] = h.column.getSize();
-    }), c;
-  }, [g.getState().columnSizingInfo, g.getState().columnSizing]), _ = {
-    ...m.maxHeight && { maxHeight: m.maxHeight },
-    ...m.maxWidth && { maxWidth: m.maxWidth },
-    ...(m.stickyHeader || m.stickyFooter) && {
-      stickyRows: m.stickyHeader || m.stickyFooter
+  }, V = v(() => {
+    const r = i.getFlatHeaders(), a = {};
+    return r.forEach((m) => {
+      a[`--header-${m.id}-size`] = m.getSize(), a[`--col-${m.column.id}-size`] = m.column.getSize();
+    }), a;
+  }, [i.getState().columnSizingInfo, i.getState().columnSizing]), W = {
+    ...o.maxHeight && { maxHeight: o.maxHeight },
+    ...o.maxWidth && { maxWidth: o.maxWidth },
+    ...(o.stickyHeader || o.stickyFooter) && {
+      stickyRows: o.stickyHeader || o.stickyFooter
     }
-  }, j = g.getRowCount() === 0;
-  return /* @__PURE__ */ C(K, { children: [
-    !!(m != null && m.columnVisibility) && /* @__PURE__ */ u(q, { table: g }),
-    /* @__PURE__ */ C(U, { className: b, ..._, ref: V, children: [
-      /* @__PURE__ */ u(e.Components.Provider, { children: /* @__PURE__ */ C(
-        I,
+  }, B = i.getRowCount() === 0;
+  return /* @__PURE__ */ s(D, { children: [
+    !!o?.columnVisibility && /* @__PURE__ */ n(K, { table: i }),
+    /* @__PURE__ */ s($, { className: Y, ...W, ref: x, children: [
+      /* @__PURE__ */ n(t.Components.Provider, { children: /* @__PURE__ */ s(
+        j,
         {
-          ...k,
-          empty: j,
-          size: o,
-          style: { width: r != null && r.columnSized ? g.getTotalSize() : "100%", ...E },
+          ...R,
+          empty: B,
+          size: d,
+          style: { width: e?.columnSized ? i.getTotalSize() : "100%", ...V },
           children: [
-            /* @__PURE__ */ u(
-              J,
+            /* @__PURE__ */ n(
+              L,
               {
-                ...l(e.draggable) ? e.Components : {},
-                table: g,
-                options: m
+                ...U(t.draggable) ? t.Components : {},
+                table: i,
+                options: o
               }
             ),
-            /* @__PURE__ */ u(
-              a,
+            /* @__PURE__ */ n(
+              J,
               {
-                paddingTop: D,
-                paddingBottom: v,
-                virtualRows: W,
-                rows: B,
-                ...p(e.draggable) ? e.Components : {},
-                table: g,
-                options: m,
-                emptyStateProps: A
+                paddingTop: k,
+                paddingBottom: M,
+                virtualRows: w,
+                rows: F,
+                ...X(t.draggable) ? t.Components : {},
+                table: i,
+                options: o,
+                emptyStateProps: P
               }
             ),
-            /* @__PURE__ */ u(Q, { table: g, options: m })
+            /* @__PURE__ */ n(N, { table: i, options: o })
           ]
         }
       ) }),
-      /* @__PURE__ */ u(Y, { table: g, options: m })
+      /* @__PURE__ */ n(I, { table: i, options: o })
     ] })
   ] });
 };
 export {
-  Hr as default
+  Se as default
 };
 //# sourceMappingURL=BaseTableVirtualised.js.map

package/build/esm/components/Table/components/BaseTable/BaseTableVirtualised.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTableVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTableVirtualised.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport TableHeader from './TableHeader';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\nimport { SizedFeature } from '../../features/sized';\nimport { useVirtualized } from '../../hooks/useVirtualized';\nimport TableBodyVirtualised from './TableBodyVirtualised';\nimport { NO_DRAG } from '../../consts/drag';\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\n\nconst defaultData = [] as never[];\n\nconst BaseTableVirtualised = <TData extends RowData, TValue = unknown>({\n  data = defaultData,\n  columns,\n  tableOptions,\n  emptyStateProps,\n  size = Sizes.Medium,\n  ...props\n}: IBaseTableProps<TData, TValue>) => {\n  const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\n  const [columnOrder, setColumnOrder] = useState<string[]>(\n    () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\n  );\n  const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\n\n  const onColumnOrderChangeHandler = useCallback(\n    (newColumnOrder: Updater<ColumnOrderState>) => {\n      setColumnOrder(newColumnOrder);\n      tableOptions?.onColumnOrderChange?.(newColumnOrder);\n    },\n    [tableOptions],\n  );\n\n  const onSizeChangeHandler = useCallback(\n    (newSize: Updater<TableTypes.Size>) => {\n      setTableSize(newSize);\n      tableOptions?.onSizeChange?.(newSize);\n    },\n    [tableOptions],\n  );\n\n  const table = useReactTable({\n    _features: [SizedFeature],\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    defaultColumn: {\n      minSize: 50,\n    },\n    // tanstack enables rows selection by default\n    enableRowSelection: false,\n    ...tableOptions,\n    state: {\n      ...tableOptions?.state,\n      columnOrder,\n      size: tableSize,\n    },\n    onColumnOrderChange: onColumnOrderChangeHandler,\n    onSizeChange: onSizeChangeHandler,\n  });\n\n  const { tableContainerRef, virtualRows, rows, paddingTop, paddingBottom } = useVirtualized(table);\n\n  const options = {\n    noHeader: tableOptions?.noHeader,\n    noFooter: tableOptions?.noFooter,\n    maxWidth: tableOptions?.maxWidth,\n    maxHeight: tableOptions?.maxHeight,\n    columnSized: tableOptions?.columnSized || tableOptions?.useColumnsSizing,\n    stickyHeader: tableOptions?.stickyHeader,\n    stickyFooter: tableOptions?.stickyFooter,\n    numericTypes: tableOptions?.numericTypes,\n    highlight: tableOptions?.highlight,\n    paginationKind: tableOptions?.paginationKind,\n    pinningOptions: tableOptions?.pinningOptions,\n    disableRowHover: tableOptions?.disableRowHover,\n    columnPinning: tableOptions?.enableColumnPinning,\n    pagination: !!tableOptions?.getPaginationRowModel,\n    columnResizing: tableOptions?.enableColumnResizing,\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n    columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n  };\n\n  const DraggableCtx = useDraggable(table, data);\n\n  const emptyStateProperties = emptyStateProps ?? {\n    pictogram: <BarChartTypeColourTint />,\n    title: 'Title here',\n    description: 'This should be a clear and concise description.',\n  };\n\n  const columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders();\n    const colSizes: { [key: string]: number } = {};\n    headers.forEach((header) => {\n      colSizes[`--header-${header.id}-size`] = header.getSize();\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n    });\n\n    return colSizes;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\n\n  const wrapperProps = {\n    ...(options.maxHeight && { maxHeight: options.maxHeight }),\n    ...(options.maxWidth && { maxWidth: options.maxWidth }),\n    ...((options.stickyHeader || options.stickyFooter) && {\n      stickyRows: options.stickyHeader || options.stickyFooter,\n    }),\n  };\n\n  const isEmpty = table.getRowCount() === 0;\n\n  return (\n    <>\n      {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n      <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps} ref={tableContainerRef}>\n        <DraggableCtx.Components.Provider>\n          <Table\n            {...rest}\n            empty={isEmpty}\n            size={size}\n            style={{ width: tableOptions?.columnSized ? table.getTotalSize() : '100%', ...columnSizeVars }}\n          >\n            <TableHeader\n              {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              table={table}\n              options={options}\n            />\n            <TableBodyVirtualised\n              paddingTop={paddingTop}\n              paddingBottom={paddingBottom}\n              virtualRows={virtualRows}\n              rows={rows}\n              {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              table={table}\n              options={options}\n              emptyStateProps={emptyStateProperties}\n            />\n            <TableFooter table={table} options={options} />\n          </Table>\n        </DraggableCtx.Components.Provider>\n        <BaseTablePagination table={table} options={options} />\n      </TableWrapper>\n    </>\n  );\n};\n\nexport default BaseTableVirtualised;\n"],"names":["defaultData","BaseTableVirtualised","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","_a","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","tableContainerRef","virtualRows","rows","paddingTop","paddingBottom","useVirtualized","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBodyVirtualised","isRowDraggable","TableFooter","BaseTablePagination"],"mappings":"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"}
+{"version":3,"file":"BaseTableVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTableVirtualised.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport TableHeader from './TableHeader';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\nimport { SizedFeature } from '../../features/sized';\nimport { useVirtualized } from '../../hooks/useVirtualized';\nimport TableBodyVirtualised from './TableBodyVirtualised';\nimport { NO_DRAG } from '../../consts/drag';\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\n\nconst defaultData = [] as never[];\n\nconst BaseTableVirtualised = <TData extends RowData, TValue = unknown>({\n  data = defaultData,\n  columns,\n  tableOptions,\n  emptyStateProps,\n  size = Sizes.Medium,\n  ...props\n}: IBaseTableProps<TData, TValue>) => {\n  const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\n  const [columnOrder, setColumnOrder] = useState<string[]>(\n    () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\n  );\n  const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\n\n  const onColumnOrderChangeHandler = useCallback(\n    (newColumnOrder: Updater<ColumnOrderState>) => {\n      setColumnOrder(newColumnOrder);\n      tableOptions?.onColumnOrderChange?.(newColumnOrder);\n    },\n    [tableOptions],\n  );\n\n  const onSizeChangeHandler = useCallback(\n    (newSize: Updater<TableTypes.Size>) => {\n      setTableSize(newSize);\n      tableOptions?.onSizeChange?.(newSize);\n    },\n    [tableOptions],\n  );\n\n  const table = useReactTable({\n    _features: [SizedFeature],\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    defaultColumn: {\n      minSize: 50,\n    },\n    // tanstack enables rows selection by default\n    enableRowSelection: false,\n    ...tableOptions,\n    state: {\n      ...tableOptions?.state,\n      columnOrder,\n      size: tableSize,\n    },\n    onColumnOrderChange: onColumnOrderChangeHandler,\n    onSizeChange: onSizeChangeHandler,\n  });\n\n  const { tableContainerRef, virtualRows, rows, paddingTop, paddingBottom } = useVirtualized(table);\n\n  const options = {\n    noHeader: tableOptions?.noHeader,\n    noFooter: tableOptions?.noFooter,\n    maxWidth: tableOptions?.maxWidth,\n    maxHeight: tableOptions?.maxHeight,\n    columnSized: tableOptions?.columnSized || tableOptions?.useColumnsSizing,\n    stickyHeader: tableOptions?.stickyHeader,\n    stickyFooter: tableOptions?.stickyFooter,\n    numericTypes: tableOptions?.numericTypes,\n    highlight: tableOptions?.highlight,\n    paginationKind: tableOptions?.paginationKind,\n    pinningOptions: tableOptions?.pinningOptions,\n    disableRowHover: tableOptions?.disableRowHover,\n    columnPinning: tableOptions?.enableColumnPinning,\n    pagination: !!tableOptions?.getPaginationRowModel,\n    columnResizing: tableOptions?.enableColumnResizing,\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n    columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n  };\n\n  const DraggableCtx = useDraggable(table, data);\n\n  const emptyStateProperties = emptyStateProps ?? {\n    pictogram: <BarChartTypeColourTint />,\n    title: 'Title here',\n    description: 'This should be a clear and concise description.',\n  };\n\n  const columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders();\n    const colSizes: { [key: string]: number } = {};\n    headers.forEach((header) => {\n      colSizes[`--header-${header.id}-size`] = header.getSize();\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n    });\n\n    return colSizes;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\n\n  const wrapperProps = {\n    ...(options.maxHeight && { maxHeight: options.maxHeight }),\n    ...(options.maxWidth && { maxWidth: options.maxWidth }),\n    ...((options.stickyHeader || options.stickyFooter) && {\n      stickyRows: options.stickyHeader || options.stickyFooter,\n    }),\n  };\n\n  const isEmpty = table.getRowCount() === 0;\n\n  return (\n    <>\n      {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n      <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps} ref={tableContainerRef}>\n        <DraggableCtx.Components.Provider>\n          <Table\n            {...rest}\n            empty={isEmpty}\n            size={size}\n            style={{ width: tableOptions?.columnSized ? table.getTotalSize() : '100%', ...columnSizeVars }}\n          >\n            <TableHeader\n              {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              table={table}\n              options={options}\n            />\n            <TableBodyVirtualised\n              paddingTop={paddingTop}\n              paddingBottom={paddingBottom}\n              virtualRows={virtualRows}\n              rows={rows}\n              {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              table={table}\n              options={options}\n              emptyStateProps={emptyStateProperties}\n            />\n            <TableFooter table={table} options={options} />\n          </Table>\n        </DraggableCtx.Components.Provider>\n        <BaseTablePagination table={table} options={options} />\n      </TableWrapper>\n    </>\n  );\n};\n\nexport default BaseTableVirtualised;\n"],"names":["defaultData","BaseTableVirtualised","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","tableContainerRef","virtualRows","rows","paddingTop","paddingBottom","useVirtualized","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBodyVirtualised","isRowDraggable","TableFooter","BaseTablePagination"],"mappings":"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"}

package/build/esm/components/Table/components/BaseTable/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAIjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAQ3D,eAAO,MAAM,IAAI,GAAI,KAAK,SAAS,OAAO,EAAE,MAAM,oDAM/C,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,4CAgCA,CAAC"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/Cell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAIjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAQ3D,eAAO,MAAM,IAAI,GAAI,KAAK,SAAS,OAAO,EAAE,MAAM,oDAM/C,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,4CA6BA,CAAC"}

package/build/esm/components/Table/components/BaseTable/Cell.js

@@ -1,39 +1,32 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { flexRender as s } from "@tanstack/react-table";
-import { Td as a } from "../TableElements/TableElements.js";
-import { bodyCellProps as x } from "../../utils/baseTableUtils.js";
-import { NumericCell as f } from "../TableElements/NumericCell.js";
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+import { flexRender as x } from "@tanstack/react-table";
+import { Td as f } from "../TableElements/TableElements.js";
+import { bodyCellProps as a } from "../../utils/baseTableUtils.js";
+import { NumericCell as u } from "../TableElements/NumericCell.js";
 import { SelectionCheckbox as g } from "../TableElements/SelectionCheckbox.js";
 import m from "../../../Flexbox/Flexbox.js";
-import { Expander as u } from "../TableElements/Expander.js";
+import { Expander as C } from "../TableElements/Expander.js";
 const T = ({
   cell: e,
-  options: i,
-  row: n,
-  table: c,
-  prefix: d
+  options: l,
+  row: o,
+  table: t,
+  prefix: c
 }) => {
-  var r;
-  const o = s(e.column.columnDef.cell, e.getContext()), { alignment: l } = e.column.columnDef;
-  return /* @__PURE__ */ t(a, { ...x(e), children: /* @__PURE__ */ p(m, { alignItems: "center", flexGrow: 1, children: [
-    c.options.enableRowSelection === !0 && n.getCanSelect() && e.column.getIndex() === 0 && /* @__PURE__ */ t(g, { checked: n.getIsSelected(), onChange: n.getToggleSelectedHandler() }),
-    d,
-    /* @__PURE__ */ t(
-      u,
+  const r = x(e.column.columnDef.cell, e.getContext()), { alignment: i } = e.column.columnDef, d = p(() => t.getCanSomeRowsExpand(), [t]);
+  return /* @__PURE__ */ n(f, { ...a(e), children: /* @__PURE__ */ s(m, { alignItems: "center", flexGrow: 1, children: [
+    t.options.enableRowSelection === !0 && o.getCanSelect() && e.column.getIndex() === 0 && /* @__PURE__ */ n(g, { checked: o.getIsSelected(), onChange: o.getToggleSelectedHandler() }),
+    c,
+    /* @__PURE__ */ n(C, { expandable: e.column.getIndex() === 0 && d, row: o, children: /* @__PURE__ */ n(
+      m,
       {
-        expandable: !!(e.column.getIndex() === 0 && (n.getCanExpand() || n.getIsGrouped() || n.parentId)),
-        row: n,
-        children: /* @__PURE__ */ t(
-          m,
-          {
-            flexGrow: 1,
-            alignItems: "center",
-            justifyContent: l ?? "space-between",
-            children: (r = i.numericTypes) != null && r.includes(e == null ? void 0 : e.column.id) ? /* @__PURE__ */ t(f, { children: o }) : o
-          }
-        )
+        flexGrow: 1,
+        alignItems: "center",
+        justifyContent: i ?? "space-between",
+        children: l.numericTypes?.includes(e?.column.id) ? /* @__PURE__ */ n(u, { children: r }) : r
       }
-    )
+    ) })
   ] }) });
 };
 export {

package/build/esm/components/Table/components/BaseTable/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/BaseTable/Cell.tsx"],"sourcesContent":["import { flexRender, type RowData } from '@tanstack/react-table';\n\nimport type { FlexboxJustifyContent } from 'components/Flexbox/Flexbox.types';\n\nimport type { ICellElementProps } from './BaseTable.types';\nimport { Td } from '../TableElements/TableElements';\nimport { bodyCellProps } from '../../utils/baseTableUtils';\nimport { NumericCell } from '../TableElements/NumericCell';\nimport { SelectionCheckbox } from '../TableElements/SelectionCheckbox';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Expander } from '../TableElements/Expander';\n\nexport const Cell = <TData extends RowData, TValue = unknown>({\n  cell,\n  options,\n  row,\n  table,\n  prefix,\n}: ICellElementProps<TData, TValue> & {\n  prefix?: React.ReactNode;\n}) => {\n  const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\n  const { alignment } = cell.column.columnDef;\n\n  return (\n    <Td {...bodyCellProps(cell)}>\n      <Flexbox alignItems=\"center\" flexGrow={1}>\n        {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 && (\n          <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} />\n        )}\n        {prefix}\n        <Expander\n          expandable={Boolean(\n            cell.column.getIndex() === 0 && (row.getCanExpand() || row.getIsGrouped() || row.parentId),\n          )}\n          row={row}\n        >\n          <Flexbox\n            flexGrow={1}\n            alignItems=\"center\"\n            justifyContent={(alignment as FlexboxJustifyContent) ?? 'space-between'}\n          >\n            {options.numericTypes?.includes(cell?.column.id as keyof TData) ? (\n              <NumericCell>{cellContent}</NumericCell>\n            ) : (\n              cellContent\n            )}\n          </Flexbox>\n        </Expander>\n      </Flexbox>\n    </Td>\n  );\n};\n"],"names":["Cell","cell","options","row","table","prefix","cellContent","flexRender","alignment","jsx","Td","bodyCellProps","jsxs","Flexbox","SelectionCheckbox","Expander","_a","NumericCell"],"mappings":";;;;;;;;AAYO,MAAMA,IAAO,CAA0C;AAAA,EAC5D,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACF,MAEM;;AACJ,QAAMC,IAAcC,EAAWN,EAAK,OAAO,UAAU,MAAMA,EAAK,YAAY,GACtE,EAAE,WAAAO,EAAA,IAAcP,EAAK,OAAO;AAElC,SACE,gBAAAQ,EAACC,GAAA,EAAI,GAAGC,EAAcV,CAAI,GACxB,UAAA,gBAAAW,EAACC,GAAA,EAAQ,YAAW,UAAS,UAAU,GACpC,UAAA;AAAA,IAAAT,EAAM,QAAQ,uBAAuB,MAAQD,EAAI,kBAAkBF,EAAK,OAAO,SAAA,MAAe,KAC7F,gBAAAQ,EAACK,GAAA,EAAkB,SAASX,EAAI,cAAA,GAAiB,UAAUA,EAAI,4BAA4B;AAAA,IAE5FE;AAAA,IACD,gBAAAI;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,YAAY,GACVd,EAAK,OAAO,SAAA,MAAe,MAAME,EAAI,aAAA,KAAkBA,EAAI,aAAA,KAAkBA,EAAI;AAAA,QAEnF,KAAAA;AAAA,QAEA,UAAA,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV,YAAW;AAAA,YACX,gBAAiBL,KAAuC;AAAA,YAEvD,WAAAQ,IAAAd,EAAQ,iBAAR,QAAAc,EAAsB,SAASf,KAAA,gBAAAA,EAAM,OAAO,MAC3C,gBAAAQ,EAACQ,GAAA,EAAa,UAAAX,EAAA,CAAY,IAE1BA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/BaseTable/Cell.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { flexRender, type RowData } from '@tanstack/react-table';\n\nimport type { FlexboxJustifyContent } from 'components/Flexbox/Flexbox.types';\n\nimport type { ICellElementProps } from './BaseTable.types';\nimport { Td } from '../TableElements/TableElements';\nimport { bodyCellProps } from '../../utils/baseTableUtils';\nimport { NumericCell } from '../TableElements/NumericCell';\nimport { SelectionCheckbox } from '../TableElements/SelectionCheckbox';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Expander } from '../TableElements/Expander';\n\nexport const Cell = <TData extends RowData, TValue = unknown>({\n  cell,\n  options,\n  row,\n  table,\n  prefix,\n}: ICellElementProps<TData, TValue> & {\n  prefix?: React.ReactNode;\n}) => {\n  const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\n  const { alignment } = cell.column.columnDef;\n\n  const isAnyRowsExpandable = useMemo(() => table.getCanSomeRowsExpand(), [table]);\n\n  return (\n    <Td {...bodyCellProps(cell)}>\n      <Flexbox alignItems=\"center\" flexGrow={1}>\n        {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 && (\n          <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} />\n        )}\n        {prefix}\n        <Expander expandable={Boolean(cell.column.getIndex() === 0) && isAnyRowsExpandable} row={row}>\n          <Flexbox\n            flexGrow={1}\n            alignItems=\"center\"\n            justifyContent={(alignment as FlexboxJustifyContent) ?? 'space-between'}\n          >\n            {options.numericTypes?.includes(cell?.column.id as keyof TData) ? (\n              <NumericCell>{cellContent}</NumericCell>\n            ) : (\n              cellContent\n            )}\n          </Flexbox>\n        </Expander>\n      </Flexbox>\n    </Td>\n  );\n};\n"],"names":["Cell","cell","options","row","table","prefix","cellContent","flexRender","alignment","isAnyRowsExpandable","useMemo","jsx","Td","bodyCellProps","jsxs","Flexbox","SelectionCheckbox","Expander","NumericCell"],"mappings":";;;;;;;;;AAcO,MAAMA,IAAO,CAA0C;AAAA,EAC5D,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACF,MAEM;AACJ,QAAMC,IAAcC,EAAWN,EAAK,OAAO,UAAU,MAAMA,EAAK,YAAY,GACtE,EAAE,WAAAO,EAAA,IAAcP,EAAK,OAAO,WAE5BQ,IAAsBC,EAAQ,MAAMN,EAAM,wBAAwB,CAACA,CAAK,CAAC;AAE/E,SACE,gBAAAO,EAACC,GAAA,EAAI,GAAGC,EAAcZ,CAAI,GACxB,UAAA,gBAAAa,EAACC,GAAA,EAAQ,YAAW,UAAS,UAAU,GACpC,UAAA;AAAA,IAAAX,EAAM,QAAQ,uBAAuB,MAAQD,EAAI,kBAAkBF,EAAK,OAAO,SAAA,MAAe,KAC7F,gBAAAU,EAACK,GAAA,EAAkB,SAASb,EAAI,cAAA,GAAiB,UAAUA,EAAI,4BAA4B;AAAA,IAE5FE;AAAA,IACD,gBAAAM,EAACM,GAAA,EAAS,YAAoBhB,EAAK,OAAO,SAAA,MAAe,KAAMQ,GAAqB,KAAAN,GAClF,UAAA,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,YAAW;AAAA,QACX,gBAAiBP,KAAuC;AAAA,QAEvD,UAAAN,EAAQ,cAAc,SAASD,GAAM,OAAO,EAAiB,IAC5D,gBAAAU,EAACO,GAAA,EAAa,UAAAZ,EAAA,CAAY,IAE1BA;AAAA,MAAA;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/build/esm/components/Table/components/BaseTable/TableFooter.js

@@ -1,14 +1,14 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { flexRender as n } from "@tanstack/react-table";
-import { TFoot as h, Tr as o, Th as s } from "../TableElements/TableElements.js";
-import { useTable as f } from "../../hooks/useTable.js";
-import { hasFooter as u, headerCellProps as F } from "../../utils/baseTableUtils.js";
-const P = ({ table: l, options: e }) => {
-  const { empty: i } = f(), a = c(() => u(l, e), [l, e]), d = c(() => (e == null ? void 0 : e.pagination) && l.getIsSomeColumnsVisible(), [l, e]);
-  return i || !a && !d ? null : /* @__PURE__ */ t(h, { "data-sticky": e == null ? void 0 : e.stickyFooter, children: l.getFooterGroups().filter((m) => m.headers.some((r) => !!r.column.columnDef.footer)).map((m) => /* @__PURE__ */ t(o, { depth: m.depth, disableRowHover: !0, children: m == null ? void 0 : m.headers.map((r) => /* @__PURE__ */ t(s, { ...F(r), children: r.isPlaceholder ? null : n(r.column.columnDef.footer, r.getContext()) }, r.id)) }, m.id)) });
+import { jsx as m } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import { flexRender as c } from "@tanstack/react-table";
+import { TFoot as f, Tr as u, Th as a } from "../TableElements/TableElements.js";
+import { useTable as d } from "../../hooks/useTable.js";
+import { hasFooter as h, headerCellProps as p } from "../../utils/baseTableUtils.js";
+const C = ({ table: e, options: r }) => {
+  const { empty: l } = d(), n = i(() => h(e, r), [e, r]), s = i(() => r?.pagination && e.getIsSomeColumnsVisible(), [e, r]);
+  return l || !n && !s ? null : /* @__PURE__ */ m(f, { "data-sticky": r?.stickyFooter, children: e.getFooterGroups().filter((t) => t.headers.some((o) => !!o.column.columnDef.footer)).map((t) => /* @__PURE__ */ m(u, { depth: t.depth, disableRowHover: !0, children: t?.headers.map((o) => /* @__PURE__ */ m(a, { ...p(o), children: o.isPlaceholder ? null : c(o.column.columnDef.footer, o.getContext()) }, o.id)) }, t.id)) });
 };
 export {
-  P as default
+  C as default
 };
 //# sourceMappingURL=TableFooter.js.map

package/build/esm/components/Table/components/BaseTable/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableFooter.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { flexRender, RowData } from '@tanstack/react-table';\n\nimport type { IBaseTableElementProps } from './BaseTable.types';\nimport { Tr, Th, TFoot } from '../TableElements/TableElements';\nimport { useTable } from '../../hooks/useTable';\nimport { hasFooter, headerCellProps } from '../../utils/baseTableUtils';\n\nconst Footer = <TData extends RowData>({ table, options }: IBaseTableElementProps<TData>) => {\n  const { empty } = useTable();\n  const withTableFooter = useMemo(() => hasFooter(table, options), [table, options]);\n  const withPagination = useMemo(() => options?.pagination && table.getIsSomeColumnsVisible(), [table, options]);\n\n  if (empty || (!withTableFooter && !withPagination)) {\n    return null;\n  }\n\n  return (\n    <TFoot data-sticky={options?.stickyFooter}>\n      {table\n        .getFooterGroups()\n        .filter((footerGroup) => footerGroup.headers.some((header) => Boolean(header.column.columnDef.footer)))\n        .map((footerGroup) => (\n          <Tr key={footerGroup.id} depth={footerGroup.depth} disableRowHover={true}>\n            {footerGroup?.headers.map((header) => (\n              <Th key={header.id} {...headerCellProps(header)}>\n                {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\n              </Th>\n            ))}\n          </Tr>\n        ))}\n    </TFoot>\n  );\n};\n\nexport default Footer;\n"],"names":["Footer","table","options","empty","useTable","withTableFooter","useMemo","hasFooter","withPagination","jsx","TFoot","footerGroup","header","Tr","Th","headerCellProps","flexRender"],"mappings":";;;;;;AASA,MAAMA,IAAS,CAAwB,EAAE,OAAAC,GAAO,SAAAC,QAA6C;AAC3F,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZC,IAAkBC,EAAQ,MAAMC,EAAUN,GAAOC,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC,GAC3EM,IAAiBF,EAAQ,OAAMJ,KAAA,gBAAAA,EAAS,eAAcD,EAAM,2BAA2B,CAACA,GAAOC,CAAO,CAAC;AAE7G,SAAIC,KAAU,CAACE,KAAmB,CAACG,IAC1B,OAIP,gBAAAC,EAACC,GAAA,EAAM,eAAaR,KAAA,gBAAAA,EAAS,cAC1B,UAAAD,EACE,gBAAA,EACA,OAAO,CAACU,MAAgBA,EAAY,QAAQ,KAAK,CAACC,MAAW,EAAQA,EAAO,OAAO,UAAU,MAAO,CAAC,EACrG,IAAI,CAACD,MACJ,gBAAAF,EAACI,GAAA,EAAwB,OAAOF,EAAY,OAAO,iBAAiB,IACjE,UAAAA,KAAA,gBAAAA,EAAa,QAAQ,IAAI,CAACC,MACzB,gBAAAH,EAACK,GAAA,EAAoB,GAAGC,EAAgBH,CAAM,GAC3C,UAAAA,EAAO,gBAAgB,OAAOI,EAAWJ,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,GADtFA,EAAO,EAEhB,GACD,GALMD,EAAY,EAMrB,CACD,GACL;AAEJ;"}
+{"version":3,"file":"TableFooter.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableFooter.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { flexRender, RowData } from '@tanstack/react-table';\n\nimport type { IBaseTableElementProps } from './BaseTable.types';\nimport { Tr, Th, TFoot } from '../TableElements/TableElements';\nimport { useTable } from '../../hooks/useTable';\nimport { hasFooter, headerCellProps } from '../../utils/baseTableUtils';\n\nconst Footer = <TData extends RowData>({ table, options }: IBaseTableElementProps<TData>) => {\n  const { empty } = useTable();\n  const withTableFooter = useMemo(() => hasFooter(table, options), [table, options]);\n  const withPagination = useMemo(() => options?.pagination && table.getIsSomeColumnsVisible(), [table, options]);\n\n  if (empty || (!withTableFooter && !withPagination)) {\n    return null;\n  }\n\n  return (\n    <TFoot data-sticky={options?.stickyFooter}>\n      {table\n        .getFooterGroups()\n        .filter((footerGroup) => footerGroup.headers.some((header) => Boolean(header.column.columnDef.footer)))\n        .map((footerGroup) => (\n          <Tr key={footerGroup.id} depth={footerGroup.depth} disableRowHover={true}>\n            {footerGroup?.headers.map((header) => (\n              <Th key={header.id} {...headerCellProps(header)}>\n                {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\n              </Th>\n            ))}\n          </Tr>\n        ))}\n    </TFoot>\n  );\n};\n\nexport default Footer;\n"],"names":["Footer","table","options","empty","useTable","withTableFooter","useMemo","hasFooter","withPagination","jsx","TFoot","footerGroup","header","Tr","Th","headerCellProps","flexRender"],"mappings":";;;;;;AASA,MAAMA,IAAS,CAAwB,EAAE,OAAAC,GAAO,SAAAC,QAA6C;AAC3F,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZC,IAAkBC,EAAQ,MAAMC,EAAUN,GAAOC,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC,GAC3EM,IAAiBF,EAAQ,MAAMJ,GAAS,cAAcD,EAAM,2BAA2B,CAACA,GAAOC,CAAO,CAAC;AAE7G,SAAIC,KAAU,CAACE,KAAmB,CAACG,IAC1B,OAIP,gBAAAC,EAACC,GAAA,EAAM,eAAaR,GAAS,cAC1B,UAAAD,EACE,gBAAA,EACA,OAAO,CAACU,MAAgBA,EAAY,QAAQ,KAAK,CAACC,MAAW,EAAQA,EAAO,OAAO,UAAU,MAAO,CAAC,EACrG,IAAI,CAACD,MACJ,gBAAAF,EAACI,GAAA,EAAwB,OAAOF,EAAY,OAAO,iBAAiB,IACjE,UAAAA,GAAa,QAAQ,IAAI,CAACC,MACzB,gBAAAH,EAACK,GAAA,EAAoB,GAAGC,EAAgBH,CAAM,GAC3C,UAAAA,EAAO,gBAAgB,OAAOI,EAAWJ,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,GADtFA,EAAO,EAEhB,CACD,EAAA,GALMD,EAAY,EAMrB,CACD,GACL;AAEJ;"}

package/build/esm/components/Table/components/BaseTable/TableHeader.js

@@ -1,30 +1,30 @@
 import { jsx as d } from "react/jsx-runtime";
-import { useMemo as f } from "react";
-import { NOOP_COMPONENT as H } from "../../../../react-base/src/consts/index.js";
-import { THead as h, Tr as o, Th as s } from "../TableElements/TableElements.js";
-import { hasHeader as u, headerCellProps as p } from "../../utils/baseTableUtils.js";
-import { useTable as T } from "../../hooks/useTable.js";
-import { HeaderCell as n } from "../TableElements/HeaderCell.js";
+import { useMemo as s } from "react";
+import { NOOP_COMPONENT as c } from "../../../../react-base/src/consts/index.js";
+import { THead as f, Tr as p, Th as H } from "../TableElements/TableElements.js";
+import { hasHeader as h, headerCellProps as n } from "../../utils/baseTableUtils.js";
+import { useTable as u } from "../../hooks/useTable.js";
+import { HeaderCell as T } from "../TableElements/HeaderCell.js";
 const O = ({
-  header: r,
-  table: e,
-  options: m
-}) => /* @__PURE__ */ d(s, { ...p(r), children: /* @__PURE__ */ d(n, { options: m, table: e, header: r }) }), M = ({
+  header: e,
   table: r,
-  options: e,
-  HeaderProvider: m = H,
+  options: t
+}) => /* @__PURE__ */ d(H, { ...n(e), children: /* @__PURE__ */ d(T, { options: t, table: r, header: e }) }), M = ({
+  table: e,
+  options: r,
+  HeaderProvider: t = c,
   Header: i = O
 }) => {
-  const { empty: c } = T(), t = f(() => u(r, e), [r, e]);
-  return c || !t ? null : /* @__PURE__ */ d(h, { "data-sticky": e == null ? void 0 : e.stickyHeader, children: !!t && r.getHeaderGroups().map((a) => /* @__PURE__ */ d(o, { depth: a.depth, disableRowHover: !0, children: /* @__PURE__ */ d(m, { children: a.headers.map((l) => /* @__PURE__ */ d(
+  const { empty: l } = u(), a = s(() => h(e, r), [e, r]);
+  return l || !a ? null : /* @__PURE__ */ d(f, { "data-sticky": r?.stickyHeader, children: !!a && e.getHeaderGroups().map((m) => /* @__PURE__ */ d(p, { depth: m.depth, disableRowHover: !0, children: /* @__PURE__ */ d(t, { children: m.headers.map((o) => /* @__PURE__ */ d(
     i,
     {
-      header: l,
-      table: r,
-      options: e
+      header: o,
+      table: e,
+      options: r
     },
-    l.id
-  )) }) }, a.id)) });
+    o.id
+  )) }) }, m.id)) });
 };
 export {
   M as default

package/build/esm/components/Table/components/BaseTable/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableHeader.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react';\n\nimport { type RowData, type Header as HeaderType } from '@tanstack/react-table';\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\n\nimport { Tr, Th, THead } from '../TableElements/TableElements';\nimport type { IBaseTableElementProps, IHeaderCellProps } from './BaseTable.types';\nimport { hasHeader, headerCellProps } from '../../utils/baseTableUtils';\nimport { useTable } from '../../hooks/useTable';\nimport { HeaderCell } from '../TableElements/HeaderCell';\n\nconst DefaultHeader = <TData extends RowData, TValue = unknown>({\n  header,\n  table,\n  options,\n}: IHeaderCellProps<TData, TValue>) => (\n  <Th {...headerCellProps(header)}>\n    <HeaderCell options={options} table={table} header={header} />\n  </Th>\n);\n\nconst Header = <TData extends RowData, TValue = unknown>({\n  table,\n  options,\n  HeaderProvider = NOOP_COMPONENT,\n  Header: HeaderComponent = DefaultHeader,\n}: IBaseTableElementProps<TData> & {\n  HeaderProvider?: React.ComponentType<PropsWithChildren>;\n  Header?: React.ComponentType<IHeaderCellProps<TData, TValue>>;\n}) => {\n  const { empty } = useTable();\n  const withTableHeader = useMemo(() => hasHeader(table, options), [table, options]);\n\n  if (empty || !withTableHeader) {\n    return null;\n  }\n\n  return (\n    <THead data-sticky={options?.stickyHeader}>\n      {!!withTableHeader &&\n        table.getHeaderGroups().map((headerGroup) => (\n          <Tr key={headerGroup.id} depth={headerGroup.depth} disableRowHover={true}>\n            <HeaderProvider>\n              {headerGroup.headers.map((hgHeader) => (\n                <HeaderComponent\n                  key={hgHeader.id}\n                  header={hgHeader as HeaderType<TData, TValue>}\n                  table={table}\n                  options={options}\n                />\n              ))}\n            </HeaderProvider>\n          </Tr>\n        ))}\n    </THead>\n  );\n};\n\nexport default Header;\n"],"names":["DefaultHeader","header","table","options","jsx","Th","headerCellProps","HeaderCell","Header","HeaderProvider","NOOP_COMPONENT","HeaderComponent","empty","useTable","withTableHeader","useMemo","hasHeader","THead","headerGroup","Tr","hgHeader"],"mappings":";;;;;;;AAWA,MAAMA,IAAgB,CAA0C;AAAA,EAC9D,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MACE,gBAAAC,EAACC,GAAA,EAAI,GAAGC,EAAgBL,CAAM,GAC5B,UAAA,gBAAAG,EAACG,GAAA,EAAW,SAAAJ,GAAkB,OAAAD,GAAc,QAAAD,EAAA,CAAgB,EAAA,CAC9D,GAGIO,IAAS,CAA0C;AAAA,EACvD,OAAAN;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAM,IAAiBC;AAAA,EACjB,QAAQC,IAAkBX;AAC5B,MAGM;AACJ,QAAM,EAAE,OAAAY,EAAA,IAAUC,EAAA,GACZC,IAAkBC,EAAQ,MAAMC,EAAUd,GAAOC,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC;AAEjF,SAAIS,KAAS,CAACE,IACL,OAIP,gBAAAV,EAACa,GAAA,EAAM,eAAad,KAAA,gBAAAA,EAAS,cAC1B,UAAA,CAAC,CAACW,KACDZ,EAAM,gBAAA,EAAkB,IAAI,CAACgB,MAC3B,gBAAAd,EAACe,GAAA,EAAwB,OAAOD,EAAY,OAAO,iBAAiB,IAClE,UAAA,gBAAAd,EAACK,GAAA,EACE,UAAAS,EAAY,QAAQ,IAAI,CAACE,MACxB,gBAAAhB;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,QAAQS;AAAA,MACR,OAAAlB;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,IAHKiB,EAAS;AAAA,EAAA,CAKjB,EAAA,CACH,EAAA,GAVOF,EAAY,EAWrB,CACD,EAAA,CACL;AAEJ;"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableHeader.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react';\n\nimport { type RowData, type Header as HeaderType } from '@tanstack/react-table';\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\n\nimport { Tr, Th, THead } from '../TableElements/TableElements';\nimport type { IBaseTableElementProps, IHeaderCellProps } from './BaseTable.types';\nimport { hasHeader, headerCellProps } from '../../utils/baseTableUtils';\nimport { useTable } from '../../hooks/useTable';\nimport { HeaderCell } from '../TableElements/HeaderCell';\n\nconst DefaultHeader = <TData extends RowData, TValue = unknown>({\n  header,\n  table,\n  options,\n}: IHeaderCellProps<TData, TValue>) => (\n  <Th {...headerCellProps(header)}>\n    <HeaderCell options={options} table={table} header={header} />\n  </Th>\n);\n\nconst Header = <TData extends RowData, TValue = unknown>({\n  table,\n  options,\n  HeaderProvider = NOOP_COMPONENT,\n  Header: HeaderComponent = DefaultHeader,\n}: IBaseTableElementProps<TData> & {\n  HeaderProvider?: React.ComponentType<PropsWithChildren>;\n  Header?: React.ComponentType<IHeaderCellProps<TData, TValue>>;\n}) => {\n  const { empty } = useTable();\n  const withTableHeader = useMemo(() => hasHeader(table, options), [table, options]);\n\n  if (empty || !withTableHeader) {\n    return null;\n  }\n\n  return (\n    <THead data-sticky={options?.stickyHeader}>\n      {!!withTableHeader &&\n        table.getHeaderGroups().map((headerGroup) => (\n          <Tr key={headerGroup.id} depth={headerGroup.depth} disableRowHover={true}>\n            <HeaderProvider>\n              {headerGroup.headers.map((hgHeader) => (\n                <HeaderComponent\n                  key={hgHeader.id}\n                  header={hgHeader as HeaderType<TData, TValue>}\n                  table={table}\n                  options={options}\n                />\n              ))}\n            </HeaderProvider>\n          </Tr>\n        ))}\n    </THead>\n  );\n};\n\nexport default Header;\n"],"names":["DefaultHeader","header","table","options","jsx","Th","headerCellProps","HeaderCell","Header","HeaderProvider","NOOP_COMPONENT","HeaderComponent","empty","useTable","withTableHeader","useMemo","hasHeader","THead","headerGroup","Tr","hgHeader"],"mappings":";;;;;;;AAWA,MAAMA,IAAgB,CAA0C;AAAA,EAC9D,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MACE,gBAAAC,EAACC,GAAA,EAAI,GAAGC,EAAgBL,CAAM,GAC5B,UAAA,gBAAAG,EAACG,GAAA,EAAW,SAAAJ,GAAkB,OAAAD,GAAc,QAAAD,EAAA,CAAgB,EAAA,CAC9D,GAGIO,IAAS,CAA0C;AAAA,EACvD,OAAAN;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAM,IAAiBC;AAAA,EACjB,QAAQC,IAAkBX;AAC5B,MAGM;AACJ,QAAM,EAAE,OAAAY,EAAA,IAAUC,EAAA,GACZC,IAAkBC,EAAQ,MAAMC,EAAUd,GAAOC,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC;AAEjF,SAAIS,KAAS,CAACE,IACL,OAIP,gBAAAV,EAACa,GAAA,EAAM,eAAad,GAAS,cAC1B,UAAA,CAAC,CAACW,KACDZ,EAAM,gBAAA,EAAkB,IAAI,CAACgB,MAC3B,gBAAAd,EAACe,GAAA,EAAwB,OAAOD,EAAY,OAAO,iBAAiB,IAClE,UAAA,gBAAAd,EAACK,GAAA,EACE,UAAAS,EAAY,QAAQ,IAAI,CAACE,MACxB,gBAAAhB;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,QAAQS;AAAA,MACR,OAAAlB;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,IAHKiB,EAAS;AAAA,EAAA,CAKjB,EAAA,CACH,EAAA,GAVOF,EAAY,EAWrB,CACD,EAAA,CACL;AAEJ;"}

package/build/esm/components/Table/components/TableElements/Expander.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/Expander.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG7D,OAAO,KAAK,EAAE,gCAAgC,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAK9F,eAAO,MAAM,cAAc,6RAa1B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,iCAAkC,cAAc,CAAC,CAAC,CAAC,iIAkB5E,CAAC"}
+{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/Expander.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG7D,OAAO,KAAK,EAAE,gCAAgC,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAM9F,eAAO,MAAM,cAAc,6RAa1B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,iCAAkC,cAAc,CAAC,CAAC,CAAC,iIAkB5E,CAAC"}

package/build/esm/components/Table/components/TableElements/Expander.js

@@ -1,36 +1,37 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { styled as o, css as p } from "styled-components";
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { styled as o, css as n } from "styled-components";
 import { Sizes as r } from "../../../../react-base/src/consts/index.js";
 import { consts as l } from "../../../../react-base/src/components/Button/Button.consts.js";
-import { useTable as x } from "../../hooks/useTable.js";
-import { ExpanderButton as m } from "./ExpanderButton.js";
-const d = 40, g = o.div(
-  ({ $size: e, $depth: t, $lastChild: n }) => p`
+import { useTable as m } from "../../hooks/useTable.js";
+import { ExpanderButton as x } from "./ExpanderButton.js";
+import { getExpanderPaddingSize as g } from "../../utils/tableUtils.js";
+const p = 40, f = o.div(
+  ({ $size: e, $depth: t, $lastChild: d }) => n`
     position: relative;
     display: flex;
     align-items: center;
     gap: 8px;
-    padding-left: ${t * d}px;
+    padding-left: ${t * p}px;
 
-    ${n && p`
-      padding-left: calc(${t * d}px + ${l[e].height});
+    ${d && n`
+      padding-left: calc(${t * p}px + ${l[g(e)].height});
     `}
   `
-), C = ({ row: e, expandable: t, children: n }) => {
-  const { size: i = r.Medium } = x();
-  return t === !1 ? n : /* @__PURE__ */ s(g, { $size: i, $depth: e.depth, $lastChild: !e.getCanExpand(), children: [
-    e.getCanExpand() && /* @__PURE__ */ a(
-      m,
+), S = ({ row: e, expandable: t, children: d }) => {
+  const { size: i = r.Medium } = m();
+  return t === !1 ? d : /* @__PURE__ */ a(f, { $size: i, $depth: e.depth, $lastChild: !e.getCanExpand(), children: [
+    e.getCanExpand() && /* @__PURE__ */ s(
+      x,
       {
         expanded: e.getIsExpanded(),
         onClick: e.getToggleExpandedHandler()
       }
     ),
-    n
+    d
   ] });
 };
 export {
-  C as Expander,
-  g as StyledExpander
+  S as Expander,
+  f as StyledExpander
 };
 //# sourceMappingURL=Expander.js.map

package/build/esm/components/Table/components/TableElements/Expander.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.js","sources":["../../../../../../src/components/Table/components/TableElements/Expander.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\nimport { TransientAll } from 'acinguiux-ds-react-base/types';\n\nimport { useTable } from '../../hooks/useTable';\nimport type { ITableCellExpanderContainerProps, IExpanderProps } from './TableElements.types';\nimport { ExpanderButton } from './ExpanderButton';\n\nconst EXPAND_OFFSET = 40;\n\nexport const StyledExpander = styled.div<Required<TransientAll<ITableCellExpanderContainerProps>>>(\n  ({ $size, $depth, $lastChild }) => css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-left: ${$depth * EXPAND_OFFSET}px;\n\n    ${$lastChild &&\n    css`\n      padding-left: calc(${$depth * EXPAND_OFFSET}px + ${ButtonConsts.consts[$size].height});\n    `}\n  `,\n);\n\nexport const Expander = <T,>({ row, expandable, children }: IExpanderProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\n\n  return expandable === false ? (\n    children\n  ) : (\n    <StyledExpander $size={size} $depth={row.depth} $lastChild={!row.getCanExpand()}>\n      {row.getCanExpand() && (\n        <ExpanderButton\n          expanded={row.getIsExpanded()}\n          {...{\n            onClick: row.getToggleExpandedHandler(),\n          }}\n        />\n      )}\n      {children}\n    </StyledExpander>\n  );\n};\n"],"names":["EXPAND_OFFSET","StyledExpander","styled","$size","$depth","$lastChild","css","ButtonConsts.consts","Expander","row","expandable","children","size","Sizes","useTable","jsxs","jsx","ExpanderButton"],"mappings":";;;;;;AASA,MAAMA,IAAgB,IAETC,IAAiBC,EAAO;AAAA,EACnC,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,QAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKjBF,IAASJ,CAAa;AAAA;AAAA,MAEpCK,KACFC;AAAA,2BACuBF,IAASJ,CAAa,QAAQO,EAAoBJ,CAAK,EAAE,MAAM;AAAA,KACrF;AAAA;AAEL,GAEaK,IAAW,CAAK,EAAE,KAAAC,GAAK,YAAAC,GAAY,UAAAC,QAAkC;AAChF,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,SAAOJ,MAAe,KACpBC,IAEA,gBAAAI,EAACd,KAAe,OAAOW,GAAM,QAAQH,EAAI,OAAO,YAAY,CAACA,EAAI,gBAC9D,UAAA;AAAA,IAAAA,EAAI,kBACH,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUR,EAAI,cAAA;AAAA,QAEZ,SAASA,EAAI,yBAAA;AAAA,MACf;AAAA,IAAA;AAAA,IAGHE;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"Expander.js","sources":["../../../../../../src/components/Table/components/TableElements/Expander.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\nimport { TransientAll } from 'acinguiux-ds-react-base/types';\n\nimport { useTable } from '../../hooks/useTable';\nimport type { ITableCellExpanderContainerProps, IExpanderProps } from './TableElements.types';\nimport { ExpanderButton } from './ExpanderButton';\nimport { getExpanderPaddingSize } from '../../utils/tableUtils';\n\nconst EXPAND_OFFSET = 40;\n\nexport const StyledExpander = styled.div<Required<TransientAll<ITableCellExpanderContainerProps>>>(\n  ({ $size, $depth, $lastChild }) => css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-left: ${$depth * EXPAND_OFFSET}px;\n\n    ${$lastChild &&\n    css`\n      padding-left: calc(${$depth * EXPAND_OFFSET}px + ${ButtonConsts.consts[getExpanderPaddingSize($size)].height});\n    `}\n  `,\n);\n\nexport const Expander = <T,>({ row, expandable, children }: IExpanderProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\n\n  return expandable === false ? (\n    children\n  ) : (\n    <StyledExpander $size={size} $depth={row.depth} $lastChild={!row.getCanExpand()}>\n      {row.getCanExpand() && (\n        <ExpanderButton\n          expanded={row.getIsExpanded()}\n          {...{\n            onClick: row.getToggleExpandedHandler(),\n          }}\n        />\n      )}\n      {children}\n    </StyledExpander>\n  );\n};\n"],"names":["EXPAND_OFFSET","StyledExpander","styled","$size","$depth","$lastChild","css","ButtonConsts.consts","getExpanderPaddingSize","Expander","row","expandable","children","size","Sizes","useTable","jsxs","jsx","ExpanderButton"],"mappings":";;;;;;;AAUA,MAAMA,IAAgB,IAETC,IAAiBC,EAAO;AAAA,EACnC,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,QAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKjBF,IAASJ,CAAa;AAAA;AAAA,MAEpCK,KACFC;AAAA,2BACuBF,IAASJ,CAAa,QAAQO,EAAoBC,EAAuBL,CAAK,CAAC,EAAE,MAAM;AAAA,KAC7G;AAAA;AAEL,GAEaM,IAAW,CAAK,EAAE,KAAAC,GAAK,YAAAC,GAAY,UAAAC,QAAkC;AAChF,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,SAAOJ,MAAe,KACpBC,IAEA,gBAAAI,EAACf,KAAe,OAAOY,GAAM,QAAQH,EAAI,OAAO,YAAY,CAACA,EAAI,gBAC9D,UAAA;AAAA,IAAAA,EAAI,kBACH,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUR,EAAI,cAAA;AAAA,QAEZ,SAASA,EAAI,yBAAA;AAAA,MACf;AAAA,IAAA;AAAA,IAGHE;AAAA,EAAA,GACH;AAEJ;"}