@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/tables/SimpleTable/SimpleTable.css

@@ -1,4 +1,4 @@
-._1ymahou0-3-5-2 {
+._1ymahou0-3-7-0 {
   border-collapse: separate;
   border-spacing: 0;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
@@ -8,13 +8,13 @@
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: var(--dt-typography-text-base-default-text-transform, none);
 }
-._1ymahou0-3-5-2 .strato-table-header {
+._1ymahou0-3-7-0 .strato-table-header {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._1ymahou0-3-5-2 .strato-table-header:last-child .strato-table-header-cell {
+._1ymahou0-3-7-0 .strato-table-header:last-child .strato-table-header-cell {
   border-bottom: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ymahou0-3-5-2 .strato-table-header-cell {
+._1ymahou0-3-7-0 .strato-table-header-cell {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -24,67 +24,67 @@
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   position: relative;
 }
-._1ymahou0-3-5-2 .strato-table-cell {
+._1ymahou0-3-7-0 .strato-table-cell {
   position: relative;
 }
-._1ymahou0-3-5-2 .strato-table-cell-alignment-left {
+._1ymahou0-3-7-0 .strato-table-cell-alignment-left {
   text-align: start;
   justify-content: flex-start;
 }
-._1ymahou0-3-5-2 .strato-table-cell-alignment-center {
+._1ymahou0-3-7-0 .strato-table-cell-alignment-center {
   text-align: center;
   justify-content: center;
 }
-._1ymahou0-3-5-2 .strato-table-cell-alignment-right {
+._1ymahou0-3-7-0 .strato-table-cell-alignment-right {
   text-align: end;
   justify-content: flex-end;
 }
-._1ymahou0-3-5-2 .strato-table-cell-alignment-top-left {
+._1ymahou0-3-7-0 .strato-table-cell-alignment-top-left {
   text-align: start;
   justify-content: flex-start;
   vertical-align: top;
 }
-._1ymahou0-3-5-2 .strato-table-cell-alignment-top-center {
+._1ymahou0-3-7-0 .strato-table-cell-alignment-top-center {
   text-align: center;
   justify-content: center;
   vertical-align: top;
 }
-._1ymahou0-3-5-2 .strato-table-cell-alignment-top-right {
+._1ymahou0-3-7-0 .strato-table-cell-alignment-top-right {
   text-align: end;
   justify-content: flex-end;
   vertical-align: top;
 }
-._1ymahou0-3-5-2 .strato-table-cell-alignment-bottom-left {
+._1ymahou0-3-7-0 .strato-table-cell-alignment-bottom-left {
   text-align: start;
   justify-content: flex-start;
   vertical-align: bottom;
 }
-._1ymahou0-3-5-2 .strato-table-cell-alignment-bottom-center {
+._1ymahou0-3-7-0 .strato-table-cell-alignment-bottom-center {
   text-align: center;
   justify-content: center;
   vertical-align: bottom;
 }
-._1ymahou0-3-5-2 .strato-table-cell-alignment-bottom-right {
+._1ymahou0-3-7-0 .strato-table-cell-alignment-bottom-right {
   text-align: end;
   justify-content: flex-end;
   vertical-align: bottom;
 }
-._1ymahou0-3-5-2.strato-table-contained {
+._1ymahou0-3-7-0.strato-table-contained {
   border: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
   border-radius: var(--dt-borders-radius-field-default, 6px);
   overflow: hidden;
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1jgl8s50-3-5-2 ._1ymahou0-3-5-2.strato-table-contained {
+._1jgl8s50-3-7-0 ._1ymahou0-3-7-0.strato-table-contained {
   border-width: var(--dt-borders-width-default, 1px);
 }
-._1jgl8s50-3-5-2 ._1ymahou0-3-5-2 .strato-table-header:last-child .strato-table-header-cell {
+._1jgl8s50-3-7-0 ._1ymahou0-3-7-0 .strato-table-header:last-child .strato-table-header-cell {
   border-bottom-width: var(--dt-borders-width-default, 1px);
 }
-._1ymahou0-3-5-2 .strato-table-row:last-child .strato-table-cell {
+._1ymahou0-3-7-0 .strato-table-row:last-child .strato-table-cell {
   border-bottom: none;
 }
-._1ymahou0-3-5-2.strato-table-code-font {
+._1ymahou0-3-7-0.strato-table-code-font {
   font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-base-default-size, 14px);
   font-weight: var(--dt-typography-code-base-default-weight, 400);
@@ -93,16 +93,16 @@
   text-transform: var(--dt-typography-code-base-default-text-transform, none);
   color: var(--strato-table-cell-highlight-color, var(--dt-colors-text-neutral-default, #2f2f4f));
 }
-._1ymahou0-3-5-2.strato-table-cell-density-default .strato-table-cell, ._1ymahou0-3-5-2.strato-table-cell-density-default .strato-table-header-cell {
+._1ymahou0-3-7-0.strato-table-cell-density-default .strato-table-cell, ._1ymahou0-3-7-0.strato-table-cell-density-default .strato-table-header-cell {
   padding: var(--dt-spacings-size-8, 8px) var(--dt-spacings-size-12, 12px);
 }
-._1ymahou0-3-5-2.strato-table-cell-density-comfortable .strato-table-cell, ._1ymahou0-3-5-2.strato-table-cell-density-comfortable .strato-table-header-cell {
+._1ymahou0-3-7-0.strato-table-cell-density-comfortable .strato-table-cell, ._1ymahou0-3-7-0.strato-table-cell-density-comfortable .strato-table-header-cell {
   padding: var(--dt-spacings-size-12, 12px) var(--dt-spacings-size-16, 16px);
 }
-._1ymahou0-3-5-2.strato-table-cell-density-condensed .strato-table-cell, ._1ymahou0-3-5-2.strato-table-cell-density-condensed .strato-table-header-cell {
+._1ymahou0-3-7-0.strato-table-cell-density-condensed .strato-table-cell, ._1ymahou0-3-7-0.strato-table-cell-density-condensed .strato-table-header-cell {
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
 }
-._1ymahou0-3-5-2.strato-table-colsep-divider .strato-table-header-cell + .strato-table-header-cell::before, ._1ymahou0-3-5-2.strato-table-colsep-divider .strato-table-cell + .strato-table-cell::before {
+._1ymahou0-3-7-0.strato-table-colsep-divider .strato-table-header-cell + .strato-table-header-cell::before, ._1ymahou0-3-7-0.strato-table-colsep-divider .strato-table-cell + .strato-table-cell::before {
   content: "";
   display: block;
   position: absolute;
@@ -112,15 +112,15 @@
   bottom: var(--dt-spacings-size-4, 4px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ymahou0-3-5-2.strato-table-rowsep-divider .strato-table-cell {
+._1ymahou0-3-7-0.strato-table-rowsep-divider .strato-table-cell {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ymahou0-3-5-2.strato-table-rowsep-zebra .strato-table-row {
+._1ymahou0-3-7-0.strato-table-rowsep-zebra .strato-table-row {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1ymahou0-3-5-2.strato-table-rowsep-zebra .strato-table-header {
+._1ymahou0-3-7-0.strato-table-rowsep-zebra .strato-table-header {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._1ymahou0-3-5-2.strato-table-rowsep-zebra .strato-table-row-even {
+._1ymahou0-3-7-0.strato-table-rowsep-zebra .strato-table-row-even {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }

package/esm/tables/SimpleTable/SimpleTable.js

@@ -1,11 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  flexRender,
-  getCoreRowModel,
-  useReactTable
-} from "@tanstack/react-table";
+import { useTable } from "@tanstack/react-table";
 import clsx from "clsx";
 import { forwardRef } from "react";
+import { simpleTableFeatures } from "./features.js";
 import { useColumns } from "./hooks/useColumns.js";
 import * as styles from "./SimpleTable.sty.js";
 import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
@@ -28,10 +25,11 @@ function InternalSimpleTable(props, forwardedRef) {
   const ariaLabelingProps = useAriaLabelingProps(restProps);
   const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);
   const extractedColumns = useColumns(columns);
-  const table = useReactTable({
+  const table = useTable({
+    _features: simpleTableFeatures,
+    _rowModels: {},
     data,
-    columns: extractedColumns,
-    getCoreRowModel: getCoreRowModel()
+    columns: extractedColumns
   });
   const combinedVariants = {
     rowSeparation: variant?.rowSeparation ?? "horizontalDividers",
@@ -82,10 +80,7 @@ function InternalSimpleTable(props, forwardedRef) {
               width: header.column.columnDef.meta?.width,
               maxWidth: header.column.columnDef.meta?.maxWidth
             },
-            children: header.isPlaceholder ? null : flexRender(
-              header.column.columnDef.header,
-              header.getContext()
-            )
+            children: header.isPlaceholder ? null : /* @__PURE__ */ jsx(table.FlexRender, { header })
           },
           header.id
         )) }, headerGroup.id)) }),
@@ -95,7 +90,7 @@ function InternalSimpleTable(props, forwardedRef) {
             className: clsx("strato-table-row", {
               "strato-table-row-even": rowIndex % 2
             }),
-            children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(
+            children: row.getAllCells().map((cell) => /* @__PURE__ */ jsx(
               "td",
               {
                 className: clsx("strato-table-cell", {
@@ -114,7 +109,7 @@ function InternalSimpleTable(props, forwardedRef) {
                   width: cell.column.columnDef.meta?.width,
                   maxWidth: cell.column.columnDef.meta?.maxWidth
                 },
-                children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                children: /* @__PURE__ */ jsx(table.FlexRender, { cell })
               },
               cell.id
             ))

package/esm/tables/SimpleTable/SimpleTable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/SimpleTable/SimpleTable.tsx"],
-  "sourcesContent": ["import {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { forwardRef, type Ref } from 'react';\n\nimport { useColumns } from './hooks/useColumns.js';\nimport type {\n  SimpleTableColumnDefBase,\n  SimpleTableProps,\n  SimpleTableRowData,\n} from './public.api.js';\nimport * as styles from './SimpleTable.sty.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\n\nconst COMPONENT_NAME = 'SimpleTable';\n\n// https://tanstack.com/table/latest/docs/api/core/column-def#meta\ndeclare module '@tanstack/react-table' {\n  interface ColumnMeta<TData extends SimpleTableRowData, TValue> {\n    alignment?: SimpleTableColumnDefBase<TData, TValue>['alignment'];\n    width?: SimpleTableColumnDefBase<TData, TValue>['width'];\n    minWidth?: SimpleTableColumnDefBase<TData, TValue>['minWidth'];\n    maxWidth?: SimpleTableColumnDefBase<TData, TValue>['maxWidth'];\n  }\n}\n\n/**\n * The `SimpleTable` component is a simplified version of the `DataTable`. It is\n * designed to handle small sets of data and markdown representation. It does not\n * feature sorting, resizing, filtering, or virtualization and behaves like a\n * native HTML table.\n */\nfunction InternalSimpleTable<TData, TValue>(\n  props: SimpleTableProps<TData>,\n  forwardedRef: Ref<HTMLTableElement>,\n) {\n  const {\n    data,\n    columns,\n    variant,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  // Hook used to adapt column definition for internal usage\n  const extractedColumns = useColumns<TData, TValue>(columns);\n\n  const table = useReactTable({\n    data,\n    columns: extractedColumns,\n    getCoreRowModel: getCoreRowModel(),\n  });\n\n  const combinedVariants: Required<SimpleTableProps['variant']> = {\n    rowSeparation: variant?.rowSeparation ?? 'horizontalDividers',\n    verticalDividers: variant?.verticalDividers ?? false,\n    contained: variant?.contained ?? true,\n    rowDensity: variant?.rowDensity ?? 'default',\n    fontStyle: variant?.fontStyle ?? 'text',\n  };\n\n  return (\n    <table\n      ref={forwardedRef}\n      className={clsx(styles.simpleTable, consumerClassName, {\n        'strato-table-contained': combinedVariants.contained,\n        'strato-table-colsep-divider': combinedVariants.verticalDividers,\n        'strato-table-code-font': combinedVariants.fontStyle === 'code',\n        'strato-table-cell-density-default':\n          combinedVariants.rowDensity === 'default',\n        'strato-table-cell-density-condensed':\n          combinedVariants.rowDensity === 'condensed',\n        'strato-table-cell-density-comfortable':\n          combinedVariants.rowDensity === 'comfortable',\n        'strato-table-rowsep-zebra':\n          combinedVariants.rowSeparation === 'zebraStripes',\n        'strato-table-rowsep-divider':\n          combinedVariants.rowSeparation === 'horizontalDividers' ||\n          combinedVariants.rowSeparation === 'zebraStripes',\n      })}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id} className=\"strato-table-header\">\n            {headerGroup.headers.map((header) => (\n              <th\n                key={header.id}\n                className={clsx('strato-table-header-cell', {\n                  'strato-table-cell-alignment-left':\n                    header.column.columnDef.meta?.alignment === 'left',\n                  'strato-table-cell-alignment-center':\n                    header.column.columnDef.meta?.alignment === 'center',\n                  'strato-table-cell-alignment-right':\n                    header.column.columnDef.meta?.alignment === 'right',\n                  'strato-table-cell-alignment-top-left':\n                    header.column.columnDef.meta?.alignment === 'top-left',\n                  'strato-table-cell-alignment-top-center':\n                    header.column.columnDef.meta?.alignment === 'top-center',\n                  'strato-table-cell-alignment-top-right':\n                    header.column.columnDef.meta?.alignment === 'top-right',\n                  'strato-table-cell-alignment-bottom-left':\n                    header.column.columnDef.meta?.alignment === 'bottom-left',\n                  'strato-table-cell-alignment-bottom-center':\n                    header.column.columnDef.meta?.alignment === 'bottom-center',\n                  'strato-table-cell-alignment-bottom-right':\n                    header.column.columnDef.meta?.alignment === 'bottom-right',\n                })}\n                style={{\n                  minWidth: header.column.columnDef.meta?.minWidth,\n                  width: header.column.columnDef.meta?.width,\n                  maxWidth: header.column.columnDef.meta?.maxWidth,\n                }}\n              >\n                {header.isPlaceholder\n                  ? null\n                  : flexRender(\n                      header.column.columnDef.header,\n                      header.getContext(),\n                    )}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n      <tbody>\n        {table.getRowModel().rows.map((row, rowIndex) => (\n          <tr\n            key={row.id}\n            className={clsx('strato-table-row', {\n              'strato-table-row-even': rowIndex % 2,\n            })}\n          >\n            {row.getVisibleCells().map((cell) => (\n              <td\n                key={cell.id}\n                className={clsx('strato-table-cell', {\n                  'strato-table-cell-alignment-left':\n                    cell.column.columnDef.meta?.alignment === 'left',\n                  'strato-table-cell-alignment-center':\n                    cell.column.columnDef.meta?.alignment === 'center',\n                  'strato-table-cell-alignment-right':\n                    cell.column.columnDef.meta?.alignment === 'right',\n                  'strato-table-cell-alignment-top-left':\n                    cell.column.columnDef.meta?.alignment === 'top-left',\n                  'strato-table-cell-alignment-top-center':\n                    cell.column.columnDef.meta?.alignment === 'top-center',\n                  'strato-table-cell-alignment-top-right':\n                    cell.column.columnDef.meta?.alignment === 'top-right',\n                  'strato-table-cell-alignment-bottom-left':\n                    cell.column.columnDef.meta?.alignment === 'bottom-left',\n                  'strato-table-cell-alignment-bottom-center':\n                    cell.column.columnDef.meta?.alignment === 'bottom-center',\n                  'strato-table-cell-alignment-bottom-right':\n                    cell.column.columnDef.meta?.alignment === 'bottom-right',\n                })}\n                style={{\n                  minWidth: cell.column.columnDef.meta?.minWidth,\n                  width: cell.column.columnDef.meta?.width,\n                  maxWidth: cell.column.columnDef.meta?.maxWidth,\n                }}\n              >\n                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\nInternalSimpleTable.displayName = COMPONENT_NAME;\n\n/**\n * The `SimpleTable` component is a simplified version of the `DataTable`. It is\n * designed to handle small sets of data and markdown representation. It does not\n * feature sorting, resizing, filtering, or virtualization and behaves like a\n * native HTML table.\n * @public\n */\nexport const SimpleTable = /* @__PURE__ */ forwardRef(InternalSimpleTable);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useTable } from '@tanstack/react-table';\nimport {\n  type CellData,\n  type RowData,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { forwardRef, type Ref } from 'react';\n\nimport { simpleTableFeatures } from './features.js';\nimport { useColumns } from './hooks/useColumns.js';\nimport type {\n  SimpleTableColumnDefBase,\n  SimpleTableProps,\n} from './public.api.js';\nimport * as styles from './SimpleTable.sty.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\n\nconst COMPONENT_NAME = 'SimpleTable';\n\n// https://tanstack.com/table/latest/docs/api/core/column-def#meta\ndeclare module '@tanstack/react-table' {\n  interface ColumnMeta<\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TFeatures extends TableFeatures,\n    TData extends RowData,\n    TValue extends CellData = CellData,\n  > {\n    alignment?: SimpleTableColumnDefBase<TData, TValue>['alignment'];\n    width?: SimpleTableColumnDefBase<TData, TValue>['width'];\n    minWidth?: SimpleTableColumnDefBase<TData, TValue>['minWidth'];\n    maxWidth?: SimpleTableColumnDefBase<TData, TValue>['maxWidth'];\n  }\n}\n\n/**\n * The `SimpleTable` component is a simplified version of the `DataTable`. It is\n * designed to handle small sets of data and markdown representation. It does not\n * feature sorting, resizing, filtering, or virtualization and behaves like a\n * native HTML table.\n */\nfunction InternalSimpleTable<TData, TValue>(\n  props: SimpleTableProps<TData>,\n  forwardedRef: Ref<HTMLTableElement>,\n) {\n  const {\n    data,\n    columns,\n    variant,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  // Hook used to adapt column definition for internal usage\n  const extractedColumns = useColumns<TData, TValue>(columns);\n\n  const table = useTable({\n    _features: simpleTableFeatures,\n    _rowModels: {},\n    data: data as RowData[],\n    columns: extractedColumns,\n  });\n\n  const combinedVariants: Required<SimpleTableProps['variant']> = {\n    rowSeparation: variant?.rowSeparation ?? 'horizontalDividers',\n    verticalDividers: variant?.verticalDividers ?? false,\n    contained: variant?.contained ?? true,\n    rowDensity: variant?.rowDensity ?? 'default',\n    fontStyle: variant?.fontStyle ?? 'text',\n  };\n\n  return (\n    <table\n      ref={forwardedRef}\n      className={clsx(styles.simpleTable, consumerClassName, {\n        'strato-table-contained': combinedVariants.contained,\n        'strato-table-colsep-divider': combinedVariants.verticalDividers,\n        'strato-table-code-font': combinedVariants.fontStyle === 'code',\n        'strato-table-cell-density-default':\n          combinedVariants.rowDensity === 'default',\n        'strato-table-cell-density-condensed':\n          combinedVariants.rowDensity === 'condensed',\n        'strato-table-cell-density-comfortable':\n          combinedVariants.rowDensity === 'comfortable',\n        'strato-table-rowsep-zebra':\n          combinedVariants.rowSeparation === 'zebraStripes',\n        'strato-table-rowsep-divider':\n          combinedVariants.rowSeparation === 'horizontalDividers' ||\n          combinedVariants.rowSeparation === 'zebraStripes',\n      })}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id} className=\"strato-table-header\">\n            {headerGroup.headers.map((header) => (\n              <th\n                key={header.id}\n                className={clsx('strato-table-header-cell', {\n                  'strato-table-cell-alignment-left':\n                    header.column.columnDef.meta?.alignment === 'left',\n                  'strato-table-cell-alignment-center':\n                    header.column.columnDef.meta?.alignment === 'center',\n                  'strato-table-cell-alignment-right':\n                    header.column.columnDef.meta?.alignment === 'right',\n                  'strato-table-cell-alignment-top-left':\n                    header.column.columnDef.meta?.alignment === 'top-left',\n                  'strato-table-cell-alignment-top-center':\n                    header.column.columnDef.meta?.alignment === 'top-center',\n                  'strato-table-cell-alignment-top-right':\n                    header.column.columnDef.meta?.alignment === 'top-right',\n                  'strato-table-cell-alignment-bottom-left':\n                    header.column.columnDef.meta?.alignment === 'bottom-left',\n                  'strato-table-cell-alignment-bottom-center':\n                    header.column.columnDef.meta?.alignment === 'bottom-center',\n                  'strato-table-cell-alignment-bottom-right':\n                    header.column.columnDef.meta?.alignment === 'bottom-right',\n                })}\n                style={{\n                  minWidth: header.column.columnDef.meta?.minWidth,\n                  width: header.column.columnDef.meta?.width,\n                  maxWidth: header.column.columnDef.meta?.maxWidth,\n                }}\n              >\n                {header.isPlaceholder ? null : (\n                  <table.FlexRender header={header} />\n                )}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n      <tbody>\n        {table.getRowModel().rows.map((row, rowIndex) => (\n          <tr\n            key={row.id}\n            className={clsx('strato-table-row', {\n              'strato-table-row-even': rowIndex % 2,\n            })}\n          >\n            {row.getAllCells().map((cell) => (\n              <td\n                key={cell.id}\n                className={clsx('strato-table-cell', {\n                  'strato-table-cell-alignment-left':\n                    cell.column.columnDef.meta?.alignment === 'left',\n                  'strato-table-cell-alignment-center':\n                    cell.column.columnDef.meta?.alignment === 'center',\n                  'strato-table-cell-alignment-right':\n                    cell.column.columnDef.meta?.alignment === 'right',\n                  'strato-table-cell-alignment-top-left':\n                    cell.column.columnDef.meta?.alignment === 'top-left',\n                  'strato-table-cell-alignment-top-center':\n                    cell.column.columnDef.meta?.alignment === 'top-center',\n                  'strato-table-cell-alignment-top-right':\n                    cell.column.columnDef.meta?.alignment === 'top-right',\n                  'strato-table-cell-alignment-bottom-left':\n                    cell.column.columnDef.meta?.alignment === 'bottom-left',\n                  'strato-table-cell-alignment-bottom-center':\n                    cell.column.columnDef.meta?.alignment === 'bottom-center',\n                  'strato-table-cell-alignment-bottom-right':\n                    cell.column.columnDef.meta?.alignment === 'bottom-right',\n                })}\n                style={{\n                  minWidth: cell.column.columnDef.meta?.minWidth,\n                  width: cell.column.columnDef.meta?.width,\n                  maxWidth: cell.column.columnDef.meta?.maxWidth,\n                }}\n              >\n                <table.FlexRender cell={cell} />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\nInternalSimpleTable.displayName = COMPONENT_NAME;\n\n/**\n * The `SimpleTable` component is a simplified version of the `DataTable`. It is\n * designed to handle small sets of data and markdown representation. It does not\n * feature sorting, resizing, filtering, or virtualization and behaves like a\n * native HTML table.\n * @public\n */\nexport const SimpleTable = /* @__PURE__ */ forwardRef(InternalSimpleTable);\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/SimpleTable/SimpleTable.sty.js

@@ -1,6 +1,6 @@
 import "../../core/components/app-root/AppRoot.css";
 import "./SimpleTable.css";
-var simpleTable = "_1ymahou0-3-5-2";
+var simpleTable = "_1ymahou0-3-7-0";
 export {
   simpleTable
 };

package/esm/tables/SimpleTable/SimpleTable.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/SimpleTable/SimpleTable.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './SimpleTable.css';\nexport var simpleTable = '_1ymahou0-3-5-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './SimpleTable.css';\nexport var simpleTable = '_1ymahou0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/tables/SimpleTable/features.js

@@ -0,0 +1,6 @@
+import { tableFeatures } from "@tanstack/react-table";
+const simpleTableFeatures = tableFeatures({});
+export {
+  simpleTableFeatures
+};
+//# sourceMappingURL=features.js.map

package/esm/tables/SimpleTable/features.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/tables/SimpleTable/features.ts"],
+  "sourcesContent": ["import { tableFeatures } from '@tanstack/react-table';\n\nexport const simpleTableFeatures = tableFeatures({});\n\nexport type SimpleTableFeatures = typeof simpleTableFeatures;\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAEvB,MAAM,sBAAsB,cAAc,CAAC,CAAC;",
+  "names": []
+}

package/esm/tables/SimpleTable/hooks/useColumns.js

@@ -1,3 +1,6 @@
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
 import { useMemo } from "react";
 function isSimpleTableGroupColumnDef(columnDef) {
   return columnDef !== null && typeof columnDef === "object" && "columns" in columnDef && Array.isArray(columnDef.columns);
@@ -7,16 +10,12 @@ function isSimpleTableDisplayColumnDef(columnDef) {
 }
 function splitAccessor(column) {
   if (typeof column.accessor === "string") {
-    return {
-      accessorKey: column.accessor
-    };
+    return column.accessor;
   }
   if (typeof column.accessor === "function") {
-    return {
-      accessorFn: column.accessor
-    };
+    return column.accessor;
   }
-  return {};
+  return "";
 }
 function createHeaderRenderer(header) {
   if (typeof header === "function") {
@@ -24,63 +23,75 @@ function createHeaderRenderer(header) {
   }
   return header;
 }
-function createDisplayColumnDef(columnDef) {
-  const composedDef = {
-    id: columnDef.id,
-    header: createHeaderRenderer(columnDef.header),
-    meta: {
-      width: columnDef.width,
-      minWidth: columnDef.minWidth,
-      maxWidth: columnDef.maxWidth,
-      alignment: columnDef.alignment ?? "left"
-    },
-    ...splitAccessor(columnDef)
-  };
-  if (columnDef.cell) {
-    const customCell = columnDef.cell;
-    if (typeof customCell === "string") {
-      composedDef.cell = customCell;
-      return composedDef;
+const simpleTableCreateColumnHelper = createColumnHelper();
+function createCellRenderer(cell) {
+  if (cell) {
+    if (typeof cell === "string") {
+      return cell;
     }
-    if (typeof customCell === "function") {
-      return {
-        ...composedDef,
-        cell: createCellRenderer(customCell)
+    if (typeof cell === "function") {
+      const renderFn = ({ getValue, row, column }) => {
+        return cell({
+          value: getValue(),
+          rowIndex: row.index,
+          rowData: row.original,
+          rowId: row.id
+        });
       };
+      return renderFn;
     }
-    return composedDef;
+    return void 0;
   }
-  return composedDef;
-}
-function createCellRenderer(consumerCustomCell) {
-  return ({ getValue, row, column }) => {
-    return consumerCustomCell({
-      value: getValue(),
-      rowIndex: row.index,
-      rowData: row.original,
-      rowId: row.id
-    });
-  };
 }
 function useColumns(propColumns) {
   return useMemo(() => {
     const createdColumns = [];
     for (const firstLevelColumn of propColumns) {
       if (isSimpleTableGroupColumnDef(firstLevelColumn)) {
-        const groupColumn = {
+        const groupColumn = simpleTableCreateColumnHelper.group({
           id: firstLevelColumn.id,
           header: createHeaderRenderer(firstLevelColumn.header),
-          columns: firstLevelColumn.columns?.map(
-            (childColumn) => createDisplayColumnDef(childColumn)
-          ),
           meta: {
             width: firstLevelColumn.width,
             alignment: firstLevelColumn.alignment ?? "left"
-          }
-        };
+          },
+          columns: firstLevelColumn.columns?.map((childColumn) => {
+            const cellRenderer = createCellRenderer(childColumn.cell);
+            return simpleTableCreateColumnHelper.accessor(
+              splitAccessor(childColumn),
+              {
+                id: childColumn.id,
+                header: createHeaderRenderer(childColumn.header),
+                meta: {
+                  width: childColumn.width,
+                  minWidth: childColumn.minWidth,
+                  maxWidth: childColumn.maxWidth,
+                  alignment: childColumn.alignment ?? "left"
+                },
+                ...cellRenderer !== void 0 && { cell: cellRenderer }
+              }
+            );
+          })
+        });
         createdColumns.push(groupColumn);
       } else if (isSimpleTableDisplayColumnDef(firstLevelColumn)) {
-        createdColumns.push(createDisplayColumnDef(firstLevelColumn));
+        const cellRenderer = createCellRenderer(firstLevelColumn.cell);
+        createdColumns.push(
+          simpleTableCreateColumnHelper.accessor(
+            splitAccessor(firstLevelColumn),
+            {
+              id: firstLevelColumn.id,
+              header: createHeaderRenderer(firstLevelColumn.header),
+              meta: {
+                width: firstLevelColumn.width,
+                minWidth: firstLevelColumn.minWidth,
+                maxWidth: firstLevelColumn.maxWidth,
+                alignment: firstLevelColumn.alignment ?? "left"
+              },
+              ...cellRenderer !== void 0 && { cell: cellRenderer }
+            }
+          )
+        );
       }
     }
     return createdColumns;

package/esm/tables/SimpleTable/hooks/useColumns.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/SimpleTable/hooks/useColumns.ts"],
-  "sourcesContent": ["import type {\n  CellContext,\n  ColumnDef,\n  ColumnDefTemplate,\n} from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nimport type {\n  SimpleTableColumnDef,\n  SimpleTableDisplayColumnDef,\n  SimpleTableGroupColumnDef,\n  SimpleTableCustomCell,\n  SimpleTableRowData,\n} from '../public.api.js';\n\n/**\n * @internal\n * Type guard to determine if a given column definition is a `SimpleTableGroupColumnDef`.\n */\nexport function isSimpleTableGroupColumnDef<\n  TData extends SimpleTableRowData,\n  TValue = unknown,\n>(columnDef: unknown): columnDef is SimpleTableGroupColumnDef<TData, TValue> {\n  return (\n    columnDef !== null &&\n    typeof columnDef === 'object' &&\n    'columns' in columnDef &&\n    Array.isArray((columnDef as { columns: Array<unknown> }).columns)\n  );\n}\n\n/**\n * @internal\n * Type guard to determine if a given column definition is a `SimpleTableDisplayColumnDef`.\n */\nfunction isSimpleTableDisplayColumnDef<\n  TData extends SimpleTableRowData,\n  TValue = unknown,\n>(columnDef: unknown): columnDef is SimpleTableDisplayColumnDef<TData, TValue> {\n  return (\n    columnDef !== null &&\n    typeof columnDef === 'object' &&\n    'accessor' in columnDef\n  );\n}\n\n/**\n * @internal\n * Helper function to transform the public accessor key to the correct\n * member config for the tanstack/react-table ColumnDef.\n */\nfunction splitAccessor<TData extends SimpleTableRowData, TValue = unknown>(\n  column: SimpleTableDisplayColumnDef<TData, TValue>,\n): {\n  accessorKey?: string;\n  accessorFn?: (row: TData) => TValue;\n} {\n  if (typeof column.accessor === 'string') {\n    return {\n      accessorKey: column.accessor,\n    };\n  }\n\n  if (typeof column.accessor === 'function') {\n    return {\n      accessorFn: column.accessor,\n    };\n  }\n  return {};\n}\n\n/**\n * Maps the given header renderer to the internal header renderer and prevents\n * leaking.\n * @internal\n */\nfunction createHeaderRenderer<TData extends SimpleTableRowData>(\n  header: SimpleTableColumnDef<TData>['header'],\n) {\n  // We need to map the function from the outside here in order to not leak\n  // tanstack table internals.\n  if (typeof header === 'function') {\n    return () => header();\n  }\n  return header;\n}\n\n/**\n * @internal\n * Helper function to convert from the public `SimpleTableDisplayColumnDef` to the internally used\n * ColumnDef.\n */\nfunction createDisplayColumnDef<\n  TData extends SimpleTableRowData,\n  TValue = unknown,\n>(\n  columnDef: SimpleTableDisplayColumnDef<TData, TValue>,\n): ColumnDef<TData, TValue> {\n  const composedDef: ColumnDef<TData, TValue> = {\n    id: columnDef.id,\n    header: createHeaderRenderer(columnDef.header),\n    meta: {\n      width: columnDef.width,\n      minWidth: columnDef.minWidth,\n      maxWidth: columnDef.maxWidth,\n      alignment: columnDef.alignment ?? 'left',\n    },\n    ...splitAccessor(columnDef),\n  };\n\n  if (columnDef.cell) {\n    const customCell = columnDef.cell;\n\n    if (typeof customCell === 'string') {\n      composedDef.cell = customCell;\n      return composedDef;\n    }\n\n    if (typeof customCell === 'function') {\n      return {\n        ...composedDef,\n        cell: createCellRenderer(customCell),\n      };\n    }\n\n    return composedDef;\n  }\n\n  return composedDef;\n}\n\n/**\n * Prepares all exposed functions for the custom cell renderer.\n */\nfunction createCellRenderer<TData extends SimpleTableRowData, TValue>(\n  consumerCustomCell: SimpleTableCustomCell<TData, TValue>,\n): ColumnDefTemplate<CellContext<TData, TValue>> {\n  return ({ getValue, row, column }) => {\n    return consumerCustomCell({\n      value: getValue(),\n      rowIndex: row.index,\n      rowData: row.original,\n      rowId: row.id,\n    });\n  };\n}\n\n/**\n * Helper hook that will calculate which columns are enabled within the SimpleTable\n * @internal\n */\nexport function useColumns<TData extends SimpleTableRowData, TValue = unknown>(\n  propColumns: SimpleTableColumnDef<TData, TValue>[],\n) {\n  return useMemo(() => {\n    const createdColumns: ColumnDef<TData, TValue>[] = [];\n\n    // Iterate through the columns and create the definitions required\n    for (const firstLevelColumn of propColumns) {\n      if (isSimpleTableGroupColumnDef(firstLevelColumn)) {\n        const groupColumn: ColumnDef<TData, TValue> = {\n          id: firstLevelColumn.id,\n          header: createHeaderRenderer(firstLevelColumn.header),\n          columns: firstLevelColumn.columns?.map((childColumn) =>\n            createDisplayColumnDef<TData>(childColumn),\n          ),\n          meta: {\n            width: firstLevelColumn.width,\n            alignment: firstLevelColumn.alignment ?? 'left',\n          },\n        };\n        createdColumns.push(groupColumn);\n      } else if (isSimpleTableDisplayColumnDef(firstLevelColumn)) {\n        createdColumns.push(createDisplayColumnDef<TData>(firstLevelColumn));\n      }\n    }\n\n    return createdColumns;\n  }, [propColumns]);\n}\n"],
-  "mappings": "AAKA,SAAS,eAAe;AAcjB,SAAS,4BAGd,WAA2E;AAC3E,SACE,cAAc,QACd,OAAO,cAAc,YACrB,aAAa,aACb,MAAM,QAAS,UAA0C,OAAO;AAEpE;AAMA,SAAS,8BAGP,WAA6E;AAC7E,SACE,cAAc,QACd,OAAO,cAAc,YACrB,cAAc;AAElB;AAOA,SAAS,cACP,QAIA;AACA,MAAI,OAAO,OAAO,aAAa,UAAU;AACvC,WAAO;AAAA,MACL,aAAa,OAAO;AAAA,IACtB;AAAA,EACF;AAEA,MAAI,OAAO,OAAO,aAAa,YAAY;AACzC,WAAO;AAAA,MACL,YAAY,OAAO;AAAA,IACrB;AAAA,EACF;AACA,SAAO,CAAC;AACV;AAOA,SAAS,qBACP,QACA;AAGA,MAAI,OAAO,WAAW,YAAY;AAChC,WAAO,MAAM,OAAO;AAAA,EACtB;AACA,SAAO;AACT;AAOA,SAAS,uBAIP,WAC0B;AAC1B,QAAM,cAAwC;AAAA,IAC5C,IAAI,UAAU;AAAA,IACd,QAAQ,qBAAqB,UAAU,MAAM;AAAA,IAC7C,MAAM;AAAA,MACJ,OAAO,UAAU;AAAA,MACjB,UAAU,UAAU;AAAA,MACpB,UAAU,UAAU;AAAA,MACpB,WAAW,UAAU,aAAa;AAAA,IACpC;AAAA,IACA,GAAG,cAAc,SAAS;AAAA,EAC5B;AAEA,MAAI,UAAU,MAAM;AAClB,UAAM,aAAa,UAAU;AAE7B,QAAI,OAAO,eAAe,UAAU;AAClC,kBAAY,OAAO;AACnB,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,eAAe,YAAY;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,MAAM,mBAAmB,UAAU;AAAA,MACrC;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAKA,SAAS,mBACP,oBAC+C;AAC/C,SAAO,CAAC,EAAE,UAAU,KAAK,OAAO,MAAM;AACpC,WAAO,mBAAmB;AAAA,MACxB,OAAO,SAAS;AAAA,MAChB,UAAU,IAAI;AAAA,MACd,SAAS,IAAI;AAAA,MACb,OAAO,IAAI;AAAA,IACb,CAAC;AAAA,EACH;AACF;AAMO,SAAS,WACd,aACA;AACA,SAAO,QAAQ,MAAM;AACnB,UAAM,iBAA6C,CAAC;AAGpD,eAAW,oBAAoB,aAAa;AAC1C,UAAI,4BAA4B,gBAAgB,GAAG;AACjD,cAAM,cAAwC;AAAA,UAC5C,IAAI,iBAAiB;AAAA,UACrB,QAAQ,qBAAqB,iBAAiB,MAAM;AAAA,UACpD,SAAS,iBAAiB,SAAS;AAAA,YAAI,CAAC,gBACtC,uBAA8B,WAAW;AAAA,UAC3C;AAAA,UACA,MAAM;AAAA,YACJ,OAAO,iBAAiB;AAAA,YACxB,WAAW,iBAAiB,aAAa;AAAA,UAC3C;AAAA,QACF;AACA,uBAAe,KAAK,WAAW;AAAA,MACjC,WAAW,8BAA8B,gBAAgB,GAAG;AAC1D,uBAAe,KAAK,uBAA8B,gBAAgB,CAAC;AAAA,MACrE;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,CAAC;AAClB;",
+  "sourcesContent": ["import {\n  createColumnHelper,\n  type AccessorFn,\n  type AccessorFnColumnDef,\n  type AccessorKeyColumnDef,\n  type CellContext,\n  type CellData,\n  type ColumnDefTemplate,\n  type GroupColumnDef,\n  type RowData,\n} from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nimport { type SimpleTableFeatures } from '../features.js';\nimport type {\n  SimpleTableColumnDef,\n  SimpleTableDisplayColumnDef,\n  SimpleTableGroupColumnDef,\n  SimpleTableRowData,\n} from '../public.api.js';\n\n/**\n * Type guard to determine if a given column definition is a `SimpleTableGroupColumnDef`.\n * @internal\n */\nexport function isSimpleTableGroupColumnDef<\n  TData extends SimpleTableRowData,\n  TValue = unknown,\n>(columnDef: unknown): columnDef is SimpleTableGroupColumnDef<TData, TValue> {\n  return (\n    columnDef !== null &&\n    typeof columnDef === 'object' &&\n    'columns' in columnDef &&\n    Array.isArray((columnDef as { columns: Array<unknown> }).columns)\n  );\n}\n\n/**\n * Type guard to determine if a given column definition is a `SimpleTableDisplayColumnDef`.\n */\nfunction isSimpleTableDisplayColumnDef<\n  TData extends SimpleTableRowData,\n  TValue = unknown,\n>(columnDef: unknown): columnDef is SimpleTableDisplayColumnDef<TData, TValue> {\n  return (\n    columnDef !== null &&\n    typeof columnDef === 'object' &&\n    'accessor' in columnDef\n  );\n}\n\n/**\n * Helper function to transform the public accessor key to the correct\n * member config for the tanstack/react-table ColumnDef.\n */\nfunction splitAccessor<TData extends RowData, TValue extends CellData>(\n  column: SimpleTableDisplayColumnDef<TData, TValue>,\n): string | AccessorFn<TData, TValue> {\n  if (typeof column.accessor === 'string') {\n    return column.accessor;\n  }\n\n  if (typeof column.accessor === 'function') {\n    return column.accessor;\n  }\n\n  return '';\n}\n\n/**\n * Maps the given header renderer to the internal header renderer and prevents\n * leaking.\n */\nfunction createHeaderRenderer<TData extends RowData>(\n  header: SimpleTableColumnDef<TData>['header'],\n) {\n  // We need to map the function from the outside here in order to not leak\n  // tanstack table internals.\n  if (typeof header === 'function') {\n    return () => header();\n  }\n  return header;\n}\n\nconst simpleTableCreateColumnHelper = createColumnHelper<\n  SimpleTableFeatures,\n  RowData\n>();\n\n/**\n * Prepares all exposed functions for the custom cell renderer.\n */\nfunction createCellRenderer<TData extends SimpleTableRowData, TValue = unknown>(\n  cell: SimpleTableDisplayColumnDef<TData, TValue>['cell'],\n) {\n  if (cell) {\n    if (typeof cell === 'string') {\n      return cell;\n    }\n\n    if (typeof cell === 'function') {\n      const renderFn: ColumnDefTemplate<\n        CellContext<SimpleTableFeatures, RowData, TValue>\n      > = ({ getValue, row, column }) => {\n        return cell({\n          value: getValue(),\n          rowIndex: row.index,\n          rowData: row.original as TData,\n          rowId: row.id,\n        });\n      };\n      return renderFn;\n    }\n\n    return undefined;\n  }\n}\n\n/**\n * Helper hook that will calculate which columns are enabled within the SimpleTable\n * @internal\n */\nexport function useColumns<\n  TData extends SimpleTableRowData,\n  TValue extends CellData,\n>(propColumns: SimpleTableColumnDef<TData, TValue>[]) {\n  return useMemo(() => {\n    const createdColumns: Array<\n      | GroupColumnDef<SimpleTableFeatures, RowData, unknown>\n      | AccessorKeyColumnDef<SimpleTableFeatures, RowData, unknown>\n      | AccessorFnColumnDef<SimpleTableFeatures, RowData, unknown>\n    > = [];\n\n    // Iterate through the columns and create the definitions required\n    for (const firstLevelColumn of propColumns) {\n      if (isSimpleTableGroupColumnDef(firstLevelColumn)) {\n        const groupColumn = simpleTableCreateColumnHelper.group({\n          id: firstLevelColumn.id,\n          header: createHeaderRenderer(firstLevelColumn.header),\n          meta: {\n            width: firstLevelColumn.width,\n            alignment: firstLevelColumn.alignment ?? 'left',\n          },\n          columns: firstLevelColumn.columns?.map((childColumn) => {\n            const cellRenderer = createCellRenderer(childColumn.cell);\n            return simpleTableCreateColumnHelper.accessor(\n              splitAccessor(childColumn),\n              {\n                id: childColumn.id,\n                header: createHeaderRenderer(childColumn.header),\n                meta: {\n                  width: childColumn.width,\n                  minWidth: childColumn.minWidth,\n                  maxWidth: childColumn.maxWidth,\n                  alignment: childColumn.alignment ?? 'left',\n                },\n                ...(cellRenderer !== undefined && { cell: cellRenderer }),\n              },\n            );\n          }),\n        });\n\n        createdColumns.push(groupColumn);\n      } else if (isSimpleTableDisplayColumnDef(firstLevelColumn)) {\n        const cellRenderer = createCellRenderer(firstLevelColumn.cell);\n        createdColumns.push(\n          simpleTableCreateColumnHelper.accessor(\n            splitAccessor(firstLevelColumn),\n            {\n              id: firstLevelColumn.id,\n              header: createHeaderRenderer(firstLevelColumn.header),\n              meta: {\n                width: firstLevelColumn.width,\n                minWidth: firstLevelColumn.minWidth,\n                maxWidth: firstLevelColumn.maxWidth,\n                alignment: firstLevelColumn.alignment ?? 'left',\n              },\n              ...(cellRenderer !== undefined && { cell: cellRenderer }),\n            },\n          ),\n        );\n      }\n    }\n\n    return createdColumns;\n  }, [propColumns]);\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OASK;AACP,SAAS,eAAe;AAcjB,SAAS,4BAGd,WAA2E;AAC3E,SACE,cAAc,QACd,OAAO,cAAc,YACrB,aAAa,aACb,MAAM,QAAS,UAA0C,OAAO;AAEpE;AAKA,SAAS,8BAGP,WAA6E;AAC7E,SACE,cAAc,QACd,OAAO,cAAc,YACrB,cAAc;AAElB;AAMA,SAAS,cACP,QACoC;AACpC,MAAI,OAAO,OAAO,aAAa,UAAU;AACvC,WAAO,OAAO;AAAA,EAChB;AAEA,MAAI,OAAO,OAAO,aAAa,YAAY;AACzC,WAAO,OAAO;AAAA,EAChB;AAEA,SAAO;AACT;AAMA,SAAS,qBACP,QACA;AAGA,MAAI,OAAO,WAAW,YAAY;AAChC,WAAO,MAAM,OAAO;AAAA,EACtB;AACA,SAAO;AACT;AAEA,MAAM,gCAAgC,mBAGpC;AAKF,SAAS,mBACP,MACA;AACA,MAAI,MAAM;AACR,QAAI,OAAO,SAAS,UAAU;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,SAAS,YAAY;AAC9B,YAAM,WAEF,CAAC,EAAE,UAAU,KAAK,OAAO,MAAM;AACjC,eAAO,KAAK;AAAA,UACV,OAAO,SAAS;AAAA,UAChB,UAAU,IAAI;AAAA,UACd,SAAS,IAAI;AAAA,UACb,OAAO,IAAI;AAAA,QACb,CAAC;AAAA,MACH;AACA,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AACF;AAMO,SAAS,WAGd,aAAoD;AACpD,SAAO,QAAQ,MAAM;AACnB,UAAM,iBAIF,CAAC;AAGL,eAAW,oBAAoB,aAAa;AAC1C,UAAI,4BAA4B,gBAAgB,GAAG;AACjD,cAAM,cAAc,8BAA8B,MAAM;AAAA,UACtD,IAAI,iBAAiB;AAAA,UACrB,QAAQ,qBAAqB,iBAAiB,MAAM;AAAA,UACpD,MAAM;AAAA,YACJ,OAAO,iBAAiB;AAAA,YACxB,WAAW,iBAAiB,aAAa;AAAA,UAC3C;AAAA,UACA,SAAS,iBAAiB,SAAS,IAAI,CAAC,gBAAgB;AACtD,kBAAM,eAAe,mBAAmB,YAAY,IAAI;AACxD,mBAAO,8BAA8B;AAAA,cACnC,cAAc,WAAW;AAAA,cACzB;AAAA,gBACE,IAAI,YAAY;AAAA,gBAChB,QAAQ,qBAAqB,YAAY,MAAM;AAAA,gBAC/C,MAAM;AAAA,kBACJ,OAAO,YAAY;AAAA,kBACnB,UAAU,YAAY;AAAA,kBACtB,UAAU,YAAY;AAAA,kBACtB,WAAW,YAAY,aAAa;AAAA,gBACtC;AAAA,gBACA,GAAI,iBAAiB,UAAa,EAAE,MAAM,aAAa;AAAA,cACzD;AAAA,YACF;AAAA,UACF,CAAC;AAAA,QACH,CAAC;AAED,uBAAe,KAAK,WAAW;AAAA,MACjC,WAAW,8BAA8B,gBAAgB,GAAG;AAC1D,cAAM,eAAe,mBAAmB,iBAAiB,IAAI;AAC7D,uBAAe;AAAA,UACb,8BAA8B;AAAA,YAC5B,cAAc,gBAAgB;AAAA,YAC9B;AAAA,cACE,IAAI,iBAAiB;AAAA,cACrB,QAAQ,qBAAqB,iBAAiB,MAAM;AAAA,cACpD,MAAM;AAAA,gBACJ,OAAO,iBAAiB;AAAA,gBACxB,UAAU,iBAAiB;AAAA,gBAC3B,UAAU,iBAAiB;AAAA,gBAC3B,WAAW,iBAAiB,aAAa;AAAA,cAC3C;AAAA,cACA,GAAI,iBAAiB,UAAa,EAAE,MAAM,aAAa;AAAA,YACzD;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,CAAC;AAClB;",
   "names": []
 }

package/esm/tables/hooks/useFilteredData.js

@@ -92,7 +92,10 @@ function useFilteredData(data, filterData, subrowMatchingBehavior = "includeNonM
     (appliedFilters, entry, ancestors) => {
       const filterFn = recursiveFilter(
         (entry2) => defaultFilter(appliedFilters, entry2),
-        (entry2, ancestors2) => defaultRecursiveFilter(appliedFilters, entry2, ancestors2)
+        (entry2, ancestors2) => (
+          // eslint-disable-next-line react-hooks/immutability
+          defaultRecursiveFilter(appliedFilters, entry2, ancestors2)
+        )
       );
       return filterFn(entry, ancestors);
     },
@@ -105,6 +108,7 @@ function useFilteredData(data, filterData, subrowMatchingBehavior = "includeNonM
       }
       const filterFn = recursiveFilter(
         (entry2) => filterData(appliedFilters, entry2, index, data),
+        // eslint-disable-next-line react-hooks/immutability
         (entry2) => customRecursiveFilter(appliedFilters, entry2, index)
       );
       return filterFn(entry);

package/esm/tables/hooks/useFilteredData.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/hooks/useFilteredData.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { FilterItemValues } from '../../filters/filter/types/shared-filter-types.js';\n\n/** Typeguard to check if a given record has a subRows property that is an array. */\nfunction hasSubRows<T extends Record<string, unknown>>(\n  entry: T,\n): entry is T & { subRows: T[] } {\n  return (\n    // eslint-disable-next-line no-prototype-builtins\n    (entry && entry.hasOwnProperty('subRows') && Array.isArray(entry['subRows']))\n  );\n}\n\n/**\n * Facilitates easy usage of the FilterBar for filtering entries in the DataTable.\n *\n * Supports hierarchical data with sub-rows. When filtering, if a parent\n * row doesn't match but one of its sub-rows does, the parent is included\n * with with appropriate sub-rows.\n *\n * @param data - The initial, unfiltered data array.\n * @param filterData - Optional custom filter function that receives the applied filters,\n *   the current entry, its index, and the original data array. Returns `true` to include\n *   the entry in the filtered results. When provided, this overrides the default filter logic.\n * @param subrowMatchingBehavior - Controls how non-matching sibling sub-rows are handled when a\n *   parent or sibling are in the matching path:\n *   - `'includeNonMatchingSiblings'` (default): Include all sibling sub-rows even if they don't match.\n *   - `'excludeNonMatchingSiblings'`: Only include sub-rows that match the filter or are on the path of a match.\n * @returns An object containing:\n *   - `onChange`: Callback to be passed to FilterBar's onChange prop to apply filters.\n *   - `filteredData`: The filtered data array to be used as input for the DataTable.\n *   - `expandedRowIds`: Only relevant for data with sub-rows. IDs of all ancestor rows that contain matching\n *     descendant nodes. This can be used to expand the correct nodes so that the matches\n *     are visible.\n * @public\n */\nexport function useFilteredData<T extends Record<string, unknown>>(\n  data: T[],\n  filterData?: (\n    appliedFilters: FilterItemValues,\n    entry: T,\n    index: number,\n    originalEntries: T[],\n  ) => boolean,\n  subrowMatchingBehavior:\n    | 'includeNonMatchingSiblings'\n    | 'excludeNonMatchingSiblings' = 'includeNonMatchingSiblings',\n): {\n  onChange: (appliedFilters: FilterItemValues) => void;\n  filteredData: T[];\n  expandedRowIds?: string[];\n} {\n  const [filteredData, setFilteredData] = useState(data);\n  const [expandedRowIds, setExpandedRowIds] = useState<string[]>([]);\n  const activeFilters = useRef<FilterItemValues>({});\n  const ancestorIdsOfMatchingNodes = useRef<Set<string>>(new Set());\n\n  const defaultFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T): boolean => {\n      const filterKeys = Object.keys(appliedFilters);\n\n      // Early exit if no filters applied\n      if (filterKeys.length === 0) {\n        return true;\n      }\n\n      return filterKeys.every((filterName): boolean => {\n        const filterValue = appliedFilters[filterName].value;\n\n        // Skip filters with no value or non-string values\n        if (typeof filterValue !== 'string') {\n          return true;\n        }\n\n        const entryValue = entry[filterName] as T;\n        if (!entryValue) {\n          return false;\n        }\n        const lowerFilterValue: string = filterValue.toLowerCase();\n        const lowerEntryValue: string = entryValue.toString().toLowerCase();\n\n        return lowerEntryValue.includes(lowerFilterValue);\n      });\n    },\n    [],\n  );\n\n  const recursiveFilter = useCallback(\n    (\n      matchFn: (entry: T) => boolean,\n      recursiveFn: (entry: T, ancestors: T[]) => T | null,\n    ) => {\n      return (entry: T, ancestors: T[] = []): T | null => {\n        const entryMatches = matchFn(entry);\n        const subRows = hasSubRows(entry) ? entry.subRows : null;\n\n        // Check if the entry itself matches FIRST\n        if (entryMatches) {\n          // Add all ancestor IDs to the set\n          for (let i = 0; i < ancestors.length; i++) {\n            const sub = ancestors.slice(0, i + 1);\n            const id = sub.map((ancestor) => ancestor.id).join('\u21B3');\n            ancestorIdsOfMatchingNodes.current.add(id);\n          }\n\n          // If including non-matching siblings and has sub-rows, process them all\n          if (\n            subrowMatchingBehavior === 'includeNonMatchingSiblings' &&\n            subRows?.length\n          ) {\n            const processedSubRows = subRows.map((subRow: T) => {\n              const processed = recursiveFn(subRow, [...ancestors, entry]);\n              return processed ?? subRow;\n            });\n\n            return {\n              ...entry,\n              subRows: processedSubRows,\n            };\n          }\n\n          return entry;\n        }\n\n        // Entry doesn't match, so check sub-rows\n        if (subRows?.length) {\n          // Recursively process all sub-rows\n          const processedSubRows = subRows.map((subRow: T) => {\n            return recursiveFn(subRow, [...ancestors, entry]);\n          });\n\n          // Check if any sub-rows have matches\n          const hasMatchingSubRows = processedSubRows.some(\n            (subRow: T | null) => subRow !== null,\n          );\n\n          if (hasMatchingSubRows) {\n            // Include all siblings or only matching ones\n            if (subrowMatchingBehavior === 'includeNonMatchingSiblings') {\n              const allSubRows = subRows.map(\n                (originalSubRow: T, index: number) => {\n                  return processedSubRows[index] ?? originalSubRow;\n                },\n              );\n\n              return {\n                ...entry,\n                subRows: allSubRows,\n              };\n            }\n\n            // Only include matching sub-rows\n            const filteredSubRows = processedSubRows.filter(\n              (subRow: T | null): subRow is T => subRow !== null,\n            );\n\n            return {\n              ...entry,\n              subRows: filteredSubRows,\n            };\n          }\n        }\n\n        // Neither the entry nor any sub-rows match\n        return null;\n      };\n    },\n    [subrowMatchingBehavior],\n  );\n\n  const defaultRecursiveFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T, ancestors: T[]): T | null => {\n      const filterFn = recursiveFilter(\n        (entry) => defaultFilter(appliedFilters, entry),\n        (entry, ancestors) =>\n          defaultRecursiveFilter(appliedFilters, entry, ancestors),\n      );\n      return filterFn(entry, ancestors);\n    },\n    [defaultFilter, recursiveFilter],\n  );\n\n  const customRecursiveFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T, index: number): T | null => {\n      if (!filterData) {\n        return null;\n      }\n\n      const filterFn = recursiveFilter(\n        (entry) => filterData(appliedFilters, entry, index, data),\n        (entry) => customRecursiveFilter(appliedFilters, entry, index),\n      );\n      return filterFn(entry);\n    },\n    [data, filterData, recursiveFilter],\n  );\n\n  const isCustomFilter = filterData !== undefined && filterData !== null;\n\n  const onChange = useCallback(\n    (appliedFilters: FilterItemValues) => {\n      activeFilters.current = appliedFilters;\n      ancestorIdsOfMatchingNodes.current.clear();\n\n      const filtered = data.reduce<T[]>((acc, entry, index) => {\n        const result = isCustomFilter\n          ? customRecursiveFilter(appliedFilters, entry, index)\n          : defaultRecursiveFilter(appliedFilters, entry, []);\n        if (result) {\n          acc.push(result);\n        }\n        return acc;\n      }, []);\n\n      setFilteredData(filtered);\n      setExpandedRowIds(Array.from(ancestorIdsOfMatchingNodes.current));\n    },\n    [data, isCustomFilter, defaultRecursiveFilter, customRecursiveFilter],\n  );\n\n  // If the incoming data changes, the filter needs to be applied\n  // again to the new dataset\n  useEffect(() => {\n    onChange(activeFilters.current);\n\n    // Only needs to run when the data changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data]);\n\n  return {\n    onChange,\n    filteredData,\n    expandedRowIds,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { FilterItemValues } from '../../filters/filter/types/shared-filter-types.js';\n\n/** Typeguard to check if a given record has a subRows property that is an array. */\nfunction hasSubRows<T extends Record<string, unknown>>(\n  entry: T,\n): entry is T & { subRows: T[] } {\n  return (\n    // eslint-disable-next-line no-prototype-builtins\n    entry && entry.hasOwnProperty('subRows') && Array.isArray(entry['subRows'])\n  );\n}\n\n/**\n * Facilitates easy usage of the FilterBar for filtering entries in the DataTable.\n *\n * Supports hierarchical data with sub-rows. When filtering, if a parent\n * row doesn't match but one of its sub-rows does, the parent is included\n * with with appropriate sub-rows.\n *\n * @param data - The initial, unfiltered data array.\n * @param filterData - Optional custom filter function that receives the applied filters,\n *   the current entry, its index, and the original data array. Returns `true` to include\n *   the entry in the filtered results. When provided, this overrides the default filter logic.\n * @param subrowMatchingBehavior - Controls how non-matching sibling sub-rows are handled when a\n *   parent or sibling are in the matching path:\n *   - `'includeNonMatchingSiblings'` (default): Include all sibling sub-rows even if they don't match.\n *   - `'excludeNonMatchingSiblings'`: Only include sub-rows that match the filter or are on the path of a match.\n * @returns An object containing:\n *   - `onChange`: Callback to be passed to FilterBar's onChange prop to apply filters.\n *   - `filteredData`: The filtered data array to be used as input for the DataTable.\n *   - `expandedRowIds`: Only relevant for data with sub-rows. IDs of all ancestor rows that contain matching\n *     descendant nodes. This can be used to expand the correct nodes so that the matches\n *     are visible.\n * @public\n */\nexport function useFilteredData<T extends Record<string, unknown>>(\n  data: T[],\n  filterData?: (\n    appliedFilters: FilterItemValues,\n    entry: T,\n    index: number,\n    originalEntries: T[],\n  ) => boolean,\n  subrowMatchingBehavior:\n    | 'includeNonMatchingSiblings'\n    | 'excludeNonMatchingSiblings' = 'includeNonMatchingSiblings',\n): {\n  onChange: (appliedFilters: FilterItemValues) => void;\n  filteredData: T[];\n  expandedRowIds?: string[];\n} {\n  const [filteredData, setFilteredData] = useState(data);\n  const [expandedRowIds, setExpandedRowIds] = useState<string[]>([]);\n  const activeFilters = useRef<FilterItemValues>({});\n  const ancestorIdsOfMatchingNodes = useRef<Set<string>>(new Set());\n\n  const defaultFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T): boolean => {\n      const filterKeys = Object.keys(appliedFilters);\n\n      // Early exit if no filters applied\n      if (filterKeys.length === 0) {\n        return true;\n      }\n\n      return filterKeys.every((filterName): boolean => {\n        const filterValue = appliedFilters[filterName].value;\n\n        // Skip filters with no value or non-string values\n        if (typeof filterValue !== 'string') {\n          return true;\n        }\n\n        const entryValue = entry[filterName] as T;\n        if (!entryValue) {\n          return false;\n        }\n        const lowerFilterValue: string = filterValue.toLowerCase();\n        const lowerEntryValue: string = entryValue.toString().toLowerCase();\n\n        return lowerEntryValue.includes(lowerFilterValue);\n      });\n    },\n    [],\n  );\n\n  const recursiveFilter = useCallback(\n    (\n      matchFn: (entry: T) => boolean,\n      recursiveFn: (entry: T, ancestors: T[]) => T | null,\n    ) => {\n      return (entry: T, ancestors: T[] = []): T | null => {\n        const entryMatches = matchFn(entry);\n        const subRows = hasSubRows(entry) ? entry.subRows : null;\n\n        // Check if the entry itself matches FIRST\n        if (entryMatches) {\n          // Add all ancestor IDs to the set\n          for (let i = 0; i < ancestors.length; i++) {\n            const sub = ancestors.slice(0, i + 1);\n            const id = sub.map((ancestor) => ancestor.id).join('\u21B3');\n            ancestorIdsOfMatchingNodes.current.add(id);\n          }\n\n          // If including non-matching siblings and has sub-rows, process them all\n          if (\n            subrowMatchingBehavior === 'includeNonMatchingSiblings' &&\n            subRows?.length\n          ) {\n            const processedSubRows = subRows.map((subRow: T) => {\n              const processed = recursiveFn(subRow, [...ancestors, entry]);\n              return processed ?? subRow;\n            });\n\n            return {\n              ...entry,\n              subRows: processedSubRows,\n            };\n          }\n\n          return entry;\n        }\n\n        // Entry doesn't match, so check sub-rows\n        if (subRows?.length) {\n          // Recursively process all sub-rows\n          const processedSubRows = subRows.map((subRow: T) => {\n            return recursiveFn(subRow, [...ancestors, entry]);\n          });\n\n          // Check if any sub-rows have matches\n          const hasMatchingSubRows = processedSubRows.some(\n            (subRow: T | null) => subRow !== null,\n          );\n\n          if (hasMatchingSubRows) {\n            // Include all siblings or only matching ones\n            if (subrowMatchingBehavior === 'includeNonMatchingSiblings') {\n              const allSubRows = subRows.map(\n                (originalSubRow: T, index: number) => {\n                  return processedSubRows[index] ?? originalSubRow;\n                },\n              );\n\n              return {\n                ...entry,\n                subRows: allSubRows,\n              };\n            }\n\n            // Only include matching sub-rows\n            const filteredSubRows = processedSubRows.filter(\n              (subRow: T | null): subRow is T => subRow !== null,\n            );\n\n            return {\n              ...entry,\n              subRows: filteredSubRows,\n            };\n          }\n        }\n\n        // Neither the entry nor any sub-rows match\n        return null;\n      };\n    },\n    [subrowMatchingBehavior],\n  );\n\n  const defaultRecursiveFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T, ancestors: T[]): T | null => {\n      const filterFn = recursiveFilter(\n        (entry) => defaultFilter(appliedFilters, entry),\n        (entry, ancestors) =>\n          // eslint-disable-next-line react-hooks/immutability\n          defaultRecursiveFilter(appliedFilters, entry, ancestors),\n      );\n      return filterFn(entry, ancestors);\n    },\n    [defaultFilter, recursiveFilter],\n  );\n\n  const customRecursiveFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T, index: number): T | null => {\n      if (!filterData) {\n        return null;\n      }\n\n      const filterFn = recursiveFilter(\n        (entry) => filterData(appliedFilters, entry, index, data),\n        // eslint-disable-next-line react-hooks/immutability\n        (entry) => customRecursiveFilter(appliedFilters, entry, index),\n      );\n      return filterFn(entry);\n    },\n    [data, filterData, recursiveFilter],\n  );\n\n  const isCustomFilter = filterData !== undefined && filterData !== null;\n\n  const onChange = useCallback(\n    (appliedFilters: FilterItemValues) => {\n      activeFilters.current = appliedFilters;\n      ancestorIdsOfMatchingNodes.current.clear();\n\n      const filtered = data.reduce<T[]>((acc, entry, index) => {\n        const result = isCustomFilter\n          ? customRecursiveFilter(appliedFilters, entry, index)\n          : defaultRecursiveFilter(appliedFilters, entry, []);\n        if (result) {\n          acc.push(result);\n        }\n        return acc;\n      }, []);\n\n      setFilteredData(filtered);\n      setExpandedRowIds(Array.from(ancestorIdsOfMatchingNodes.current));\n    },\n    [data, isCustomFilter, defaultRecursiveFilter, customRecursiveFilter],\n  );\n\n  // If the incoming data changes, the filter needs to be applied\n  // again to the new dataset\n  useEffect(() => {\n    onChange(activeFilters.current);\n\n    // Only needs to run when the data changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data]);\n\n  return {\n    onChange,\n    filteredData,\n    expandedRowIds,\n  };\n}\n"],
+  "mappings": "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",
   "names": ["entry", "ancestors"]
 }

package/esm/tables/hooks/useLockedRowOrder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/hooks/useLockedRowOrder.ts"],
-  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type SetStateAction,\n} from 'react';\n\n/**\n * Sorts all rows for which drag and drop should be disabled by default to either the start or end of the DataTable.\n *\n * @param props - The object containing the initial row order, the set of rows for which\n *                drag and drop should be disabled, and the position to which disabled rows should be\n *                sorted and locked.\n * @returns - An object containing the set of rows for which drag and drop should be disabled, the adapted row order\n *            with disabled rows sorted to the start or end of the table, and the function to update the row order\n *            on drag and drop.\n * @public\n */\nexport function useLockedRowOrder(props: {\n  initialRowOrder: string[];\n  lockedRows: string[];\n  position?: 'start' | 'end';\n}) {\n  const { initialRowOrder, lockedRows, position = 'start' } = props;\n\n  const getOrderedRows = useCallback(\n    (rows: string[]) => {\n      if (!position) {\n        return rows;\n      }\n      const { locked, unlocked } = rows.reduce<{\n        locked: string[];\n        unlocked: string[];\n      }>(\n        (acc, row) => {\n          lockedRows.includes(row)\n            ? acc.locked.push(row)\n            : acc.unlocked.push(row);\n          return acc;\n        },\n        { locked: [], unlocked: [] },\n      );\n\n      return position === 'start'\n        ? [...locked, ...unlocked]\n        : [...unlocked, ...locked];\n    },\n    [lockedRows, position],\n  );\n\n  const [rowOrder, setRowOrderState] = useState(\n    getOrderedRows(initialRowOrder),\n  );\n\n  const setRowOrder = useCallback(\n    (updater: SetStateAction<string[]>) => setRowOrderState(updater),\n    [],\n  );\n\n  // If the position or locked rows change, update the row order\n  useEffect(() => {\n    setRowOrder(getOrderedRows(rowOrder));\n\n    // Only needs to run when the specified position or the locked rows change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lockedRows, position]);\n\n  const disableRowDragAndDrop = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (row: any) => lockedRows.includes(row.id),\n    [lockedRows],\n  );\n\n  const rowOrdering = useMemo(\n    () => ({\n      enableDragAndDrop: true,\n      disableRowDragAndDrop,\n      lockDisabledRows: position,\n    }),\n    [disableRowDragAndDrop, position],\n  );\n\n  return {\n    rowOrdering,\n    rowOrder,\n    setRowOrder,\n  };\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAaA,SAAS,kBAAkB,OAI/B;AACD,QAAM,EAAE,iBAAiB,YAAY,WAAW,QAAQ,IAAI;AAE5D,QAAM,iBAAiB;AAAA,IACrB,CAAC,SAAmB;AAClB,UAAI,CAAC,UAAU;AACb,eAAO;AAAA,MACT;AACA,YAAM,EAAE,QAAQ,SAAS,IAAI,KAAK;AAAA,QAIhC,CAAC,KAAK,QAAQ;AACZ,qBAAW,SAAS,GAAG,IACnB,IAAI,OAAO,KAAK,GAAG,IACnB,IAAI,SAAS,KAAK,GAAG;AACzB,iBAAO;AAAA,QACT;AAAA,QACA,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,MAC7B;AAEA,aAAO,aAAa,UAChB,CAAC,GAAG,QAAQ,GAAG,QAAQ,IACvB,CAAC,GAAG,UAAU,GAAG,MAAM;AAAA,IAC7B;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AAEA,QAAM,CAAC,UAAU,gBAAgB,IAAI;AAAA,IACnC,eAAe,eAAe;AAAA,EAChC;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,YAAsC,iBAAiB,OAAO;AAAA,IAC/D,CAAC;AAAA,EACH;AAGA,YAAU,MAAM;AACd,gBAAY,eAAe,QAAQ,CAAC;AAAA,EAItC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,QAAM,wBAAwB;AAAA;AAAA,IAE5B,CAAC,QAAa,WAAW,SAAS,IAAI,EAAE;AAAA,IACxC,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,cAAc;AAAA,IAClB,OAAO;AAAA,MACL,mBAAmB;AAAA,MACnB;AAAA,MACA,kBAAkB;AAAA,IACpB;AAAA,IACA,CAAC,uBAAuB,QAAQ;AAAA,EAClC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type SetStateAction,\n} from 'react';\n\n/**\n * Sorts all rows for which drag and drop should be disabled by default to either the start or end of the DataTable.\n *\n * @param props - The object containing the initial row order, the set of rows for which\n *                drag and drop should be disabled, and the position to which disabled rows should be\n *                sorted and locked.\n * @returns - An object containing the set of rows for which drag and drop should be disabled, the adapted row order\n *            with disabled rows sorted to the start or end of the table, and the function to update the row order\n *            on drag and drop.\n * @public\n */\nexport function useLockedRowOrder(props: {\n  initialRowOrder: string[];\n  lockedRows: string[];\n  position?: 'start' | 'end';\n}) {\n  const { initialRowOrder, lockedRows, position = 'start' } = props;\n\n  const getOrderedRows = useCallback(\n    (rows: string[]) => {\n      if (!position) {\n        return rows;\n      }\n      const { locked, unlocked } = rows.reduce<{\n        locked: string[];\n        unlocked: string[];\n      }>(\n        (acc, row) => {\n          lockedRows.includes(row)\n            ? acc.locked.push(row)\n            : acc.unlocked.push(row);\n          return acc;\n        },\n        { locked: [], unlocked: [] },\n      );\n\n      return position === 'start'\n        ? [...locked, ...unlocked]\n        : [...unlocked, ...locked];\n    },\n    [lockedRows, position],\n  );\n\n  const [rowOrder, setRowOrderState] = useState(\n    getOrderedRows(initialRowOrder),\n  );\n\n  const setRowOrder = useCallback(\n    (updater: SetStateAction<string[]>) => setRowOrderState(updater),\n    [],\n  );\n\n  // If the position or locked rows change, update the row order\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setRowOrder(getOrderedRows(rowOrder));\n\n    // Only needs to run when the specified position or the locked rows change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lockedRows, position]);\n\n  const disableRowDragAndDrop = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (row: any) => lockedRows.includes(row.id),\n    [lockedRows],\n  );\n\n  const rowOrdering = useMemo(\n    () => ({\n      enableDragAndDrop: true,\n      disableRowDragAndDrop,\n      lockDisabledRows: position,\n    }),\n    [disableRowDragAndDrop, position],\n  );\n\n  return {\n    rowOrdering,\n    rowOrder,\n    setRowOrder,\n  };\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAaA,SAAS,kBAAkB,OAI/B;AACD,QAAM,EAAE,iBAAiB,YAAY,WAAW,QAAQ,IAAI;AAE5D,QAAM,iBAAiB;AAAA,IACrB,CAAC,SAAmB;AAClB,UAAI,CAAC,UAAU;AACb,eAAO;AAAA,MACT;AACA,YAAM,EAAE,QAAQ,SAAS,IAAI,KAAK;AAAA,QAIhC,CAAC,KAAK,QAAQ;AACZ,qBAAW,SAAS,GAAG,IACnB,IAAI,OAAO,KAAK,GAAG,IACnB,IAAI,SAAS,KAAK,GAAG;AACzB,iBAAO;AAAA,QACT;AAAA,QACA,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,MAC7B;AAEA,aAAO,aAAa,UAChB,CAAC,GAAG,QAAQ,GAAG,QAAQ,IACvB,CAAC,GAAG,UAAU,GAAG,MAAM;AAAA,IAC7B;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AAEA,QAAM,CAAC,UAAU,gBAAgB,IAAI;AAAA,IACnC,eAAe,eAAe;AAAA,EAChC;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,YAAsC,iBAAiB,OAAO;AAAA,IAC/D,CAAC;AAAA,EACH;AAGA,YAAU,MAAM;AAEd,gBAAY,eAAe,QAAQ,CAAC;AAAA,EAItC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,QAAM,wBAAwB;AAAA;AAAA,IAE5B,CAAC,QAAa,WAAW,SAAS,IAAI,EAAE;AAAA,IACxC,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,cAAc;AAAA,IAClB,OAAO;AAAA,MACL,mBAAmB;AAAA,MACnB;AAAA,MACA,kBAAkB;AAAA,IACpB;AAAA,IACA,CAAC,uBAAuB,QAAQ;AAAA,EAClC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }