acinguiux-ds-react-framework 0.0.6 → 0.0.7

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

@@ -1,95 +1,94 @@
-import { jsx as e, jsxs as l, Fragment as _ } from "react/jsx-runtime";
-import { useMemo as C } from "react";
-import { useReactTable as $, getCoreRowModel as I } from "@tanstack/react-table";
+import { jsx as e, jsxs as l, Fragment as j } from "react/jsx-runtime";
+import { useReactTable as _, getCoreRowModel as I } from "@tanstack/react-table";
 import N from "../../Table.js";
-import { hasFooter as q } from "../../utils/baseTableUtils.js";
-import { ColumnVisibilityFilters as v } from "../TableElements/ColumnVisibilityFilters.js";
-import D from "./BaseTableHeader.js";
-import G from "./TableHeader.js";
-import J from "./TableBody.js";
-import K from "./TableFooter.js";
-import { TableWrapper as Q } from "../TableElements/TableWrapper.js";
-import U from "../../../Pictogram/components/BarChartTypeColourTint.js";
-import X from "./BaseTablePagination.js";
-import { BASE_TABLE_CLASS as Y, Positions as Z } from "../../../../react-base/src/consts.js";
-const t = ({
-  data: w = [],
-  columns: R,
-  tableOptions: o,
+import { hasFooter as $ } from "../../utils/baseTableUtils.js";
+import { ColumnVisibilityFilters as q } from "../TableElements/ColumnVisibilityFilters.js";
+import v from "./BaseTableHeader.js";
+import D from "./TableHeader.js";
+import G from "./TableBody.js";
+import J from "./TableFooter.js";
+import { TableWrapper as K } from "../TableElements/TableWrapper.js";
+import Q from "../../../Pictogram/components/BarChartTypeColourTint.js";
+import U from "./BaseTablePagination.js";
+import { BASE_TABLE_CLASS as X, Positions as Y } from "../../../../react-base/src/consts.js";
+const ir = ({
+  data: T = [],
+  columns: w,
+  tableOptions: r,
   maxWidth: i,
   maxHeight: n,
   stickyHeader: c,
   stickyFooter: u,
-  noHeader: a,
-  noFooter: s,
-  columnResizingMinWidth: S,
-  dragAndDrop: P,
+  noHeader: R,
+  noFooter: S,
+  columnResizingMinWidth: P,
+  dragAndDrop: a,
   disableRowHover: z,
-  useColumnsSizing: B,
+  useColumnsSizing: s,
   emptyStateProps: y,
-  numericTypes: h,
-  paginationKind: M = "default",
+  numericTypes: B,
+  paginationKind: h = "default",
   pinningOptions: V = !0,
   sentimentKey: F,
-  headerCellMenuItems: A,
+  headerCellMenuItems: M,
   header: f,
-  sentimentIndicatorPosition: E = Z.Left,
+  sentimentIndicatorPosition: A = Y.Left,
   ...g
 }) => {
-  const m = $({
-    data: w,
-    columns: R,
+  const m = _({
+    data: T,
+    columns: w,
     getCoreRowModel: I(),
     defaultColumn: {
       minSize: 50
     },
     // tanstack enables rows selection by default
     enableRowSelection: !1,
-    ...o
-  }), r = {
+    ...r
+  }), o = {
     maxWidth: i,
     maxHeight: n,
     stickyHeader: c,
     stickyFooter: u,
-    noHeader: a,
-    noFooter: s,
-    useColumnsSizing: B,
-    dragAndDrop: P,
+    noHeader: R,
+    noFooter: S,
+    useColumnsSizing: s,
+    dragAndDrop: a,
     disableRowHover: z,
-    sorting: (o == null ? void 0 : o.enableSorting) && !!(o != null && o.getSortedRowModel),
-    columnPinning: o == null ? void 0 : o.enableColumnPinning,
+    sorting: (r == null ? void 0 : r.enableSorting) && !!(r != null && r.getSortedRowModel),
+    columnPinning: r == null ? void 0 : r.enableColumnPinning,
     pinningOptions: V,
-    columnResizing: !!(o != null && o.enableColumnResizing),
-    columnResizingMinWidth: S,
-    columnVisibility: !!(o != null && o.onColumnVisibilityChange),
-    emptyStateProps: y ?? { pictogram: /* @__PURE__ */ e(U, {}), title: "Title here", description: "This should be a clear and concise description." },
-    paginationKind: M,
-    pagination: !!(o != null && o.getPaginationRowModel),
-    numericTypes: h,
+    columnResizing: !!(r != null && r.enableColumnResizing),
+    columnResizingMinWidth: P,
+    columnVisibility: !!(r != null && r.onColumnVisibilityChange),
+    emptyStateProps: y ?? { pictogram: /* @__PURE__ */ e(Q, {}), title: "Title here", description: "This should be a clear and concise description." },
+    paginationKind: h,
+    pagination: !!(r != null && r.getPaginationRowModel),
+    numericTypes: B,
     sentimentKey: F,
-    sentimentIndicatorPosition: E,
-    headerCellMenuItems: A
-  }, L = {
+    sentimentIndicatorPosition: A,
+    headerCellMenuItems: M
+  }, E = {
     ...n && { maxHeight: n },
     ...i && { maxWidth: i },
     ...(c || u) && {
       stickyRows: c || u
     }
-  }, d = C(() => m.getRowCount() === 0, [m]), j = C(() => !r.noFooter && q(m, r), [m, r]), T = C(() => !!(r != null && r.pagination) && m.getIsSomeColumnsVisible(), [m, r]);
-  return /* @__PURE__ */ l(_, { children: [
-    (r == null ? void 0 : r.columnVisibility) && /* @__PURE__ */ e(v, { table: m }),
-    /* @__PURE__ */ l(Q, { className: Y, ...L, children: [
-      f && /* @__PURE__ */ e(D, { size: g.size, ...f }),
-      /* @__PURE__ */ l(N, { ...g, header: f, empty: d, children: [
-        /* @__PURE__ */ e(G, { table: m, options: r }),
-        /* @__PURE__ */ e(J, { table: m, options: r }),
-        (j || T) && !d && /* @__PURE__ */ e(K, { table: m, options: r })
+  }, C = m.getRowCount() === 0, L = !o.noFooter && $(m, o), d = !!(o != null && o.pagination) && m.getIsSomeColumnsVisible();
+  return /* @__PURE__ */ l(j, { children: [
+    (o == null ? void 0 : o.columnVisibility) && /* @__PURE__ */ e(q, { table: m }),
+    /* @__PURE__ */ l(K, { className: X, ...E, children: [
+      f && /* @__PURE__ */ e(v, { size: g.size, ...f }),
+      /* @__PURE__ */ l(N, { ...g, header: f, empty: C, children: [
+        /* @__PURE__ */ e(D, { table: m, options: o }),
+        /* @__PURE__ */ e(G, { table: m, options: o }),
+        (L || d) && !C && /* @__PURE__ */ e(J, { table: m, options: o })
       ] }),
-      T && /* @__PURE__ */ e(X, { table: m, options: r, size: g.size })
+      d && /* @__PURE__ */ e(U, { table: m, options: o, size: g.size })
     ] })
   ] });
-}, uo = t;
+};
 export {
-  uo as default
+  ir as default
 };
 //# sourceMappingURL=BaseTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\n\r\nimport { useReactTable, getCoreRowModel } from '@tanstack/react-table';\r\nimport { BASE_TABLE_CLASS, Positions } from 'acinguiux-ds-react-base';\r\n\r\nimport Table from '../../Table';\r\nimport { IBaseTableProps } from './BaseTable.types';\r\nimport { hasFooter } from '../../utils/baseTableUtils';\r\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\r\nimport BaseTableHeader from './BaseTableHeader';\r\nimport TableHeader from './TableHeader';\r\nimport TableBody from './TableBody';\r\nimport TableFooter from './TableFooter';\r\nimport { TableWrapper } from '../TableElements/TableWrapper';\r\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\r\nimport BaseTablePagination from './BaseTablePagination';\r\n\r\nconst BaseTable = <T,>({\r\n  data = [],\r\n  columns,\r\n  tableOptions,\r\n  maxWidth,\r\n  maxHeight,\r\n  stickyHeader,\r\n  stickyFooter,\r\n  noHeader,\r\n  noFooter,\r\n  columnResizingMinWidth,\r\n  dragAndDrop,\r\n  disableRowHover,\r\n  useColumnsSizing,\r\n  emptyStateProps,\r\n  numericTypes,\r\n  paginationKind = 'default',\r\n  pinningOptions = true,\r\n  sentimentKey,\r\n  headerCellMenuItems,\r\n  header,\r\n  sentimentIndicatorPosition = Positions.Left,\r\n  ...rest\r\n}: IBaseTableProps<T>) => {\r\n  const table = useReactTable({\r\n    data,\r\n    columns,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    defaultColumn: {\r\n      minSize: 50,\r\n    },\r\n    // tanstack enables rows selection by default\r\n    enableRowSelection: false,\r\n    ...tableOptions,\r\n  });\r\n\r\n  const options = {\r\n    maxWidth,\r\n    maxHeight,\r\n    stickyHeader,\r\n    stickyFooter,\r\n    noHeader,\r\n    noFooter,\r\n    useColumnsSizing,\r\n    dragAndDrop,\r\n    disableRowHover,\r\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\r\n    columnPinning: tableOptions?.enableColumnPinning,\r\n    pinningOptions,\r\n    columnResizing: !!tableOptions?.enableColumnResizing,\r\n    columnResizingMinWidth,\r\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\r\n    emptyStateProps: emptyStateProps ?? { pictogram: <BarChartTypeColourTint />, title: 'Title here', description: 'This should be a clear and concise description.' },\r\n    paginationKind,\r\n    pagination: !!tableOptions?.getPaginationRowModel,\r\n    numericTypes,\r\n    sentimentKey,\r\n    sentimentIndicatorPosition,\r\n    headerCellMenuItems,\r\n  };\r\n\r\n  const wrapperProps = {\r\n    ...(maxHeight && { maxHeight }),\r\n    ...(maxWidth && { maxWidth }),\r\n    ...((stickyHeader || stickyFooter) && {\r\n      stickyRows: stickyHeader || stickyFooter,\r\n    }),\r\n  };\r\n\r\n  const isEmpty = useMemo(() => table.getRowCount() === 0, [table]);\r\n  const withTableFooter = useMemo(() => !options.noFooter && hasFooter(table, options), [table, options]);\r\n  const withPagination = useMemo(() => !!options?.pagination && table.getIsSomeColumnsVisible(), [table, options]);\r\n\r\n  return (\r\n    <>\r\n      {options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\r\n      <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps}>\r\n        {header && <BaseTableHeader size={rest.size} {...header} /> }\r\n        <Table {...rest} header={header} empty={isEmpty}>\r\n          <TableHeader table={table} options={options} />\r\n          <TableBody table={table} options={options} />\r\n          {(withTableFooter || withPagination) && !isEmpty && <TableFooter table={table} options={options} />}\r\n        </Table>\r\n        {withPagination && <BaseTablePagination table={table} options={options} size={rest.size} />}\r\n      </TableWrapper>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default BaseTable;\r\n"],"names":["BaseTable","data","columns","tableOptions","maxWidth","maxHeight","stickyHeader","stickyFooter","noHeader","noFooter","columnResizingMinWidth","dragAndDrop","disableRowHover","useColumnsSizing","emptyStateProps","numericTypes","paginationKind","pinningOptions","sentimentKey","headerCellMenuItems","header","sentimentIndicatorPosition","Positions","rest","table","useReactTable","getCoreRowModel","options","jsx","BarChartTypeColourTint","wrapperProps","isEmpty","useMemo","withTableFooter","hasFooter","withPagination","jsxs","Fragment","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","BaseTableHeader","Table","TableHeader","TableBody","TableFooter","BaseTablePagination","BaseTable$1"],"mappings":"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"}
+{"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"sourcesContent":["import { useReactTable, getCoreRowModel } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Positions } from 'acinguiux-ds-react-base';\n\nimport Table from '../../Table';\nimport { IBaseTableProps } from './BaseTable.types';\nimport { hasFooter } from '../../utils/baseTableUtils';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport BaseTableHeader from './BaseTableHeader';\nimport TableHeader from './TableHeader';\nimport TableBody from './TableBody';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\n\nconst BaseTable = <T,>({\n  data = [],\n  columns,\n  tableOptions,\n  maxWidth,\n  maxHeight,\n  stickyHeader,\n  stickyFooter,\n  noHeader,\n  noFooter,\n  columnResizingMinWidth,\n  dragAndDrop,\n  disableRowHover,\n  useColumnsSizing,\n  emptyStateProps,\n  numericTypes,\n  paginationKind = 'default',\n  pinningOptions = true,\n  sentimentKey,\n  headerCellMenuItems,\n  header,\n  sentimentIndicatorPosition = Positions.Left,\n  ...rest\n}: IBaseTableProps<T>) => {\n  const table = useReactTable({\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  });\n\n  const options = {\n    maxWidth,\n    maxHeight,\n    stickyHeader,\n    stickyFooter,\n    noHeader,\n    noFooter,\n    useColumnsSizing,\n    dragAndDrop,\n    disableRowHover,\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n    columnPinning: tableOptions?.enableColumnPinning,\n    pinningOptions,\n    columnResizing: !!tableOptions?.enableColumnResizing,\n    columnResizingMinWidth,\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n    emptyStateProps: emptyStateProps ?? { pictogram: <BarChartTypeColourTint />, title: 'Title here', description: 'This should be a clear and concise description.' },\n    paginationKind,\n    pagination: !!tableOptions?.getPaginationRowModel,\n    numericTypes,\n    sentimentKey,\n    sentimentIndicatorPosition,\n    headerCellMenuItems,\n  };\n\n  const wrapperProps = {\n    ...(maxHeight && { maxHeight }),\n    ...(maxWidth && { maxWidth }),\n    ...((stickyHeader || stickyFooter) && {\n      stickyRows: stickyHeader || stickyFooter,\n    }),\n  };\n\n  const isEmpty = table.getRowCount() === 0;\n  const withTableFooter = !options.noFooter && hasFooter(table, options);\n  const withPagination = !!options?.pagination && table.getIsSomeColumnsVisible();\n\n  return (\n    <>\n      {options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n      <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps}>\n        {header && <BaseTableHeader size={rest.size} {...header} />}\n        <Table {...rest} header={header} empty={isEmpty}>\n          <TableHeader table={table} options={options} />\n          <TableBody table={table} options={options} />\n          {(withTableFooter || withPagination) && !isEmpty && <TableFooter table={table} options={options} />}\n        </Table>\n        {withPagination && <BaseTablePagination table={table} options={options} size={rest.size} />}\n      </TableWrapper>\n    </>\n  );\n};\n\nexport default BaseTable;\n"],"names":["BaseTable","data","columns","tableOptions","maxWidth","maxHeight","stickyHeader","stickyFooter","noHeader","noFooter","columnResizingMinWidth","dragAndDrop","disableRowHover","useColumnsSizing","emptyStateProps","numericTypes","paginationKind","pinningOptions","sentimentKey","headerCellMenuItems","header","sentimentIndicatorPosition","Positions","rest","table","useReactTable","getCoreRowModel","options","jsx","BarChartTypeColourTint","wrapperProps","isEmpty","withTableFooter","hasFooter","withPagination","jsxs","Fragment","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","BaseTableHeader","Table","TableHeader","TableBody","TableFooter","BaseTablePagination"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTableHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\r\n\r\nimport { Sizes, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\r\nimport styled from 'styled-components';\r\n\r\nimport { getInfoBarSize } from '../../utils/tableUtils';\r\nimport InfoBar from '../../../_internalComponents/InfoBar/InfoBar';\r\n\r\nconst getHeaderHeight = (size: TableTypes.Size, title: boolean, meta: boolean, description: boolean) =>\r\n  (title ? TableConsts.consts[size].header.height.title : 0) +\r\n  (meta ? TableConsts.consts[size].header.height.meta : 0) +\r\n  (description ? TableConsts.consts[size].header.height.description : 0) +\r\n  TableConsts.consts[size].header.padding.top +\r\n  TableConsts.consts[size].header.padding.bottom;\r\n\r\nconst TableHeaderContainer = styled.div<{ size: TableTypes.Size, withTitle: boolean, withMeta: boolean, withDescription: boolean }>(({ size, withTitle, withMeta, withDescription, theme }) => `\r\n  position: sticky;\r\n  z-index: 3;\r\n  top: -${getHeaderHeight(size, withTitle, withMeta, withDescription)}px;\r\n  margin-top: -${getHeaderHeight(size, withTitle, withMeta, withDescription)}px;\r\n  transform: translateY(100%);\r\n  left: 0;\r\n  right: 0;\r\n  height: ${getHeaderHeight(size, withTitle, withMeta, withDescription)}px;\r\n  padding: ${TableConsts.consts[size].header.padding.top ?? 0}px ${TableConsts.consts[size].header.padding.left ?? 0}px ${TableConsts.consts[size].header.padding.bottom ?? 0}px ${TableConsts.consts[size].header.padding.right ?? 0}px;\r\n  background: ${theme.onSurface.surface.default.background};\r\n  border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n`);\r\n\r\nconst Header = ({ size = Sizes.Medium, ...props}: TableTypes.ITableBar<ReactNode> & { size?: TableTypes.Size }) => (<TableHeaderContainer size={size} withTitle={Boolean(props.title || props.icon)} withMeta={Boolean(props.meta)} withDescription={Boolean(props.description)}>\r\n    <InfoBar {...props} size={getInfoBarSize(size)} />\r\n  </TableHeaderContainer>);\r\n\r\nexport default Header;\r\n"],"names":["getHeaderHeight","size","title","meta","description","TableConsts.consts","TableHeaderContainer","styled","withTitle","withMeta","withDescription","theme","Header","Sizes","props","jsx","InfoBar","getInfoBarSize"],"mappings":";;;;;;AAQA,MAAMA,IAAkB,CAACC,GAAuBC,GAAgBC,GAAeC,OAC5EF,IAAQG,EAAmBJ,CAAI,EAAE,OAAO,OAAO,QAAQ,MACvDE,IAAOE,EAAmBJ,CAAI,EAAE,OAAO,OAAO,OAAO,MACrDG,IAAcC,EAAmBJ,CAAI,EAAE,OAAO,OAAO,cAAc,KACpEI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,MACxCI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,QAEpCK,IAAuBC,EAAO,IAAgG,CAAC,EAAE,MAAAN,GAAM,WAAAO,GAAW,UAAAC,GAAU,iBAAAC,GAAiB,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA,UAGrLX,EAAgBC,GAAMO,GAAWC,GAAUC,CAAe,CAAC;AAAA,iBACpDV,EAAgBC,GAAMO,GAAWC,GAAUC,CAAe,CAAC;AAAA;AAAA;AAAA;AAAA,YAIhEV,EAAgBC,GAAMO,GAAWC,GAAUC,CAAe,CAAC;AAAA,aAC1DL,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,OAAO,CAAC,MAAMI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,QAAQ,CAAC,MAAMI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,UAAU,CAAC,MAAMI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,SAAS,CAAC;AAAA,gBACrNU,EAAM,UAAU,QAAQ,QAAQ,UAAU;AAAA,6BAC7BA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,CACzE,GAEKC,IAAS,CAAC,EAAE,MAAAX,IAAOY,EAAM,QAAQ,GAAGC,EAAA,MAA0E,gBAAAC,EAACT,KAAqB,MAAAL,GAAY,WAAW,GAAQa,EAAM,SAASA,EAAM,OAAO,UAAU,EAAQA,EAAM,MAAO,iBAAiB,EAAQA,EAAM,aAC/P,UAAA,gBAAAC,EAACC,KAAS,GAAGF,GAAO,MAAMG,EAAehB,CAAI,GAAG,EAClD,CAAA;"}
+{"version":3,"file":"BaseTableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTableHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { Sizes, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\nimport styled from 'styled-components';\n\nimport { getInfoBarSize } from '../../utils/tableUtils';\nimport InfoBar from '../../../_internalComponents/InfoBar/InfoBar';\n\nconst getHeaderHeight = (size: TableTypes.Size, title: boolean, meta: boolean, description: boolean) =>\n  (title ? TableConsts.consts[size].header.height.title : 0) +\n  (meta ? TableConsts.consts[size].header.height.meta : 0) +\n  (description ? TableConsts.consts[size].header.height.description : 0) +\n  TableConsts.consts[size].header.padding.top +\n  TableConsts.consts[size].header.padding.bottom;\n\nconst TableHeaderContainer = styled.div<{ size: TableTypes.Size, withTitle: boolean, withMeta: boolean, withDescription: boolean }>(({ size, withTitle, withMeta, withDescription, theme }) => `\n  position: sticky;\n  z-index: 3;\n  top: -${getHeaderHeight(size, withTitle, withMeta, withDescription)}px;\n  margin-top: -${getHeaderHeight(size, withTitle, withMeta, withDescription)}px;\n  transform: translateY(100%);\n  left: 0;\n  right: 0;\n  height: ${getHeaderHeight(size, withTitle, withMeta, withDescription)}px;\n  padding: ${TableConsts.consts[size].header.padding.top ?? 0}px ${TableConsts.consts[size].header.padding.left ?? 0}px ${TableConsts.consts[size].header.padding.bottom ?? 0}px ${TableConsts.consts[size].header.padding.right ?? 0}px;\n  background: ${theme.onSurface.surface.default.background};\n  border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\n`);\n\nconst Header = ({ size = Sizes.Medium, ...props}: TableTypes.ITableBar<ReactNode> & { size?: TableTypes.Size }) => (<TableHeaderContainer size={size} withTitle={Boolean(props.title || props.icon)} withMeta={Boolean(props.meta)} withDescription={Boolean(props.description)}>\n    <InfoBar {...props} size={getInfoBarSize(size)} />\n  </TableHeaderContainer>);\n\nexport default Header;\n"],"names":["getHeaderHeight","size","title","meta","description","TableConsts.consts","TableHeaderContainer","styled","withTitle","withMeta","withDescription","theme","Header","Sizes","props","jsx","InfoBar","getInfoBarSize"],"mappings":";;;;;;AAQA,MAAMA,IAAkB,CAACC,GAAuBC,GAAgBC,GAAeC,OAC5EF,IAAQG,EAAmBJ,CAAI,EAAE,OAAO,OAAO,QAAQ,MACvDE,IAAOE,EAAmBJ,CAAI,EAAE,OAAO,OAAO,OAAO,MACrDG,IAAcC,EAAmBJ,CAAI,EAAE,OAAO,OAAO,cAAc,KACpEI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,MACxCI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,QAEpCK,IAAuBC,EAAO,IAAgG,CAAC,EAAE,MAAAN,GAAM,WAAAO,GAAW,UAAAC,GAAU,iBAAAC,GAAiB,OAAAC,QAAY;AAAA;AAAA;AAAA,UAGrLX,EAAgBC,GAAMO,GAAWC,GAAUC,CAAe,CAAC;AAAA,iBACpDV,EAAgBC,GAAMO,GAAWC,GAAUC,CAAe,CAAC;AAAA;AAAA;AAAA;AAAA,YAIhEV,EAAgBC,GAAMO,GAAWC,GAAUC,CAAe,CAAC;AAAA,aAC1DL,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,OAAO,CAAC,MAAMI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,QAAQ,CAAC,MAAMI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,UAAU,CAAC,MAAMI,EAAmBJ,CAAI,EAAE,OAAO,QAAQ,SAAS,CAAC;AAAA,gBACrNU,EAAM,UAAU,QAAQ,QAAQ,UAAU;AAAA,6BAC7BA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,CACzE,GAEKC,IAAS,CAAC,EAAE,MAAAX,IAAOY,EAAM,QAAQ,GAAGC,EAAA,MAA0E,gBAAAC,EAACT,KAAqB,MAAAL,GAAY,WAAW,GAAQa,EAAM,SAASA,EAAM,OAAO,UAAU,EAAQA,EAAM,MAAO,iBAAiB,EAAQA,EAAM,aAC/P,UAAA,gBAAAC,EAACC,KAAS,GAAGF,GAAO,MAAMG,EAAehB,CAAI,GAAG,EAClD,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTablePagination.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"sourcesContent":["import { useCallback } from 'react';\r\n\r\nimport { PAGINATION_CLASS, Sizes, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\r\nimport styled from 'styled-components';\r\n\r\nimport Pagination from '../../../Pagination/Pagination';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { IPaginationProps } from '../../../Pagination/Pagination.types';\r\nimport { IBaseTablePaginationProps } from './BaseTable.types';\r\n\r\nconst StyledPagination = styled(Pagination)`\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  &.${PAGINATION_CLASS}-simple {\r\n    justify-content: end;\r\n  }\r\n\r\n  & > .${PAGINATION_CLASS}-options {\r\n    margin-left: auto;\r\n    /* size of a column */\r\n    width: 150px;\r\n  }\r\n`;\r\n\r\nconst getPaginationPropertiesFromPaginationKind = (paginationKind?: 'default' | 'simple'): IPaginationProps => {\r\n  if (paginationKind === 'simple') {\r\n    return {\r\n      simple: true,\r\n    };\r\n  }\r\n\r\n  return {\r\n    showTotal: (total) => `Total: ${total} items`,\r\n    showSizeChanger: true,\r\n  };\r\n};\r\n\r\nconst PaginationContainer = styled.div<{ size: TableTypes.Size }>(({ size, theme }) => `\r\n  position: sticky;\r\n  z-index: 2;\r\n  bottom: -${TableConsts.consts[size].paginationCell.height}px;\r\n  margin-bottom: -${TableConsts.consts[size].paginationCell.height}px;\r\n  transform: translateY(-100%);\r\n  left: 0;\r\n  right: 0;\r\n  height: ${TableConsts.consts[size].paginationCell.height}px;\r\n  padding: ${TableConsts.consts[size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[size].paginationCell.padding.right ?? 0}px;\r\n  background: ${theme.onSurface.surface.default.background};\r\n  border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n`);\r\n\r\nconst BaseTablePagination = <T,>({ table, options, size = Sizes.Medium }: IBaseTablePaginationProps<T>) => {\r\n\r\n  const handleOnChange = useCallback((current: number, pageSize: number): void => {\r\n    table.setPageSize(pageSize);\r\n    table.setPageIndex(current - 1);\r\n  }, [table]);\r\n\r\n  const paginationProps: IPaginationProps = {\r\n    total: table.getRowCount(),\r\n    pageSize: table.getState().pagination.pageSize,\r\n    onShowSizeChange: (_, showSize) => table.setPagination((state) => ({ ...state, pageSize: showSize })),\r\n    size: size === Sizes.XSmall ? Sizes.Small : size,\r\n    showLessItems: true,\r\n    onChange: handleOnChange,\r\n    ...getPaginationPropertiesFromPaginationKind(options?.paginationKind),\r\n  };\r\n\r\n  return (\r\n    <PaginationContainer size={size}>\r\n      <Flexbox justifyContent=\"center\" alignItems=\"stretch\">\r\n        {paginationProps && <StyledPagination {...paginationProps} />}\r\n      </Flexbox>\r\n    </PaginationContainer>\r\n  );\r\n};\r\n\r\nexport default BaseTablePagination;\r\n"],"names":["StyledPagination","styled","Pagination","PAGINATION_CLASS","getPaginationPropertiesFromPaginationKind","paginationKind","total","PaginationContainer","size","theme","TableConsts.consts","BaseTablePagination","table","options","Sizes","handleOnChange","useCallback","current","pageSize","paginationProps","_","showSize","state","jsx","Flexbox"],"mappings":";;;;;;;AAUA,MAAMA,IAAmBC,EAAOC,CAAU;AAAA;AAAA;AAAA;AAAA,MAIpCC,CAAgB;AAAA;AAAA;AAAA;AAAA,SAIbA,CAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBC,IAA4C,CAACC,MAC7CA,MAAmB,WACd;AAAA,EACL,QAAQ;AAAA,IAIL;AAAA,EACL,WAAW,CAACC,MAAU,UAAUA,CAAK;AAAA,EACrC,iBAAiB;AAAA,GAIfC,IAAsBN,EAAO,IAA+B,CAAC,EAAE,MAAAO,GAAM,OAAAC,QAAY;AAAA;AAAA;AAAA,aAG1EC,EAAmBF,CAAI,EAAE,eAAe,MAAM;AAAA,oBACvCE,EAAmBF,CAAI,EAAE,eAAe,MAAM;AAAA;AAAA;AAAA;AAAA,YAItDE,EAAmBF,CAAI,EAAE,eAAe,MAAM;AAAA,aAC7CE,EAAmBF,CAAI,EAAE,eAAe,QAAQ,OAAO,CAAC,MAAME,EAAmBF,CAAI,EAAE,eAAe,QAAQ,QAAQ,CAAC,MAAME,EAAmBF,CAAI,EAAE,eAAe,QAAQ,UAAU,CAAC,MAAME,EAAmBF,CAAI,EAAE,eAAe,QAAQ,SAAS,CAAC;AAAA,gBACrPC,EAAM,UAAU,QAAQ,QAAQ,UAAU;AAAA,0BAChCA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,CACtE,GAEKE,IAAsB,CAAK,EAAE,OAAAC,GAAO,SAAAC,GAAS,MAAAL,IAAOM,EAAM,aAA2C;AAEzG,QAAMC,IAAiBC,EAAY,CAACC,GAAiBC,MAA2B;AAC9E,IAAAN,EAAM,YAAYM,CAAQ,GACpBN,EAAA,aAAaK,IAAU,CAAC;AAAA,EAAA,GAC7B,CAACL,CAAK,CAAC,GAEJO,IAAoC;AAAA,IACxC,OAAOP,EAAM,YAAY;AAAA,IACzB,UAAUA,EAAM,SAAS,EAAE,WAAW;AAAA,IACtC,kBAAkB,CAACQ,GAAGC,MAAaT,EAAM,cAAc,CAACU,OAAW,EAAE,GAAGA,GAAO,UAAUD,EAAW,EAAA;AAAA,IACpG,MAAMb,MAASM,EAAM,SAASA,EAAM,QAAQN;AAAA,IAC5C,eAAe;AAAA,IACf,UAAUO;AAAA,IACV,GAAGX,EAA0CS,KAAA,gBAAAA,EAAS,cAAc;AAAA,EAAA;AAGtE,SACG,gBAAAU,EAAAhB,GAAA,EAAoB,MAAAC,GACnB,UAAA,gBAAAe,EAACC,KAAQ,gBAAe,UAAS,YAAW,WACzC,eAAoB,gBAAAD,EAAAvB,GAAA,EAAkB,GAAGmB,EAAiB,CAAA,GAC7D,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"BaseTablePagination.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { PAGINATION_CLASS, Sizes, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\nimport styled from 'styled-components';\n\nimport Pagination from '../../../Pagination/Pagination';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { IPaginationProps } from '../../../Pagination/Pagination.types';\nimport { IBaseTablePaginationProps } from './BaseTable.types';\n\nconst StyledPagination = styled(Pagination)`\n  width: 100%;\n  margin: 0;\n\n  &.${PAGINATION_CLASS}-simple {\n    justify-content: end;\n  }\n\n  & > .${PAGINATION_CLASS}-options {\n    margin-left: auto;\n    /* size of a column */\n    width: 150px;\n  }\n`;\n\nconst getPaginationPropertiesFromPaginationKind = (paginationKind?: 'default' | 'simple'): IPaginationProps => {\n  if (paginationKind === 'simple') {\n    return {\n      simple: true,\n    };\n  }\n\n  return {\n    showTotal: (total) => `Total: ${total} items`,\n    showSizeChanger: true,\n  };\n};\n\nconst PaginationContainer = styled.div<{ size: TableTypes.Size }>(({ size, theme }) => `\n  position: sticky;\n  z-index: 2;\n  bottom: -${TableConsts.consts[size].paginationCell.height}px;\n  margin-bottom: -${TableConsts.consts[size].paginationCell.height}px;\n  transform: translateY(-100%);\n  left: 0;\n  right: 0;\n  height: ${TableConsts.consts[size].paginationCell.height}px;\n  padding: ${TableConsts.consts[size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[size].paginationCell.padding.right ?? 0}px;\n  background: ${theme.onSurface.surface.default.background};\n  border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\n`);\n\nconst BaseTablePagination = <T,>({ table, options, size = Sizes.Medium }: IBaseTablePaginationProps<T>) => {\n\n  const handleOnChange = useCallback((current: number, pageSize: number): void => {\n    table.setPageSize(pageSize);\n    table.setPageIndex(current - 1);\n  }, [table]);\n\n  const paginationProps: IPaginationProps = {\n    total: table.getRowCount(),\n    pageSize: table.getState().pagination.pageSize,\n    onShowSizeChange: (_, showSize) => table.setPagination((state) => ({ ...state, pageSize: showSize })),\n    size: size === Sizes.XSmall ? Sizes.Small : size,\n    showLessItems: true,\n    onChange: handleOnChange,\n    ...getPaginationPropertiesFromPaginationKind(options?.paginationKind),\n  };\n\n  return (\n    <PaginationContainer size={size}>\n      <Flexbox justifyContent=\"center\" alignItems=\"stretch\">\n        {paginationProps && <StyledPagination {...paginationProps} />}\n      </Flexbox>\n    </PaginationContainer>\n  );\n};\n\nexport default BaseTablePagination;\n"],"names":["StyledPagination","styled","Pagination","PAGINATION_CLASS","getPaginationPropertiesFromPaginationKind","paginationKind","total","PaginationContainer","size","theme","TableConsts.consts","BaseTablePagination","table","options","Sizes","handleOnChange","useCallback","current","pageSize","paginationProps","_","showSize","state","jsx","Flexbox"],"mappings":";;;;;;;AAUA,MAAMA,IAAmBC,EAAOC,CAAU;AAAA;AAAA;AAAA;AAAA,MAIpCC,CAAgB;AAAA;AAAA;AAAA;AAAA,SAIbA,CAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBC,IAA4C,CAACC,MAC7CA,MAAmB,WACd;AAAA,EACL,QAAQ;AACV,IAGK;AAAA,EACL,WAAW,CAACC,MAAU,UAAUA,CAAK;AAAA,EACrC,iBAAiB;AACnB,GAGIC,IAAsBN,EAAO,IAA+B,CAAC,EAAE,MAAAO,GAAM,OAAAC,QAAY;AAAA;AAAA;AAAA,aAG1EC,EAAmBF,CAAI,EAAE,eAAe,MAAM;AAAA,oBACvCE,EAAmBF,CAAI,EAAE,eAAe,MAAM;AAAA;AAAA;AAAA;AAAA,YAItDE,EAAmBF,CAAI,EAAE,eAAe,MAAM;AAAA,aAC7CE,EAAmBF,CAAI,EAAE,eAAe,QAAQ,OAAO,CAAC,MAAME,EAAmBF,CAAI,EAAE,eAAe,QAAQ,QAAQ,CAAC,MAAME,EAAmBF,CAAI,EAAE,eAAe,QAAQ,UAAU,CAAC,MAAME,EAAmBF,CAAI,EAAE,eAAe,QAAQ,SAAS,CAAC;AAAA,gBACrPC,EAAM,UAAU,QAAQ,QAAQ,UAAU;AAAA,0BAChCA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,CACtE,GAEKE,IAAsB,CAAK,EAAE,OAAAC,GAAO,SAAAC,GAAS,MAAAL,IAAOM,EAAM,aAA2C;AAEzG,QAAMC,IAAiBC,EAAY,CAACC,GAAiBC,MAA2B;AAC9E,IAAAN,EAAM,YAAYM,CAAQ,GACpBN,EAAA,aAAaK,IAAU,CAAC;AAAA,EAAA,GAC7B,CAACL,CAAK,CAAC,GAEJO,IAAoC;AAAA,IACxC,OAAOP,EAAM,YAAY;AAAA,IACzB,UAAUA,EAAM,SAAS,EAAE,WAAW;AAAA,IACtC,kBAAkB,CAACQ,GAAGC,MAAaT,EAAM,cAAc,CAACU,OAAW,EAAE,GAAGA,GAAO,UAAUD,EAAW,EAAA;AAAA,IACpG,MAAMb,MAASM,EAAM,SAASA,EAAM,QAAQN;AAAA,IAC5C,eAAe;AAAA,IACf,UAAUO;AAAA,IACV,GAAGX,EAA0CS,KAAA,gBAAAA,EAAS,cAAc;AAAA,EACtE;AAEA,SACG,gBAAAU,EAAAhB,GAAA,EAAoB,MAAAC,GACnB,UAAA,gBAAAe,EAACC,KAAQ,gBAAe,UAAS,YAAW,WACzC,eAAoB,gBAAAD,EAAAvB,GAAA,EAAkB,GAAGmB,EAAA,CAAiB,EAC7D,CAAA,GACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/TableBody.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAW3D,QAAA,MAAM,IAAI,0BAA4B,uBAAuB,CAAC,CAAC,4CAmE9D,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/TableBody.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAW3D,QAAA,MAAM,IAAI,0BAA4B,uBAAuB,CAAC,CAAC,4CAmE9D,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,44 +1,43 @@
-import { jsx as r, jsxs as l, Fragment as i } from "react/jsx-runtime";
-import { useMemo as R } from "react";
-import { flexRender as T } from "@tanstack/react-table";
-import { TBody as f, TR as S, TD as g, SpaceTR as $ } from "../TableElements/TableElements.js";
+import { jsx as r, jsxs as g, Fragment as l } from "react/jsx-runtime";
+import { flexRender as R } from "@tanstack/react-table";
+import { TBody as S, TR as f, TD as i, SpaceTR as T } from "../TableElements/TableElements.js";
 import b from "../../../EmptyState/EmptyState.js";
-import { bodyCellProps as p } from "../../utils/baseTableUtils.js";
+import { bodyCellProps as $ } from "../../utils/baseTableUtils.js";
 import { NumericCell as s } from "../TableElements/NumericCell.js";
-import { useTable as H } from "../../hooks/useTable.js";
+import { useTable as p } from "../../hooks/useTable.js";
 import { SelectionCheckbox as x } from "../TableElements/SelectionCheckbox.js";
-import { getEmptyStateSize as E, getCellGap as C } from "../../utils/tableUtils.js";
+import { getEmptyStateSize as H, getCellGap as C } from "../../utils/tableUtils.js";
 import I from "../../../Flexbox/Flexbox.js";
-import { Expander as k } from "../TableElements/Expander.js";
-import { Sizes as v } from "../../../../react-base/src/consts.js";
-const N = ({ table: m, options: e }) => {
-  const y = R(() => m.getRowCount() === 0, [m]), { size: d = v.Medium } = H();
-  return y ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(S, { size: d, $disableRowHover: !0, children: /* @__PURE__ */ r(g, { colSpan: m.getVisibleLeafColumns().length, children: /* @__PURE__ */ r(
+import { Expander as E } from "../TableElements/Expander.js";
+import { Sizes as k } from "../../../../react-base/src/consts.js";
+const A = ({ table: d, options: e }) => {
+  const y = d.getRowCount() === 0, { size: m = k.Medium } = p();
+  return y ? /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(f, { size: m, $disableRowHover: !0, children: /* @__PURE__ */ r(i, { colSpan: d.getVisibleLeafColumns().length, children: /* @__PURE__ */ r(
     b,
     {
-      size: E(d),
+      size: H(m),
       ...e == null ? void 0 : e.emptyStateProps
     }
-  ) }) }) }) : /* @__PURE__ */ r(f, { children: m.getRowModel().rows.map((t) => {
+  ) }) }) }) : /* @__PURE__ */ r(S, { children: d.getRowModel().rows.map((t) => {
     const a = `${t.parentId ?? ""}-${t.depth}-${t.index}`;
-    return /* @__PURE__ */ l(i, { children: [
-      t.getIsGrouped() && t.index > 0 ? /* @__PURE__ */ r($, { $disableRowHover: !0, children: /* @__PURE__ */ r(g, { colSpan: m.getAllLeafColumns().length }) }, `${a}-spacer`) : /* @__PURE__ */ r(i, {}),
+    return /* @__PURE__ */ g(l, { children: [
+      t.getIsGrouped() && t.index > 0 ? /* @__PURE__ */ r(T, { $disableRowHover: !0, children: /* @__PURE__ */ r(i, { colSpan: d.getAllLeafColumns().length }) }, `${a}-spacer`) : /* @__PURE__ */ r(l, {}),
       /* @__PURE__ */ r(
-        S,
+        f,
         {
-          size: d,
-          $disableRowHover: e == null ? void 0 : e.disableRowHover,
+          size: m,
+          $disableRowHover: (e == null ? void 0 : e.disableRowHover) || t.getIsGrouped(),
           isSelected: t.getIsSelected(),
           sentiment: (e == null ? void 0 : e.sentimentKey) && t.original[e == null ? void 0 : e.sentimentKey],
           sentimentIndicatorPosition: e == null ? void 0 : e.sentimentIndicatorPosition,
           children: t.getVisibleCells().map((n) => {
             var u, h;
-            const c = T(n.column.columnDef.cell, n.getContext());
-            return /* @__PURE__ */ r(g, { ...p(n), children: n.column.getIndex() === 0 && (t.getCanExpand() || t.getIsGrouped() || t.parentId) ? /* @__PURE__ */ r(k, { row: t, children: /* @__PURE__ */ l(I, { gap: C(d), alignItems: "center", children: [
-              m.options.enableRowSelection === !0 && t.getCanSelect() && n.column.getIndex() === 0 ? /* @__PURE__ */ r(x, { checked: t.getIsSelected(), onChange: t.getToggleSelectedHandler() }) : /* @__PURE__ */ r(i, {}),
+            const c = R(n.column.columnDef.cell, n.getContext());
+            return /* @__PURE__ */ r(i, { ...$(n), children: n.column.getIndex() === 0 && (t.getCanExpand() || t.getIsGrouped() || t.parentId) ? /* @__PURE__ */ r(E, { row: t, children: /* @__PURE__ */ g(I, { gap: C(m), alignItems: "center", children: [
+              d.options.enableRowSelection === !0 && t.getCanSelect() && n.column.getIndex() === 0 ? /* @__PURE__ */ r(x, { checked: t.getIsSelected(), onChange: t.getToggleSelectedHandler() }) : /* @__PURE__ */ r(l, {}),
               (u = e == null ? void 0 : e.numericTypes) != null && u.includes(n == null ? void 0 : n.column.id) ? /* @__PURE__ */ r(s, { children: c }) : c
-            ] }) }) : /* @__PURE__ */ l(I, { gap: C(d), alignItems: "center", children: [
-              m.options.enableRowSelection === !0 && t.getCanSelect() && n.column.getIndex() === 0 ? /* @__PURE__ */ r(x, { checked: t.getIsSelected(), onChange: t.getToggleSelectedHandler() }) : /* @__PURE__ */ r(i, {}),
+            ] }) }) : /* @__PURE__ */ g(I, { gap: C(m), alignItems: "center", children: [
+              d.options.enableRowSelection === !0 && t.getCanSelect() && n.column.getIndex() === 0 ? /* @__PURE__ */ r(x, { checked: t.getIsSelected(), onChange: t.getToggleSelectedHandler() }) : /* @__PURE__ */ r(l, {}),
               (h = e == null ? void 0 : e.numericTypes) != null && h.includes(n == null ? void 0 : n.column.id) ? /* @__PURE__ */ r(s, { children: c }) : c
             ] }) });
           })
@@ -49,6 +48,6 @@ const N = ({ table: m, options: e }) => {
   }) });
 };
 export {
-  N as default
+  A as default
 };
 //# sourceMappingURL=TableBody.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBody.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\n\r\nimport { flexRender } from '@tanstack/react-table';\r\nimport { Sizes, TableTypes } from 'acinguiux-ds-react-base';\r\n\r\nimport { IBaseTableElementProps } from './BaseTable.types';\r\nimport { TR, TD, TBody, SpaceTR } from '../TableElements/TableElements';\r\nimport EmptyState from '../../../EmptyState/EmptyState';\r\nimport { bodyCellProps } from '../../utils/baseTableUtils';\r\nimport { NumericCell } from '../TableElements/NumericCell';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { SelectionCheckbox } from '../TableElements/SelectionCheckbox';\r\nimport { getCellGap, getEmptyStateSize } from '../../utils/tableUtils';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { Expander } from '../TableElements/Expander';\r\n\r\nconst Body = <T,>({ table, options }: IBaseTableElementProps<T>) => {\r\n  const isEmpty = useMemo(() => table.getRowCount() === 0, [table]);\r\n  const { size = Sizes.Medium } = useTable();\r\n\r\n  if (isEmpty) {\r\n    return (\r\n      <TBody>\r\n        <TR size={size} $disableRowHover>\r\n          <TD colSpan={table.getVisibleLeafColumns().length}>\r\n            <EmptyState\r\n              size={getEmptyStateSize(size)}\r\n              {...options?.emptyStateProps}\r\n            />\r\n          </TD>\r\n        </TR>\r\n      </TBody>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <TBody>\r\n      {table.getRowModel().rows.map((row) => {\r\n        const key = `${row.parentId ?? ''}-${row.depth}-${row.index}`;\r\n\r\n        return (<>\r\n          {row.getIsGrouped() && row.index > 0 ? <SpaceTR key={`${key}-spacer`} $disableRowHover>\r\n            <TD colSpan={table.getAllLeafColumns().length} />\r\n          </SpaceTR> : <></>}\r\n          <TR\r\n            key={key}\r\n            size={size}\r\n            $disableRowHover={options?.disableRowHover}\r\n            isSelected={row.getIsSelected()}\r\n            sentiment={options?.sentimentKey && row.original[options?.sentimentKey] as TableTypes.Sentiment}\r\n            sentimentIndicatorPosition={options?.sentimentIndicatorPosition}\r\n          >\r\n            {row.getVisibleCells().map((cell) => {\r\n              const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\r\n\r\n              return (\r\n                <TD {...bodyCellProps(cell)}>\r\n                  {cell.column.getIndex() === 0 && (row.getCanExpand() || row.getIsGrouped() || row.parentId) ? <Expander row={row}>\r\n                  <Flexbox gap={getCellGap(size)} alignItems=\"center\">\r\n                      {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 ? <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} /> : <></>}\r\n                      {options?.numericTypes?.includes(cell?.column.id as keyof T) ? (\r\n                        <NumericCell>{cellContent}</NumericCell>\r\n                      ) : (\r\n                        cellContent\r\n                      )}\r\n                    </Flexbox>\r\n                    </Expander> :\r\n                    <Flexbox gap={getCellGap(size)} alignItems=\"center\">\r\n                      {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 ? <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} /> : <></>}\r\n                      {options?.numericTypes?.includes(cell?.column.id as keyof T) ? (\r\n                        <NumericCell>{cellContent}</NumericCell>\r\n                      ) : (\r\n                        cellContent\r\n                      )}\r\n                    </Flexbox>}\r\n                </TD>\r\n              );\r\n            })}\r\n          </TR>\r\n        </>);\r\n      })}\r\n    </TBody>\r\n  );\r\n};\r\n\r\nexport default Body;\r\n"],"names":["Body","table","options","isEmpty","useMemo","size","Sizes","useTable","jsx","TBody","TR","TD","EmptyState","getEmptyStateSize","row","key","jsxs","Fragment","SpaceTR","cell","cellContent","flexRender","bodyCellProps","Expander","Flexbox","getCellGap","SelectionCheckbox","_a","NumericCell","_b"],"mappings":"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"}
+{"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBody.tsx"],"sourcesContent":["\nimport { flexRender } from '@tanstack/react-table';\nimport { Sizes, TableTypes } from 'acinguiux-ds-react-base';\n\nimport { IBaseTableElementProps } from './BaseTable.types';\nimport { TR, TD, TBody, SpaceTR } from '../TableElements/TableElements';\nimport EmptyState from '../../../EmptyState/EmptyState';\nimport { bodyCellProps } from '../../utils/baseTableUtils';\nimport { NumericCell } from '../TableElements/NumericCell';\nimport { useTable } from '../../hooks/useTable';\nimport { SelectionCheckbox } from '../TableElements/SelectionCheckbox';\nimport { getCellGap, getEmptyStateSize } from '../../utils/tableUtils';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Expander } from '../TableElements/Expander';\n\nconst Body = <T,>({ table, options }: IBaseTableElementProps<T>) => {\n  const isEmpty = table.getRowCount() === 0;\n  const { size = Sizes.Medium } = useTable();\n\n  if (isEmpty) {\n    return (\n      <TBody>\n        <TR size={size} $disableRowHover>\n          <TD colSpan={table.getVisibleLeafColumns().length}>\n            <EmptyState\n              size={getEmptyStateSize(size)}\n              {...options?.emptyStateProps}\n            />\n          </TD>\n        </TR>\n      </TBody>\n    );\n  }\n\n  return (\n    <TBody>\n      {table.getRowModel().rows.map((row) => {\n        const key = `${row.parentId ?? ''}-${row.depth}-${row.index}`;\n\n        return (<>\n          {row.getIsGrouped() && row.index > 0 ? <SpaceTR key={`${key}-spacer`} $disableRowHover>\n            <TD colSpan={table.getAllLeafColumns().length} />\n          </SpaceTR> : <></>}\n          <TR\n            key={key}\n            size={size}\n            $disableRowHover={options?.disableRowHover || row.getIsGrouped()}\n            isSelected={row.getIsSelected()}\n            sentiment={options?.sentimentKey && row.original[options?.sentimentKey] as TableTypes.Sentiment}\n            sentimentIndicatorPosition={options?.sentimentIndicatorPosition}\n          >\n            {row.getVisibleCells().map((cell) => {\n              const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n              return (\n                <TD {...bodyCellProps(cell)}>\n                  {cell.column.getIndex() === 0 && (row.getCanExpand() || row.getIsGrouped() || row.parentId) ? <Expander row={row}>\n                  <Flexbox gap={getCellGap(size)} alignItems=\"center\">\n                      {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 ? <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} /> : <></>}\n                      {options?.numericTypes?.includes(cell?.column.id as keyof T) ? (\n                        <NumericCell>{cellContent}</NumericCell>\n                      ) : (\n                        cellContent\n                      )}\n                    </Flexbox>\n                    </Expander> :\n                    <Flexbox gap={getCellGap(size)} alignItems=\"center\">\n                      {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 ? <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} /> : <></>}\n                      {options?.numericTypes?.includes(cell?.column.id as keyof T) ? (\n                        <NumericCell>{cellContent}</NumericCell>\n                      ) : (\n                        cellContent\n                      )}\n                    </Flexbox>}\n                </TD>\n              );\n            })}\n          </TR>\n        </>);\n      })}\n    </TBody>\n  );\n};\n\nexport default Body;\n"],"names":["Body","table","options","isEmpty","size","Sizes","useTable","jsx","TBody","TR","TD","EmptyState","getEmptyStateSize","row","key","jsxs","Fragment","SpaceTR","cell","cellContent","flexRender","bodyCellProps","Expander","Flexbox","getCellGap","SelectionCheckbox","_a","NumericCell","_b"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAO,CAAK,EAAE,OAAAC,GAAO,SAAAC,QAAyC;AAC5D,QAAAC,IAAUF,EAAM,YAAA,MAAkB,GAClC,EAAE,MAAAG,IAAOC,EAAM,OAAA,IAAWC,EAAS;AAEzC,SAAIH,IAEC,gBAAAI,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EAAG,MAAAL,GAAY,kBAAgB,IAC9B,UAAA,gBAAAG,EAACG,GAAG,EAAA,SAAST,EAAM,wBAAwB,QACzC,UAAA,gBAAAM;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAMC,EAAkBR,CAAI;AAAA,MAC3B,GAAGF,KAAA,gBAAAA,EAAS;AAAA,IAAA;AAAA,EAAA,EAEjB,CAAA,EACF,CAAA,GACF,IAKF,gBAAAK,EAACC,KACE,UAAMP,EAAA,YAAA,EAAc,KAAK,IAAI,CAACY,MAAQ;AAC/B,UAAAC,IAAM,GAAGD,EAAI,YAAY,EAAE,IAAIA,EAAI,KAAK,IAAIA,EAAI,KAAK;AAE3D,WACG,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAIH,EAAA,kBAAkBA,EAAI,QAAQ,IAAK,gBAAAN,EAAAU,GAAA,EAA8B,kBAAgB,IACpF,UAAA,gBAAAV,EAACG,KAAG,SAAST,EAAM,oBAAoB,OAAA,CAAQ,KADI,GAAGa,CAAG,SAE3D,IAAe,gBAAAP,EAAAS,GAAA,CAAA,CAAA;AAAA,MACf,gBAAAT;AAAA,QAACE;AAAA,QAAA;AAAA,UAEC,MAAAL;AAAA,UACA,mBAAkBF,KAAA,gBAAAA,EAAS,oBAAmBW,EAAI,aAAa;AAAA,UAC/D,YAAYA,EAAI,cAAc;AAAA,UAC9B,YAAWX,KAAA,gBAAAA,EAAS,iBAAgBW,EAAI,SAASX,KAAA,gBAAAA,EAAS,YAAY;AAAA,UACtE,4BAA4BA,KAAA,gBAAAA,EAAS;AAAA,UAEpC,UAAIW,EAAA,gBAAkB,EAAA,IAAI,CAACK,MAAS;;AAC7B,kBAAAC,IAAcC,EAAWF,EAAK,OAAO,UAAU,MAAMA,EAAK,YAAY;AAE5E,mBACG,gBAAAX,EAAAG,GAAA,EAAI,GAAGW,EAAcH,CAAI,GACvB,UAAKA,EAAA,OAAO,SAAS,MAAM,MAAML,EAAI,aAAa,KAAKA,EAAI,aAAA,KAAkBA,EAAI,YAAY,gBAAAN,EAACe,GAAS,EAAA,KAAAT,GACxG,UAAC,gBAAAE,EAAAQ,GAAA,EAAQ,KAAKC,EAAWpB,CAAI,GAAG,YAAW,UACtC,UAAA;AAAA,cAAMH,EAAA,QAAQ,uBAAuB,MAAQY,EAAI,kBAAkBK,EAAK,OAAO,SAAe,MAAA,sBAAKO,GAAkB,EAAA,SAASZ,EAAI,cAAc,GAAG,UAAUA,EAAI,yBAAA,GAA4B,IAAO,gBAAAN,EAAAS,GAAA,CAAA,CAAA;AAAA,eACpMU,IAAAxB,KAAA,gBAAAA,EAAS,iBAAT,QAAAwB,EAAuB,SAASR,KAAA,gBAAAA,EAAM,OAAO,MAC5C,gBAAAX,EAACoB,GAAa,EAAA,UAAAR,EAAY,CAAA,IAE1BA;AAAA,YAEJ,EAAA,CAAA,EACA,CAAA,IACC,gBAAAJ,EAAAQ,GAAA,EAAQ,KAAKC,EAAWpB,CAAI,GAAG,YAAW,UACxC,UAAA;AAAA,cAAMH,EAAA,QAAQ,uBAAuB,MAAQY,EAAI,kBAAkBK,EAAK,OAAO,SAAe,MAAA,sBAAKO,GAAkB,EAAA,SAASZ,EAAI,cAAc,GAAG,UAAUA,EAAI,yBAAA,GAA4B,IAAO,gBAAAN,EAAAS,GAAA,CAAA,CAAA;AAAA,eACpMY,IAAA1B,KAAA,gBAAAA,EAAS,iBAAT,QAAA0B,EAAuB,SAASV,KAAA,gBAAAA,EAAM,OAAO,MAC5C,gBAAAX,EAACoB,GAAa,EAAA,UAAAR,EAAY,CAAA,IAE1BA;AAAA,YAAA,EAAA,CAEJ,EACJ,CAAA;AAAA,UAEH,CAAA;AAAA,QAAA;AAAA,QAhCIL;AAAA,MAAA;AAAA,IAiCP,GACF;AAAA,EACD,CAAA,GACH;AAEJ;"}

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';\r\n\r\nimport { flexRender } from '@tanstack/react-table';\r\nimport { PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport { IBaseTableElementProps } from './BaseTable.types';\r\nimport { TR, TH, TFoot } from '../TableElements/TableElements';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { headerCellProps, headerRowProps } from '../../utils/baseTableUtils';\r\n\r\nconst Footer = <T,>({ table, options }: IBaseTableElementProps<T>) => {\r\n  const { size = Sizes.Medium } = useTable();\r\n  const withPagination = useMemo(() => options?.pagination && table.getIsSomeColumnsVisible(), [table, options]);\r\n\r\n  return (\r\n    <TFoot>\r\n      {table.getFooterGroups().filter(footerGroup => footerGroup.headers.some(header => Boolean(header.column.columnDef.footer))).map((footerGroup) => (\r\n        <TR size={size} {...headerRowProps('footer', footerGroup, options)} $disableRowHover>\r\n          {footerGroup?.headers.map((header) => (\r\n            <TH key={header.id} {...headerCellProps(header, options)}>\r\n              {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\r\n            </TH>\r\n          ))}\r\n        </TR>\r\n      ))}\r\n      {withPagination && <TR size={size} $disableRowHover {...headerRowProps('footer', { id: 'pagination', depth: 0, headers: [] }, options)}>\r\n        <TH colSpan={table.getVisibleLeafColumns().length}><span className={`${PAGINATION_CLASS}-presence`} /></TH>\r\n      </TR>}\r\n    </TFoot>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"names":["Footer","table","options","size","Sizes","useTable","withPagination","useMemo","TFoot","footerGroup","header","jsx","TR","headerRowProps","TH","headerCellProps","flexRender","PAGINATION_CLASS"],"mappings":";;;;;;;AAUA,MAAMA,IAAS,CAAK,EAAE,OAAAC,GAAO,SAAAC,QAAyC;AACpE,QAAM,EAAE,MAAAC,IAAOC,EAAM,WAAWC,EAAS,GACnCC,IAAiBC,EAAQ,OAAML,KAAA,gBAAAA,EAAS,eAAcD,EAAM,2BAA2B,CAACA,GAAOC,CAAO,CAAC;AAE7G,2BACGM,GACE,EAAA,UAAA;AAAA,IAAMP,EAAA,gBAAkB,EAAA,OAAO,CAAeQ,MAAAA,EAAY,QAAQ,KAAK,CAAUC,MAAA,EAAQA,EAAO,OAAO,UAAU,MAAO,CAAC,EAAE,IAAI,CAACD,MAC9H,gBAAAE,EAAAC,GAAA,EAAG,MAAAT,GAAa,GAAGU,EAAe,UAAUJ,GAAaP,CAAO,GAAG,kBAAgB,IACjF,UAAaO,KAAA,gBAAAA,EAAA,QAAQ,IAAI,CAACC,MACzB,gBAAAC,EAACG,GAAoB,EAAA,GAAGC,EAAgBL,GAAQR,CAAO,GACpD,UAAOQ,EAAA,gBAAgB,OAAOM,EAAWN,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,GADtFA,EAAO,EAEhB,GAEJ,CAAA,CACD;AAAA,IACAJ,KAAkB,gBAAAK,EAACC,GAAG,EAAA,MAAAT,GAAY,kBAAgB,IAAE,GAAGU,EAAe,UAAU,EAAE,IAAI,cAAc,OAAO,GAAG,SAAS,CAAA,EAAM,GAAAX,CAAO,GACnI,UAAA,gBAAAS,EAACG,GAAG,EAAA,SAASb,EAAM,sBAAsB,EAAE,QAAQ,UAAA,gBAAAU,EAAC,UAAK,WAAW,GAAGM,CAAgB,YAAa,CAAA,EAAE,CAAA,GACxG;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"TableFooter.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableFooter.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { flexRender } from '@tanstack/react-table';\nimport { PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base';\n\nimport { IBaseTableElementProps } from './BaseTable.types';\nimport { TR, TH, TFoot } from '../TableElements/TableElements';\nimport { useTable } from '../../hooks/useTable';\nimport { headerCellProps, headerRowProps } from '../../utils/baseTableUtils';\n\nconst Footer = <T,>({ table, options }: IBaseTableElementProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\n  const withPagination = useMemo(() => options?.pagination && table.getIsSomeColumnsVisible(), [table, options]);\n\n  return (\n    <TFoot>\n      {table.getFooterGroups().filter(footerGroup => footerGroup.headers.some(header => Boolean(header.column.columnDef.footer))).map((footerGroup) => (\n        <TR size={size} {...headerRowProps('footer', footerGroup, options)} $disableRowHover>\n          {footerGroup?.headers.map((header) => (\n            <TH key={header.id} {...headerCellProps(header, options)}>\n              {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\n            </TH>\n          ))}\n        </TR>\n      ))}\n      {withPagination && <TR size={size} $disableRowHover {...headerRowProps('footer', { id: 'pagination', depth: 0, headers: [] }, options)}>\n        <TH colSpan={table.getVisibleLeafColumns().length}><span className={`${PAGINATION_CLASS}-presence`} /></TH>\n      </TR>}\n    </TFoot>\n  );\n};\n\nexport default Footer;\n"],"names":["Footer","table","options","size","Sizes","useTable","withPagination","useMemo","TFoot","footerGroup","header","jsx","TR","headerRowProps","TH","headerCellProps","flexRender","PAGINATION_CLASS"],"mappings":";;;;;;;AAUA,MAAMA,IAAS,CAAK,EAAE,OAAAC,GAAO,SAAAC,QAAyC;AACpE,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAS,GACnCC,IAAiBC,EAAQ,OAAML,KAAA,gBAAAA,EAAS,eAAcD,EAAM,2BAA2B,CAACA,GAAOC,CAAO,CAAC;AAE7G,2BACGM,GACE,EAAA,UAAA;AAAA,IAAMP,EAAA,gBAAkB,EAAA,OAAO,CAAeQ,MAAAA,EAAY,QAAQ,KAAK,CAAUC,MAAA,EAAQA,EAAO,OAAO,UAAU,MAAO,CAAC,EAAE,IAAI,CAACD,MAC9H,gBAAAE,EAAAC,GAAA,EAAG,MAAAT,GAAa,GAAGU,EAAe,UAAUJ,GAAaP,CAAO,GAAG,kBAAgB,IACjF,UAAaO,KAAA,gBAAAA,EAAA,QAAQ,IAAI,CAACC,MACzB,gBAAAC,EAACG,GAAoB,EAAA,GAAGC,EAAgBL,GAAQR,CAAO,GACpD,UAAOQ,EAAA,gBAAgB,OAAOM,EAAWN,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,GADtFA,EAAO,EAEhB,GAEJ,CAAA,CACD;AAAA,IACAJ,KAAkB,gBAAAK,EAACC,GAAG,EAAA,MAAAT,GAAY,kBAAgB,IAAE,GAAGU,EAAe,UAAU,EAAE,IAAI,cAAc,OAAO,GAAG,SAAS,CAAA,EAAM,GAAAX,CAAO,GACnI,UAAA,gBAAAS,EAACG,GAAG,EAAA,SAASb,EAAM,sBAAsB,EAAE,QAAQ,UAAA,gBAAAU,EAAC,UAAK,WAAW,GAAGM,CAAgB,YAAA,CAAa,GAAE,EACxG,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,5 +1,5 @@
-import { jsxs as w, jsx as a } from "react/jsx-runtime";
-import { useMemo as c, useRef as A, useState as D, useImperativeHandle as T, useCallback as x, useEffect as z } from "react";
+import { jsxs as w, jsx as d } from "react/jsx-runtime";
+import { useMemo as s, useRef as A, useState as D, useImperativeHandle as T, useCallback as x, useEffect as z } from "react";
 import { getHeaderCellGap as L } from "../../utils/tableUtils.js";
 import { THead as _, TR as H, TH as g } from "../TableElements/TableElements.js";
 import j from "../../../Flexbox/Flexbox.js";
@@ -11,21 +11,21 @@ import { DraggingZone as W } from "../TableElements/DraggableZone.js";
 import { Sizes as S, TABLE_CLASS_BASE_TABLE_HEADER as $ } from "../../../../react-base/src/consts.js";
 const y = ({ header: r, table: e, options: t }) => {
   var f;
-  const d = A(null), { size: n = S.Medium } = p(), [i, o] = D((f = d.current) == null ? void 0 : f.getBoundingClientRect().width), { dropRef: m, dragRef: l, previewRef: B, isDragging: u } = M(r, e.getState, e.setColumnOrder), v = c(() => R(r, t), [r, t]);
-  T(m, () => d.current);
-  const s = x(() => {
+  const a = A(null), { size: n = S.Medium } = p(), [i, c] = D((f = a.current) == null ? void 0 : f.getBoundingClientRect().width), { dropRef: m, dragRef: l, previewRef: B, isDragging: u } = M(r, e.getState, e.setColumnOrder), v = s(() => R(r, t), [r, t]);
+  T(m, () => a.current);
+  const o = x(() => {
     var h;
-    o((h = d.current) == null ? void 0 : h.getBoundingClientRect().width);
-  }, [d]);
-  return z(() => (s(), window.addEventListener("resize", s), () => window.removeEventListener("resize", s)), [e.getState().columnSizing]), /* @__PURE__ */ w(g, { ref: d, ...v, "data-dragging": u, children: [
-    /* @__PURE__ */ a(W, { ref: B, "data-dragging": u, $width: i, size: n }),
-    /* @__PURE__ */ a(j, { ref: l, gap: L(n), alignItems: "center", justifyContent: "flex-start", children: /* @__PURE__ */ a(E, { options: t, table: e, header: r }) })
+    c((h = a.current) == null ? void 0 : h.getBoundingClientRect().width);
+  }, [a]);
+  return z(() => (o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o)), [e.getState().columnSizing]), /* @__PURE__ */ w(g, { ref: a, ...v, "data-dragging": u, children: [
+    /* @__PURE__ */ d(W, { ref: B, "data-dragging": u, $width: i, size: n }),
+    /* @__PURE__ */ d(j, { ref: l, gap: L(n), alignItems: "center", justifyContent: "flex-start", children: /* @__PURE__ */ d(E, { options: t, table: e, header: r }) })
   ] });
-}, I = ({ header: r, table: e, options: t }) => /* @__PURE__ */ a(g, { ...R(r, t), children: /* @__PURE__ */ a(E, { options: t, table: e, header: r }) }), Q = ({ table: r, options: e }) => {
-  const { size: t = S.Medium, header: d } = p(), n = c(() => r.getRowCount() === 0, [r]), i = c(() => !(e != null && e.noHeader) && P(r, e), [r, e]), o = c(() => e != null && e.dragAndDrop ? y : I, [e == null ? void 0 : e.dragAndDrop]);
-  return !d && (!i || n) ? null : /* @__PURE__ */ w(_, { children: [
-    d && /* @__PURE__ */ a(H, { size: t, $disableRowHover: !0, ...C("header", { id: "header", depth: 0, headers: [] }, e), children: /* @__PURE__ */ a(g, { colSpan: r.getVisibleLeafColumns().length, children: /* @__PURE__ */ a("span", { className: $, "data-title": !!(d.title || d.icon), "data-meta": !!d.meta, "data-description": !!d.description }) }) }),
-    i && !n && r.getHeaderGroups().map((m) => /* @__PURE__ */ a(H, { size: t, ...C("header", m, e), $disableRowHover: !0, children: m.headers.map((l) => /* @__PURE__ */ a(o, { header: l, table: r, options: e }, l.id)) }))
+}, I = ({ header: r, table: e, options: t }) => /* @__PURE__ */ d(g, { ...R(r, t), children: /* @__PURE__ */ d(E, { options: t, table: e, header: r }) }), Q = ({ table: r, options: e }) => {
+  const { size: t = S.Medium, header: a } = p(), n = r.getRowCount() === 0, i = s(() => !(e != null && e.noHeader) && P(r, e), [r, e]), c = s(() => e != null && e.dragAndDrop ? y : I, [e == null ? void 0 : e.dragAndDrop]);
+  return !a && (!i || n) ? null : /* @__PURE__ */ w(_, { children: [
+    a && /* @__PURE__ */ d(H, { size: t, $disableRowHover: !0, ...C("header", { id: "header", depth: 0, headers: [] }, e), children: /* @__PURE__ */ d(g, { colSpan: r.getVisibleLeafColumns().length, children: /* @__PURE__ */ d("span", { className: $, "data-title": !!(a.title || a.icon), "data-meta": !!a.meta, "data-description": !!a.description }) }) }),
+    i && !n && r.getHeaderGroups().map((m) => /* @__PURE__ */ d(H, { size: t, ...C("header", m, e), $disableRowHover: !0, children: m.headers.map((l) => /* @__PURE__ */ d(c, { header: l, table: r, options: e }, l.id)) }))
   ] });
 };
 export {

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 { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\r\n\r\nimport { Sizes, TABLE_CLASS_BASE_TABLE_HEADER } from 'acinguiux-ds-react-base';\r\nimport { Header as IHeader } from '@tanstack/react-table';\r\n\r\nimport { getHeaderCellGap } from '../../utils/tableUtils';\r\nimport { TR, TH, THead } from '../TableElements/TableElements';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { IBaseTableElementProps } from './BaseTable.types';\r\nimport { useDraggableColumnHeader } from '../../hooks/useDraggableColumnHeader';\r\nimport { hasHeader, headerCellProps, headerRowProps } from '../../utils/baseTableUtils';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { HeaderCell } from '../TableElements/HeaderCell';\r\nimport { DraggingZone } from '../TableElements/DraggableZone';\r\n\r\nconst DraggableHeader = <T,>({ header, table, options }: IBaseTableElementProps<T> & { header: IHeader<T, unknown> }) => {\r\n  const headerRef = useRef<HTMLTableCellElement>(null);\r\n  const { size = Sizes.Medium } = useTable();\r\n  const [headerWidth, setHeaderWidth] = useState(headerRef.current?.getBoundingClientRect().width);\r\n  const { dropRef, dragRef, previewRef, isDragging } = useDraggableColumnHeader(header, table.getState, table.setColumnOrder);\r\n  const headerProps = useMemo(() => headerCellProps(header, options), [header, options]);\r\n\r\n  useImperativeHandle(dropRef, () => headerRef.current as HTMLTableCellElement);\r\n\r\n  const updateHeaderWidth = useCallback(() => {\r\n    setHeaderWidth(headerRef.current?.getBoundingClientRect().width);\r\n  }, [headerRef]);\r\n\r\n  useEffect(() => {\r\n    updateHeaderWidth();\r\n    // NOTE: auto update events are set, but is it a good idea to depend on window?\r\n    window.addEventListener('resize', updateHeaderWidth);\r\n\r\n    return () => window.removeEventListener('resize', updateHeaderWidth);\r\n  }, [table.getState().columnSizing]);\r\n\r\n  return (\r\n    <TH ref={headerRef} {...headerProps} data-dragging={isDragging}>\r\n      <DraggingZone ref={previewRef} data-dragging={isDragging} $width={headerWidth} size={size} />\r\n      <Flexbox ref={dragRef} gap={getHeaderCellGap(size)} alignItems=\"center\" justifyContent=\"flex-start\">\r\n        <HeaderCell options={options} table={table} header={header} />\r\n      </Flexbox>\r\n    </TH>\r\n  );\r\n};\r\n\r\nconst CommonHeader = <T,>({ header, table, options }: IBaseTableElementProps<T> & { header: IHeader<T, unknown> }) => (\r\n  <TH {...headerCellProps(header, options)}>\r\n    <HeaderCell options={options} table={table} header={header} />\r\n  </TH>\r\n);\r\n\r\n\r\nconst Header = <T,>({ table, options }: IBaseTableElementProps<T>) => {\r\n  const { size = Sizes.Medium, header } = useTable();\r\n  const isEmpty = useMemo(() => table.getRowCount() === 0, [table]);\r\n  const withTableHeader = useMemo(() => !options?.noHeader && hasHeader(table, options), [table, options]);\r\n\r\n  const HeaderComponent = useMemo(() => options?.dragAndDrop ? DraggableHeader : CommonHeader, [options?.dragAndDrop]);\r\n\r\n  return (!header && (!withTableHeader || isEmpty)) ? null : (\r\n    <THead>\r\n      {header && <TR size={size} $disableRowHover {...headerRowProps('header', { id: 'header', depth: 0, headers: [] }, options)}>\r\n        <TH colSpan={table.getVisibleLeafColumns().length}><span className={TABLE_CLASS_BASE_TABLE_HEADER} data-title={Boolean(header.title || header.icon)} data-meta={Boolean(header.meta)} data-description={Boolean(header.description)} /></TH>\r\n      </TR>}\r\n      {withTableHeader && !isEmpty && table.getHeaderGroups().map((headerGroup) => (\r\n        <TR size={size} {...headerRowProps('header', headerGroup, options)} $disableRowHover>\r\n          {headerGroup.headers.map((hgHeader) => <HeaderComponent key={hgHeader.id} header={hgHeader} table={table} options={options} />)}\r\n        </TR>\r\n      ))}\r\n    </THead>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n"],"names":["DraggableHeader","header","table","options","headerRef","useRef","size","Sizes","useTable","headerWidth","setHeaderWidth","useState","_a","dropRef","dragRef","previewRef","isDragging","useDraggableColumnHeader","headerProps","useMemo","headerCellProps","useImperativeHandle","updateHeaderWidth","useCallback","useEffect","TH","jsx","DraggingZone","Flexbox","getHeaderCellGap","HeaderCell","CommonHeader","Header","isEmpty","withTableHeader","hasHeader","HeaderComponent","THead","TR","headerRowProps","TABLE_CLASS_BASE_TABLE_HEADER","headerGroup","hgHeader"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableHeader.tsx"],"sourcesContent":["import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\n\nimport { Sizes, TABLE_CLASS_BASE_TABLE_HEADER } from 'acinguiux-ds-react-base';\nimport { Header as IHeader } from '@tanstack/react-table';\n\nimport { getHeaderCellGap } from '../../utils/tableUtils';\nimport { TR, TH, THead } from '../TableElements/TableElements';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { IBaseTableElementProps } from './BaseTable.types';\nimport { useDraggableColumnHeader } from '../../hooks/useDraggableColumnHeader';\nimport { hasHeader, headerCellProps, headerRowProps } from '../../utils/baseTableUtils';\nimport { useTable } from '../../hooks/useTable';\nimport { HeaderCell } from '../TableElements/HeaderCell';\nimport { DraggingZone } from '../TableElements/DraggableZone';\n\nconst DraggableHeader = <T,>({ header, table, options }: IBaseTableElementProps<T> & { header: IHeader<T, unknown> }) => {\n  const headerRef = useRef<HTMLTableCellElement>(null);\n  const { size = Sizes.Medium } = useTable();\n  const [headerWidth, setHeaderWidth] = useState(headerRef.current?.getBoundingClientRect().width);\n  const { dropRef, dragRef, previewRef, isDragging } = useDraggableColumnHeader(header, table.getState, table.setColumnOrder);\n  const headerProps = useMemo(() => headerCellProps(header, options), [header, options]);\n\n  useImperativeHandle(dropRef, () => headerRef.current as HTMLTableCellElement);\n\n  const updateHeaderWidth = useCallback(() => {\n    setHeaderWidth(headerRef.current?.getBoundingClientRect().width);\n  }, [headerRef]);\n\n  useEffect(() => {\n    updateHeaderWidth();\n    // NOTE: auto update events are set, but is it a good idea to depend on window?\n    window.addEventListener('resize', updateHeaderWidth);\n\n    return () => window.removeEventListener('resize', updateHeaderWidth);\n  }, [table.getState().columnSizing]);\n\n  return (\n    <TH ref={headerRef} {...headerProps} data-dragging={isDragging}>\n      <DraggingZone ref={previewRef} data-dragging={isDragging} $width={headerWidth} size={size} />\n      <Flexbox ref={dragRef} gap={getHeaderCellGap(size)} alignItems=\"center\" justifyContent=\"flex-start\">\n        <HeaderCell options={options} table={table} header={header} />\n      </Flexbox>\n    </TH>\n  );\n};\n\nconst CommonHeader = <T,>({ header, table, options }: IBaseTableElementProps<T> & { header: IHeader<T, unknown> }) => (\n  <TH {...headerCellProps(header, options)}>\n    <HeaderCell options={options} table={table} header={header} />\n  </TH>\n);\n\n\nconst Header = <T,>({ table, options }: IBaseTableElementProps<T>) => {\n  const { size = Sizes.Medium, header } = useTable();\n  const isEmpty = table.getRowCount() === 0;\n  const withTableHeader = useMemo(() => !options?.noHeader && hasHeader(table, options), [table, options]);\n\n  const HeaderComponent = useMemo(() => options?.dragAndDrop ? DraggableHeader : CommonHeader, [options?.dragAndDrop]);\n\n  return (!header && (!withTableHeader || isEmpty)) ? null : (\n    <THead>\n      {header && <TR size={size} $disableRowHover {...headerRowProps('header', { id: 'header', depth: 0, headers: [] }, options)}>\n        <TH colSpan={table.getVisibleLeafColumns().length}><span className={TABLE_CLASS_BASE_TABLE_HEADER} data-title={Boolean(header.title || header.icon)} data-meta={Boolean(header.meta)} data-description={Boolean(header.description)} /></TH>\n      </TR>}\n      {withTableHeader && !isEmpty && table.getHeaderGroups().map((headerGroup) => (\n        <TR size={size} {...headerRowProps('header', headerGroup, options)} $disableRowHover>\n          {headerGroup.headers.map((hgHeader) => <HeaderComponent key={hgHeader.id} header={hgHeader} table={table} options={options} />)}\n        </TR>\n      ))}\n    </THead>\n  );\n};\n\nexport default Header;\n"],"names":["DraggableHeader","header","table","options","headerRef","useRef","size","Sizes","useTable","headerWidth","setHeaderWidth","useState","_a","dropRef","dragRef","previewRef","isDragging","useDraggableColumnHeader","headerProps","useMemo","headerCellProps","useImperativeHandle","updateHeaderWidth","useCallback","useEffect","TH","jsx","DraggingZone","Flexbox","getHeaderCellGap","HeaderCell","CommonHeader","Header","isEmpty","withTableHeader","hasHeader","HeaderComponent","THead","TR","headerRowProps","TABLE_CLASS_BASE_TABLE_HEADER","headerGroup","hgHeader"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnVisibilityFilters.js","sources":["../../../../../../src/components/Table/components/TableElements/ColumnVisibilityFilters.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { ITableComponentsProps } from './TableElements.types';\r\nimport ToggleButton from '../../../ToggleButton/ToggleButton';\r\nimport { convertCamelCaseToWords } from '../../../../utils/textUtils';\r\n\r\nexport const ColumnVisibilityFilters = <T,>({ table }: ITableComponentsProps<T>) => (\r\n  <Flexbox gap=\"8px\" flexWrap=\"wrap\" style={{ marginBottom: '20px' }}>\r\n    <ToggleButton\r\n      size={Sizes.Small}\r\n      active={table.getIsAllColumnsVisible()}\r\n      onClick={table.getToggleAllColumnsVisibilityHandler()}\r\n    >\r\n      Toggle All\r\n    </ToggleButton>\r\n    {table.getAllLeafColumns().map((column) => (\r\n      <ToggleButton\r\n        key={column.id}\r\n        size={Sizes.Small}\r\n        active={column.getIsVisible()}\r\n        onClick={column.getToggleVisibilityHandler()}\r\n      >\r\n        {convertCamelCaseToWords(column.id)}\r\n      </ToggleButton>\r\n    ))}\r\n  </Flexbox>\r\n);\r\n"],"names":["ColumnVisibilityFilters","table","jsxs","Flexbox","jsx","ToggleButton","Sizes","column","convertCamelCaseToWords"],"mappings":";;;;;AAOO,MAAMA,IAA0B,CAAK,EAAE,OAAAC,EAAA,MAC3C,gBAAAC,EAAAC,GAAA,EAAQ,KAAI,OAAM,UAAS,QAAO,OAAO,EAAE,cAAc,OACxD,GAAA,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC,EAAM;AAAA,MACZ,QAAQL,EAAM,uBAAuB;AAAA,MACrC,SAASA,EAAM,qCAAqC;AAAA,MACrD,UAAA;AAAA,IAAA;AAAA,EAED;AAAA,EACCA,EAAM,kBAAoB,EAAA,IAAI,CAACM,MAC9B,gBAAAH;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,MAAMC,EAAM;AAAA,MACZ,QAAQC,EAAO,aAAa;AAAA,MAC5B,SAASA,EAAO,2BAA2B;AAAA,MAE1C,UAAAC,EAAwBD,EAAO,EAAE;AAAA,IAAA;AAAA,IAL7BA,EAAO;AAAA,EAAA,CAOf;AAAA,EACH,CAAA;"}
+{"version":3,"file":"ColumnVisibilityFilters.js","sources":["../../../../../../src/components/Table/components/TableElements/ColumnVisibilityFilters.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { ITableComponentsProps } from './TableElements.types';\nimport ToggleButton from '../../../ToggleButton/ToggleButton';\nimport { convertCamelCaseToWords } from '../../../../utils/textUtils';\n\nexport const ColumnVisibilityFilters = <T,>({ table }: ITableComponentsProps<T>) => (\n  <Flexbox gap=\"8px\" flexWrap=\"wrap\" style={{ marginBottom: '20px' }}>\n    <ToggleButton\n      size={Sizes.Small}\n      active={table.getIsAllColumnsVisible()}\n      onClick={table.getToggleAllColumnsVisibilityHandler()}\n    >\n      Toggle All\n    </ToggleButton>\n    {table.getAllLeafColumns().map((column) => (\n      <ToggleButton\n        key={column.id}\n        size={Sizes.Small}\n        active={column.getIsVisible()}\n        onClick={column.getToggleVisibilityHandler()}\n      >\n        {convertCamelCaseToWords(column.id)}\n      </ToggleButton>\n    ))}\n  </Flexbox>\n);\n"],"names":["ColumnVisibilityFilters","table","jsxs","Flexbox","jsx","ToggleButton","Sizes","column","convertCamelCaseToWords"],"mappings":";;;;;AAOO,MAAMA,IAA0B,CAAK,EAAE,OAAAC,EAAA,MAC3C,gBAAAC,EAAAC,GAAA,EAAQ,KAAI,OAAM,UAAS,QAAO,OAAO,EAAE,cAAc,OACxD,GAAA,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC,EAAM;AAAA,MACZ,QAAQL,EAAM,uBAAuB;AAAA,MACrC,SAASA,EAAM,qCAAqC;AAAA,MACrD,UAAA;AAAA,IAAA;AAAA,EAED;AAAA,EACCA,EAAM,kBAAoB,EAAA,IAAI,CAACM,MAC9B,gBAAAH;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,MAAMC,EAAM;AAAA,MACZ,QAAQC,EAAO,aAAa;AAAA,MAC5B,SAASA,EAAO,2BAA2B;AAAA,MAE1C,UAAAC,EAAwBD,EAAO,EAAE;AAAA,IAAA;AAAA,IAL7BA,EAAO;AAAA,EAOf,CAAA;AAAA,EACH,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableButton.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableButton.tsx"],"sourcesContent":["import { forwardRef, ComponentPropsWithRef, ForwardedRef } from 'react';\r\n\r\nimport styled from 'styled-components';\r\nimport { Sizes, Variants, TABLE_DRAGGABLE_BUTTON_CLASS, ButtonConsts, ButtonTypes } from 'acinguiux-ds-react-base';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { getSize } from '../../utils/tableUtils';\r\nimport Button from '../../../Button/Button';\r\n\r\nconst StyledDraggableButton = styled(Button)`\r\n  margin: 0 -${({ size = Sizes.Medium }) => ButtonConsts.consts.padding[getSize(size)].transparent};\r\n  text-align: left;\r\n  cursor: move;\r\n  min-width: 0;\r\n`;\r\n\r\nexport const DraggableButton = forwardRef(\r\n  ({ ...props }: ComponentPropsWithRef<'button'> & ButtonTypes.IProps, ref: ForwardedRef<HTMLButtonElement>) => {\r\n    const { size = Sizes.Medium } = useTable();\r\n\r\n    return (\r\n      <StyledDraggableButton\r\n        className={TABLE_DRAGGABLE_BUTTON_CLASS}\r\n        aria-label=\"Draggable button\"\r\n        size={getSize(size)}\r\n        variant={Variants.Transparent}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n"],"names":["StyledDraggableButton","styled","Button","size","Sizes","ButtonConsts.consts","getSize","DraggableButton","forwardRef","props","ref","useTable","jsx","TABLE_DRAGGABLE_BUTTON_CLASS","Variants"],"mappings":";;;;;;;;AASA,MAAMA,IAAwBC,EAAOC,CAAM;AAAA,eAC5B,CAAC,EAAE,MAAAC,IAAOC,EAAM,OAAO,MAAMC,EAAoB,QAAQC,EAAQH,CAAI,CAAC,EAAE,WAAW;AAAA;AAAA;AAAA;AAAA,GAMrFI,IAAkBC;AAAA,EAC7B,CAAC,EAAE,GAAGC,KAA+DC,MAAyC;AAC5G,UAAM,EAAE,MAAAP,IAAOC,EAAM,WAAWO,EAAS;AAGvC,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,WAAWa;AAAA,QACX,cAAW;AAAA,QACX,MAAMP,EAAQH,CAAI;AAAA,QAClB,SAASW,EAAS;AAAA,QAClB,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
+{"version":3,"file":"DraggableButton.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableButton.tsx"],"sourcesContent":["import { forwardRef, ComponentPropsWithRef, ForwardedRef } from 'react';\n\nimport styled from 'styled-components';\nimport { Sizes, Variants, TABLE_DRAGGABLE_BUTTON_CLASS, ButtonConsts, ButtonTypes } from 'acinguiux-ds-react-base';\n\nimport { useTable } from '../../hooks/useTable';\nimport { getSize } from '../../utils/tableUtils';\nimport Button from '../../../Button/Button';\n\nconst StyledDraggableButton = styled(Button)`\n  margin: 0 -${({ size = Sizes.Medium }) => ButtonConsts.consts.padding[getSize(size)].transparent};\n  text-align: left;\n  cursor: move;\n  min-width: 0;\n`;\n\nexport const DraggableButton = forwardRef(\n  ({ ...props }: ComponentPropsWithRef<'button'> & ButtonTypes.IProps, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    return (\n      <StyledDraggableButton\n        className={TABLE_DRAGGABLE_BUTTON_CLASS}\n        aria-label=\"Draggable button\"\n        size={getSize(size)}\n        variant={Variants.Transparent}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["StyledDraggableButton","styled","Button","size","Sizes","ButtonConsts.consts","getSize","DraggableButton","forwardRef","props","ref","useTable","jsx","TABLE_DRAGGABLE_BUTTON_CLASS","Variants"],"mappings":";;;;;;;;AASA,MAAMA,IAAwBC,EAAOC,CAAM;AAAA,eAC5B,CAAC,EAAE,MAAAC,IAAOC,EAAM,OAAO,MAAMC,EAAoB,QAAQC,EAAQH,CAAI,CAAC,EAAE,WAAW;AAAA;AAAA;AAAA;AAAA,GAMrFI,IAAkBC;AAAA,EAC7B,CAAC,EAAE,GAAGC,KAA+DC,MAAyC;AAC5G,UAAM,EAAE,MAAAP,IAAOC,EAAM,OAAA,IAAWO,EAAS;AAGvC,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,WAAWa;AAAA,QACX,cAAW;AAAA,QACX,MAAMP,EAAQH,CAAI;AAAA,QAClB,SAASW,EAAS;AAAA,QAClB,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableRow.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableRow.tsx"],"sourcesContent":["import { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\r\n\r\nimport { flexRender } from '@tanstack/react-table';\r\nimport { useDrop, useDrag } from 'react-dnd';\r\nimport { Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { TR, TD } from './TableElements';\r\nimport { DraggableButton } from './DraggableButton';\r\nimport { IDraggableRowProps } from './TableElements.types';\r\nimport { DraggingZone } from './DraggableZone';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { DragAndroid } from '../../../Icon/components';\r\nimport { getCellGap } from '../../utils/tableUtils';\r\n\r\nconst TIME_TO_UPDATE = 50;\r\n\r\n\r\nexport const DraggableRow = <T,>({ row, getState, reorderRow, finishReorder }: IDraggableRowProps<T>) => {\r\n  const rowRef = useRef<HTMLTableRowElement>(null);\r\n  const { size = Sizes.Medium } = useTable();\r\n  const [rowWidth, setRowWidth] = useState(rowRef.current?.getBoundingClientRect().width);\r\n  const lastUpdate = useRef<number>(Date.now() - TIME_TO_UPDATE);\r\n\r\n  const [{ isDragging }, dropRef] = useDrop({\r\n    accept: 'row',\r\n    hover: (draggedRow: { id: string, updateRows: (targetRowIndex: number) => void, isUpdateable: () => boolean; }, monitor) => {\r\n      if (!monitor.isOver() && draggedRow.isUpdateable()) {\r\n        draggedRow.updateRows(row.index);\r\n      }\r\n    },\r\n    drop: () => {\r\n      finishReorder();\r\n    },\r\n    collect: (monitor) => ({\r\n      isDragging: Boolean(monitor.getItem()?.id === row.id),\r\n    }),\r\n  }, [row, reorderRow]);\r\n  const [, dragRef, previewRef] = useDrag({\r\n    item: ({\r\n      id: row.id,\r\n      updateRows: (targetRowIndex: number) => {\r\n        lastUpdate.current = Date.now();\r\n        reorderRow(row.index, targetRowIndex);\r\n      },\r\n      isUpdateable: () => lastUpdate.current + TIME_TO_UPDATE < Date.now(),\r\n    }),\r\n    type: 'row',\r\n  }, [reorderRow, row]);\r\n\r\n  useImperativeHandle(dropRef, () => rowRef.current as HTMLTableRowElement);\r\n\r\n  const updateRowWidth = useCallback(() => {\r\n    setRowWidth(rowRef.current?.getBoundingClientRect().width);\r\n  }, [rowRef]);\r\n\r\n  useEffect(() => {\r\n    updateRowWidth();\r\n    // NOTE: auto update events are set, but is it a good idea to depend on window?\r\n    window.addEventListener('resize', updateRowWidth);\r\n\r\n    return () => window.removeEventListener('resize', updateRowWidth);\r\n  }, [getState().columnSizing]);\r\n\r\n  return (\r\n    <TR ref={rowRef} size={size}>\r\n      {row.getVisibleCells().map((cell) => (\r\n        <TD key={cell.id}>\r\n          {cell.column.getIndex() === 0 && <DraggingZone ref={previewRef} data-dragging={isDragging} $width={rowWidth} size={size} />}\r\n          <Flexbox alignItems=\"center\" flexGrow={1} gap={getCellGap(size)}>\r\n            {cell.column.getIndex() === 0 && <DraggableButton ref={dragRef} icon={<DragAndroid />} iconOnly />}\r\n            {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n          </Flexbox>\r\n        </TD>\r\n      ))}\r\n    </TR>\r\n  );\r\n};\r\n"],"names":["TIME_TO_UPDATE","DraggableRow","row","getState","reorderRow","finishReorder","rowRef","useRef","size","Sizes","useTable","rowWidth","setRowWidth","useState","_a","lastUpdate","isDragging","dropRef","useDrop","draggedRow","monitor","dragRef","previewRef","useDrag","targetRowIndex","useImperativeHandle","updateRowWidth","useCallback","useEffect","jsx","TR","cell","jsxs","TD","DraggingZone","Flexbox","getCellGap","DraggableButton","DragAndroid","flexRender"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAiB,IAGVC,IAAe,CAAK,EAAE,KAAAC,GAAK,UAAAC,GAAU,YAAAC,GAAY,eAAAC,QAA2C;;AACjG,QAAAC,IAASC,EAA4B,IAAI,GACzC,EAAE,MAAAC,IAAOC,EAAM,WAAWC,EAAS,GACnC,CAACC,GAAUC,CAAW,IAAIC,GAASC,IAAAR,EAAO,YAAP,gBAAAQ,EAAgB,wBAAwB,KAAK,GAChFC,IAAaR,EAAe,KAAK,QAAQP,CAAc,GAEvD,CAAC,EAAE,YAAAgB,EAAA,GAAcC,CAAO,IAAIC,EAAQ;AAAA,IACxC,QAAQ;AAAA,IACR,OAAO,CAACC,GAAwGC,MAAY;AAC1H,MAAI,CAACA,EAAQ,OAAY,KAAAD,EAAW,kBACvBA,EAAA,WAAWjB,EAAI,KAAK;AAAA,IAEnC;AAAA,IACA,MAAM,MAAM;AACI,MAAAG;IAChB;AAAA,IACA,SAAS,CAACe,MAAa;;AAAA;AAAA,QACrB,cAAoBN,IAAAM,EAAQ,QAAW,MAAnB,gBAAAN,EAAmB,QAAOZ,EAAI;AAAA,MAAE;AAAA;AAAA,EACtD,GACC,CAACA,GAAKE,CAAU,CAAC,GACd,GAAGiB,GAASC,CAAU,IAAIC,EAAQ;AAAA,IACtC,MAAO;AAAA,MACL,IAAIrB,EAAI;AAAA,MACR,YAAY,CAACsB,MAA2B;AAC3B,QAAAT,EAAA,UAAU,KAAK,OACfX,EAAAF,EAAI,OAAOsB,CAAc;AAAA,MACtC;AAAA,MACA,cAAc,MAAMT,EAAW,UAAUf,IAAiB,KAAK,IAAI;AAAA,IACrE;AAAA,IACA,MAAM;AAAA,EAAA,GACL,CAACI,GAAYF,CAAG,CAAC;AAEA,EAAAuB,EAAAR,GAAS,MAAMX,EAAO,OAA8B;AAElE,QAAAoB,IAAiBC,EAAY,MAAM;;AACvC,IAAAf,GAAYE,IAAAR,EAAO,YAAP,gBAAAQ,EAAgB,wBAAwB,KAAK;AAAA,EAAA,GACxD,CAACR,CAAM,CAAC;AAEX,SAAAsB,EAAU,OACOF,KAER,OAAA,iBAAiB,UAAUA,CAAc,GAEzC,MAAM,OAAO,oBAAoB,UAAUA,CAAc,IAC/D,CAACvB,EAAS,EAAE,YAAY,CAAC,GAGzB,gBAAA0B,EAAAC,GAAA,EAAG,KAAKxB,GAAQ,MAAAE,GACd,UAAAN,EAAI,gBAAgB,EAAE,IAAI,CAAC6B,MAC1B,gBAAAC,EAACC,GACE,EAAA,UAAA;AAAA,IAAAF,EAAK,OAAO,SAAA,MAAe,KAAM,gBAAAF,EAAAK,GAAA,EAAa,KAAKZ,GAAY,iBAAeN,GAAY,QAAQL,GAAU,MAAAH,EAAY,CAAA;AAAA,IACzH,gBAAAwB,EAACG,KAAQ,YAAW,UAAS,UAAU,GAAG,KAAKC,EAAW5B,CAAI,GAC3D,UAAA;AAAA,MAAAuB,EAAK,OAAO,SAAA,MAAe,KAAM,gBAAAF,EAAAQ,GAAA,EAAgB,KAAKhB,GAAS,MAAM,gBAAAQ,EAACS,GAAY,CAAA,CAAA,GAAI,UAAQ,IAAC;AAAA,MAC/FC,EAAWR,EAAK,OAAO,UAAU,MAAMA,EAAK,YAAY;AAAA,IAAA,GAC3D;AAAA,EALO,EAAA,GAAAA,EAAK,EAMd,CACD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"DraggableRow.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableRow.tsx"],"sourcesContent":["import { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport { flexRender } from '@tanstack/react-table';\nimport { useDrop, useDrag } from 'react-dnd';\nimport { Sizes } from 'acinguiux-ds-react-base';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { TR, TD } from './TableElements';\nimport { DraggableButton } from './DraggableButton';\nimport { IDraggableRowProps } from './TableElements.types';\nimport { DraggingZone } from './DraggableZone';\nimport { useTable } from '../../hooks/useTable';\nimport { DragAndroid } from '../../../Icon/components';\nimport { getCellGap } from '../../utils/tableUtils';\n\nconst TIME_TO_UPDATE = 50;\n\n\nexport const DraggableRow = <T,>({ row, getState, reorderRow, finishReorder }: IDraggableRowProps<T>) => {\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const { size = Sizes.Medium } = useTable();\n  const [rowWidth, setRowWidth] = useState(rowRef.current?.getBoundingClientRect().width);\n  const lastUpdate = useRef<number>(Date.now() - TIME_TO_UPDATE);\n\n  const [{ isDragging }, dropRef] = useDrop({\n    accept: 'row',\n    hover: (draggedRow: { id: string, updateRows: (targetRowIndex: number) => void, isUpdateable: () => boolean; }, monitor) => {\n      if (!monitor.isOver() && draggedRow.isUpdateable()) {\n        draggedRow.updateRows(row.index);\n      }\n    },\n    drop: () => {\n      finishReorder();\n    },\n    collect: (monitor) => ({\n      isDragging: Boolean(monitor.getItem()?.id === row.id),\n    }),\n  }, [row, reorderRow]);\n  const [, dragRef, previewRef] = useDrag({\n    item: ({\n      id: row.id,\n      updateRows: (targetRowIndex: number) => {\n        lastUpdate.current = Date.now();\n        reorderRow(row.index, targetRowIndex);\n      },\n      isUpdateable: () => lastUpdate.current + TIME_TO_UPDATE < Date.now(),\n    }),\n    type: 'row',\n  }, [reorderRow, row]);\n\n  useImperativeHandle(dropRef, () => rowRef.current as HTMLTableRowElement);\n\n  const updateRowWidth = useCallback(() => {\n    setRowWidth(rowRef.current?.getBoundingClientRect().width);\n  }, [rowRef]);\n\n  useEffect(() => {\n    updateRowWidth();\n    // NOTE: auto update events are set, but is it a good idea to depend on window?\n    window.addEventListener('resize', updateRowWidth);\n\n    return () => window.removeEventListener('resize', updateRowWidth);\n  }, [getState().columnSizing]);\n\n  return (\n    <TR ref={rowRef} size={size}>\n      {row.getVisibleCells().map((cell) => (\n        <TD key={cell.id}>\n          {cell.column.getIndex() === 0 && <DraggingZone ref={previewRef} data-dragging={isDragging} $width={rowWidth} size={size} />}\n          <Flexbox alignItems=\"center\" flexGrow={1} gap={getCellGap(size)}>\n            {cell.column.getIndex() === 0 && <DraggableButton ref={dragRef} icon={<DragAndroid />} iconOnly />}\n            {flexRender(cell.column.columnDef.cell, cell.getContext())}\n          </Flexbox>\n        </TD>\n      ))}\n    </TR>\n  );\n};\n"],"names":["TIME_TO_UPDATE","DraggableRow","row","getState","reorderRow","finishReorder","rowRef","useRef","size","Sizes","useTable","rowWidth","setRowWidth","useState","_a","lastUpdate","isDragging","dropRef","useDrop","draggedRow","monitor","dragRef","previewRef","useDrag","targetRowIndex","useImperativeHandle","updateRowWidth","useCallback","useEffect","jsx","TR","cell","jsxs","TD","DraggingZone","Flexbox","getCellGap","DraggableButton","DragAndroid","flexRender"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAiB,IAGVC,IAAe,CAAK,EAAE,KAAAC,GAAK,UAAAC,GAAU,YAAAC,GAAY,eAAAC,QAA2C;;AACjG,QAAAC,IAASC,EAA4B,IAAI,GACzC,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAS,GACnC,CAACC,GAAUC,CAAW,IAAIC,GAASC,IAAAR,EAAO,YAAP,gBAAAQ,EAAgB,wBAAwB,KAAK,GAChFC,IAAaR,EAAe,KAAK,IAAA,IAAQP,CAAc,GAEvD,CAAC,EAAE,YAAAgB,EAAA,GAAcC,CAAO,IAAIC,EAAQ;AAAA,IACxC,QAAQ;AAAA,IACR,OAAO,CAACC,GAAwGC,MAAY;AAC1H,MAAI,CAACA,EAAQ,OAAY,KAAAD,EAAW,kBACvBA,EAAA,WAAWjB,EAAI,KAAK;AAAA,IAEnC;AAAA,IACA,MAAM,MAAM;AACI,MAAAG,EAAA;AAAA,IAChB;AAAA,IACA,SAAS,CAACe,MAAa;;AAAA;AAAA,QACrB,cAAoBN,IAAAM,EAAQ,cAAR,gBAAAN,EAAmB,QAAOZ,EAAI;AAAA,MACpD;AAAA;AAAA,EAAA,GACC,CAACA,GAAKE,CAAU,CAAC,GACd,GAAGiB,GAASC,CAAU,IAAIC,EAAQ;AAAA,IACtC,MAAO;AAAA,MACL,IAAIrB,EAAI;AAAA,MACR,YAAY,CAACsB,MAA2B;AAC3B,QAAAT,EAAA,UAAU,KAAK,IAAI,GACnBX,EAAAF,EAAI,OAAOsB,CAAc;AAAA,MACtC;AAAA,MACA,cAAc,MAAMT,EAAW,UAAUf,IAAiB,KAAK,IAAI;AAAA,IACrE;AAAA,IACA,MAAM;AAAA,EAAA,GACL,CAACI,GAAYF,CAAG,CAAC;AAEA,EAAAuB,EAAAR,GAAS,MAAMX,EAAO,OAA8B;AAElE,QAAAoB,IAAiBC,EAAY,MAAM;;AACvC,IAAAf,GAAYE,IAAAR,EAAO,YAAP,gBAAAQ,EAAgB,wBAAwB,KAAK;AAAA,EAAA,GACxD,CAACR,CAAM,CAAC;AAEX,SAAAsB,EAAU,OACOF,EAAA,GAER,OAAA,iBAAiB,UAAUA,CAAc,GAEzC,MAAM,OAAO,oBAAoB,UAAUA,CAAc,IAC/D,CAACvB,IAAW,YAAY,CAAC,GAGzB,gBAAA0B,EAAAC,GAAA,EAAG,KAAKxB,GAAQ,MAAAE,GACd,UAAAN,EAAI,gBAAgB,EAAE,IAAI,CAAC6B,MAC1B,gBAAAC,EAACC,GACE,EAAA,UAAA;AAAA,IAAAF,EAAK,OAAO,SAAA,MAAe,KAAM,gBAAAF,EAAAK,GAAA,EAAa,KAAKZ,GAAY,iBAAeN,GAAY,QAAQL,GAAU,MAAAH,EAAY,CAAA;AAAA,IACzH,gBAAAwB,EAACG,KAAQ,YAAW,UAAS,UAAU,GAAG,KAAKC,EAAW5B,CAAI,GAC3D,UAAA;AAAA,MAAAuB,EAAK,OAAO,SAAA,MAAe,KAAM,gBAAAF,EAAAQ,GAAA,EAAgB,KAAKhB,GAAS,MAAM,gBAAAQ,EAACS,GAAY,CAAA,CAAA,GAAI,UAAQ,IAAC;AAAA,MAC/FC,EAAWR,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAY,CAAA;AAAA,IAAA,EAC3D,CAAA;AAAA,EALO,EAAA,GAAAA,EAAK,EAMd,CACD,GACH;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableZone.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableZone.tsx"],"sourcesContent":["import { Sizes, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\r\nimport styled from 'styled-components';\r\n\r\nconst DRAGGING_ZONE_PADDING = 3;\r\n\r\n/* used to make the dragging zone a bit smaller than the actual column, so it aligns with the resizer */\r\nconst DRAGGING_ZONE_WIDTH_PADDING = 5;\r\n\r\nexport const DraggingZone = styled.div<{ dragging?: boolean, $width?: number, size?: TableTypes.Size }>`\r\n  position: absolute;\r\n  top: 1px;\r\n  bottom: 1px;\r\n  margin-left: -${({ size = Sizes.Medium }) => TableConsts.consts[size].headerCell.padding.left}px;\r\n  width: ${({ $width }) => ($width ?? 0) - DRAGGING_ZONE_WIDTH_PADDING}px;\r\n  padding: ${DRAGGING_ZONE_PADDING}px;\r\n  visibility: hidden;\r\n  transition: all 0.01s ease-in;\r\n  &[data-dragging='true'] {\r\n    visibility: visible;\r\n    background-color: ${({ theme }) => theme.onSurface.surface.default.background};\r\n    border-radius: 12px;\r\n    &&::after {\r\n      content: '';\r\n      position: relative;\r\n      transform: translateX(${DRAGGING_ZONE_PADDING / 2}px);\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 8px;\r\n      background-color: ${({ theme }) => theme.onSentiment.default.subtle.selected.default.background};\r\n      border: 1px dashed ${({ theme }) => theme.onSurface.surface.default.border.medium};\r\n    }\r\n  }\r\n`;\r\n"],"names":["DRAGGING_ZONE_PADDING","DRAGGING_ZONE_WIDTH_PADDING","DraggingZone","styled","size","Sizes","TableConsts.consts","$width","theme"],"mappings":";;;AAGA,MAAMA,IAAwB,GAGxBC,IAA8B,GAEvBC,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA,kBAIjB,CAAC,EAAE,MAAAC,IAAOC,EAAM,OAAO,MAAMC,EAAmBF,CAAI,EAAE,WAAW,QAAQ,IAAI;AAAA,WACpF,CAAC,EAAE,QAAAG,EAAc,OAAAA,KAAU,KAAKN,CAA2B;AAAA,aACzDD,CAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKV,CAAC,EAAE,OAAAQ,QAAYA,EAAM,UAAU,QAAQ,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKnDR,IAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,0BAK7B,CAAC,EAAE,OAAAQ,EAAY,MAAAA,EAAM,YAAY,QAAQ,OAAO,SAAS,QAAQ,UAAU;AAAA,2BAC1E,CAAC,EAAE,OAAAA,EAAM,MAAMA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"DraggableZone.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableZone.tsx"],"sourcesContent":["import { Sizes, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\nimport styled from 'styled-components';\n\nconst DRAGGING_ZONE_PADDING = 3;\n\n/* used to make the dragging zone a bit smaller than the actual column, so it aligns with the resizer */\nconst DRAGGING_ZONE_WIDTH_PADDING = 5;\n\nexport const DraggingZone = styled.div<{ dragging?: boolean, $width?: number, size?: TableTypes.Size }>`\n  position: absolute;\n  top: 1px;\n  bottom: 1px;\n  margin-left: -${({ size = Sizes.Medium }) => TableConsts.consts[size].headerCell.padding.left}px;\n  width: ${({ $width }) => ($width ?? 0) - DRAGGING_ZONE_WIDTH_PADDING}px;\n  padding: ${DRAGGING_ZONE_PADDING}px;\n  visibility: hidden;\n  transition: all 0.01s ease-in;\n  &[data-dragging='true'] {\n    visibility: visible;\n    background-color: ${({ theme }) => theme.onSurface.surface.default.background};\n    border-radius: 12px;\n    &&::after {\n      content: '';\n      position: relative;\n      transform: translateX(${DRAGGING_ZONE_PADDING / 2}px);\n      display: block;\n      width: 100%;\n      height: 100%;\n      border-radius: 8px;\n      background-color: ${({ theme }) => theme.onSentiment.default.subtle.selected.default.background};\n      border: 1px dashed ${({ theme }) => theme.onSurface.surface.default.border.medium};\n    }\n  }\n`;\n"],"names":["DRAGGING_ZONE_PADDING","DRAGGING_ZONE_WIDTH_PADDING","DraggingZone","styled","size","Sizes","TableConsts.consts","$width","theme"],"mappings":";;;AAGA,MAAMA,IAAwB,GAGxBC,IAA8B,GAEvBC,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA,kBAIjB,CAAC,EAAE,MAAAC,IAAOC,EAAM,OAAO,MAAMC,EAAmBF,CAAI,EAAE,WAAW,QAAQ,IAAI;AAAA,WACpF,CAAC,EAAE,QAAAG,EAAc,OAAAA,KAAU,KAAKN,CAA2B;AAAA,aACzDD,CAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKV,CAAC,EAAE,OAAAQ,QAAYA,EAAM,UAAU,QAAQ,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKnDR,IAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,0BAK7B,CAAC,EAAE,OAAAQ,EAAY,MAAAA,EAAM,YAAY,QAAQ,OAAO,SAAS,QAAQ,UAAU;AAAA,2BAC1E,CAAC,EAAE,OAAAA,EAAM,MAAMA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA;"}

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';\r\nimport { ButtonTypes, Sizes, ButtonConsts } from 'acinguiux-ds-react-base';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { ITableCellExpanderContainerProps, IExpanderProps } from './TableElements.types';\r\nimport { ExpanderButton } from './ExpanderButton';\r\n\r\nexport const StyledExpander = styled.div<ITableCellExpanderContainerProps>(\r\n  ({ size, depth, lastChild }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding-left: ${depth * 40}px;\r\n\r\n    ${lastChild &&\r\n    css`\r\n      padding-left: calc(${depth * 40}px + ${ButtonConsts.consts.height[size as ButtonTypes.Size]});\r\n    `}\r\n  `,\r\n);\r\n\r\nexport const Expander = <T,>({ row, children }: IExpanderProps<T>) => {\r\n  const { size = Sizes.Medium } = useTable();\r\n\r\n  return (\r\n    <StyledExpander size={size} depth={row.depth} lastChild={!row.getCanExpand()}>\r\n      {row.getCanExpand() && (\r\n        <ExpanderButton\r\n          expanded={row.getIsExpanded()}\r\n          {...{\r\n            onClick: row.getToggleExpandedHandler(),\r\n          }}\r\n        />\r\n      )}\r\n      {children}\r\n    </StyledExpander>\r\n  );\r\n};\r\n"],"names":["StyledExpander","styled","size","depth","lastChild","css","ButtonConsts.consts","Expander","row","children","Sizes","useTable","jsxs","jsx","ExpanderButton"],"mappings":";;;;;;AAOO,MAAMA,IAAiBC,EAAO;AAAA,EACnC,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,QAAgBC;AAAA;AAAA;AAAA;AAAA,oBAIdF,IAAQ,EAAE;AAAA;AAAA,MAExBC,KACFC;AAAA,2BACuBF,IAAQ,EAAE,QAAQG,EAAoB,OAAOJ,CAAwB,CAAC;AAAA,KAC5F;AAAA;AAEL,GAEaK,IAAW,CAAK,EAAE,KAAAC,GAAK,UAAAC,QAAkC;AACpE,QAAM,EAAE,MAAAP,IAAOQ,EAAM,WAAWC,EAAS;AAGvC,SAAA,gBAAAC,EAACZ,GAAe,EAAA,MAAAE,GAAY,OAAOM,EAAI,OAAO,WAAW,CAACA,EAAI,aAAA,GAC3D,UAAA;AAAA,IAAAA,EAAI,kBACH,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUN,EAAI,cAAc;AAAA,QAE1B,SAASA,EAAI,yBAAyB;AAAA,MACxC;AAAA,IACF;AAAA,IAEDC;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Expander.js","sources":["../../../../../../src/components/Table/components/TableElements/Expander.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ButtonTypes, Sizes, ButtonConsts } from 'acinguiux-ds-react-base';\n\nimport { useTable } from '../../hooks/useTable';\nimport { ITableCellExpanderContainerProps, IExpanderProps } from './TableElements.types';\nimport { ExpanderButton } from './ExpanderButton';\n\nexport const StyledExpander = styled.div<ITableCellExpanderContainerProps>(\n  ({ size, depth, lastChild }) => css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-left: ${depth * 40}px;\n\n    ${lastChild &&\n    css`\n      padding-left: calc(${depth * 40}px + ${ButtonConsts.consts.height[size as ButtonTypes.Size]});\n    `}\n  `,\n);\n\nexport const Expander = <T,>({ row, children }: IExpanderProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\n\n  return (\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":["StyledExpander","styled","size","depth","lastChild","css","ButtonConsts.consts","Expander","row","children","Sizes","useTable","jsxs","jsx","ExpanderButton"],"mappings":";;;;;;AAOO,MAAMA,IAAiBC,EAAO;AAAA,EACnC,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,EAAgB,MAAAC;AAAA;AAAA;AAAA;AAAA,oBAIdF,IAAQ,EAAE;AAAA;AAAA,MAExBC,KACFC;AAAA,2BACuBF,IAAQ,EAAE,QAAQG,EAAoB,OAAOJ,CAAwB,CAAC;AAAA,KAC5F;AAAA;AAEL,GAEaK,IAAW,CAAK,EAAE,KAAAC,GAAK,UAAAC,QAAkC;AACpE,QAAM,EAAE,MAAAP,IAAOQ,EAAM,OAAA,IAAWC,EAAS;AAGvC,SAAA,gBAAAC,EAACZ,GAAe,EAAA,MAAAE,GAAY,OAAOM,EAAI,OAAO,WAAW,CAACA,EAAI,aAAA,GAC3D,UAAA;AAAA,IAAAA,EAAI,kBACH,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUN,EAAI,cAAc;AAAA,QAE1B,SAASA,EAAI,yBAAyB;AAAA,MACxC;AAAA,IACF;AAAA,IAEDC;AAAA,EAAA,GACH;AAEJ;"}