@dynatrace/strato-components 3.12.1 → 3.13.0

package/esm/tables/DataTable/features/RowSelection/RowSelectionCells.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowSelection/RowSelectionCells.tsx"],
-  "sourcesContent": ["import {\n  type TableFeatures,\n  type RowData,\n  type Table_Internal,\n  type Row,\n  type Table,\n} from '@tanstack/react-table';\nimport {\n  table_getRowCount,\n  row_getIsSelected,\n} from '@tanstack/react-table/static-functions';\nimport {\n  type ChangeEvent,\n  type MouseEvent as ReactMouseEvent,\n  type JSX,\n  useEffect,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  row_getIsAllSubRowsSelected,\n  row_getIsSomeSelected,\n} from './RowSelection.js';\nimport { Checkbox } from '../../../../forms/checkbox/Checkbox.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * DataTable row selection header.\n * @internal\n */\nexport function RowSelectionHeader<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  props: Readonly<{\n    table: Table<TFeatures, TData>;\n  }>,\n) {\n  const resetBatchSelection = props.table.resetBatchSelection;\n  const value = getCheckboxValue(props.table);\n  const isDisabled = isSelectAllDisabled(props.table);\n\n  const intl = useIntl();\n  const checkboxMessage = intl.formatMessage(\n    dataTableMessages.selectAllTooltip,\n    {\n      nextSelection:\n        value === false || value === 'indeterminate' ? 'select' : 'deselect',\n      scope: props.table.options.rowSelectionSelectAllMode,\n    },\n  );\n\n  useEffect(() => {\n    const controller = new AbortController();\n    document.addEventListener('click', resetBatchSelection(), {\n      signal: controller.signal,\n    });\n    return () => {\n      controller.abort();\n    };\n  }, [resetBatchSelection]);\n\n  function toggleSelectAll(\n    event: ChangeEvent<HTMLInputElement> | undefined,\n  ): void {\n    if (isDisabled) {\n      event?.preventDefault();\n      return;\n    }\n    if (props.table.options.rowSelectionSelectAllMode === 'page') {\n      if (props.table.options.rowSelectionLimit === undefined) {\n        // Use our overridden toggleAllPageRowsSelected instead of TanStack's\n        // getToggleAllPageRowsSelectedHandler, which calls the module-level\n        // function and bypasses our disabled-row guard.\n        props.table.toggleAllPageRowsSelected(\n          (event?.target as HTMLInputElement | null)?.checked,\n        );\n      } else {\n        props.table.getToggleAllLimitedPageRowsSelectedHandler()(event);\n      }\n    } else if (props.table.options.rowSelectionSelectAllMode === 'all') {\n      if (props.table.options.rowSelectionLimit === undefined) {\n        // Same as above for the 'all' mode.\n        props.table.toggleAllRowsSelected(\n          (event?.target as HTMLInputElement | null)?.checked,\n        );\n      } else {\n        props.table.getToggleAllLimitedRowsSelectedHandler()(event);\n      }\n    }\n  }\n\n  const selectAllDtProperties = `state:${\n    value === true ? 'deselect' : 'select'\n  }`;\n\n  const checkbox = (\n    <Checkbox\n      value={isDisabled ? false : value}\n      aria-disabled={isDisabled}\n      aria-label={checkboxMessage}\n      onChange={(_, event) => toggleSelectAll(event)}\n      data-dt-name=\"RowSelectDeselectAll\"\n      data-dt-properties={selectAllDtProperties}\n    />\n  );\n\n  return (\n    <DataTableDefaultCell>\n      {isDisabled ? (\n        checkbox\n      ) : (\n        <Tooltip text={checkboxMessage}>{checkbox}</Tooltip>\n      )}\n    </DataTableDefaultCell>\n  );\n}\n\n/**\n * @returns true, if the 'select all' checkbox shall be disabled, false otherwise.\n */\nfunction isSelectAllDisabled<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table<TFeatures, TData>): boolean {\n  const isTableEmpty =\n    table_getRowCount(table as Table_Internal<TFeatures, TData>) === 0;\n  if (isTableEmpty) {\n    return true;\n  }\n  let isAllRowsSelectionDisabled = false;\n  if (table.options.rowSelectionSelectAllMode === 'page') {\n    isAllRowsSelectionDisabled = table.getIsAllPageRowsSelectionDisabled();\n  } else if (table.options.rowSelectionSelectAllMode === 'all') {\n    isAllRowsSelectionDisabled = table.getIsAllRowsSelectionDisabled();\n  }\n  return isAllRowsSelectionDisabled;\n}\n\n/**\n * @returns the current state of the 'select all' checkbox\n */\nfunction getCheckboxValue<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table<TFeatures, TData>): boolean | 'indeterminate' {\n  if (table.options.rowSelectionSelectAllMode === 'page') {\n    if (table.getIsAllPageRowsSelected()) {\n      return true;\n    }\n    if (table.getIsSomePageRowsSelected()) {\n      return 'indeterminate';\n    }\n    return false;\n  }\n  if (table.options.rowSelectionSelectAllMode === 'all') {\n    if (table.getIsAllRowsSelected()) {\n      return true;\n    }\n    if (table.getIsSomeRowsSelected()) {\n      return 'indeterminate';\n    }\n    return false;\n  }\n  return false;\n}\n\nfunction resolveCheckboxValue<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>): boolean | 'indeterminate' {\n  if (row.subRows.length === 0) {\n    return row_getIsSelected(row);\n  }\n\n  if (row_getIsAllSubRowsSelected(row)) {\n    return true;\n  }\n\n  if (row_getIsSomeSelected(row)) {\n    return 'indeterminate';\n  }\n\n  return false;\n}\n\n/**\n * DataTable row selection cell.\n * @internal\n */\nexport function RowSelectionCell<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  props: Readonly<{\n    row: Row<TFeatures, TData>;\n  }>,\n): JSX.Element {\n  const intl = useIntl();\n\n  const isDisabled = props.row.getShouldDisableRowSelection();\n  const rowDtProperties = `state:${\n    resolveCheckboxValue(props.row) === true ? 'deselect' : 'select'\n  }`;\n\n  return (\n    <DataTableDefaultCell\n      onMouseDown={(event: ReactMouseEvent) => {\n        document.getSelection()?.removeAllRanges();\n        event.preventDefault();\n      }}\n    >\n      <Checkbox\n        aria-label={intl.formatMessage(dataTableMessages.selectRowCheckbox, {\n          id: props.row.id,\n        })}\n        value={resolveCheckboxValue(props.row)}\n        aria-disabled={isDisabled}\n        onChange={(value, event) => {\n          if (isDisabled) {\n            event?.preventDefault();\n            return;\n          }\n          props.row.batchSelect(\n            value,\n            (event?.nativeEvent as MouseEvent).shiftKey,\n          );\n        }}\n        data-row-selection-checkbox\n        data-dt-name=\"RowSelectDeselect\"\n        data-dt-properties={rowDtProperties}\n      />\n    </DataTableDefaultCell>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { type RowData, type Table, type Row } from '@tanstack/react-table';\nimport {\n  table_getRowCount,\n  row_getIsSelected,\n} from '@tanstack/react-table/static-functions';\nimport {\n  type ChangeEvent,\n  type MouseEvent as ReactMouseEvent,\n  type JSX,\n  useEffect,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  row_getIsAllSubRowsSelected,\n  row_getIsSomeSelected,\n} from './RowSelection.js';\nimport { Checkbox } from '../../../../forms/checkbox/Checkbox.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * DataTable row selection header.\n * @internal\n */\nexport function RowSelectionHeader<TData extends RowData>(\n  props: Readonly<{\n    table: Table<TDataTableFeatures, TData>;\n  }>,\n) {\n  const resetBatchSelection = props.table.resetBatchSelection;\n  const value = getCheckboxValue(props.table);\n  const isDisabled = isSelectAllDisabled(props.table);\n\n  const intl = useIntl();\n  const checkboxMessage = intl.formatMessage(\n    dataTableMessages.selectAllTooltip,\n    {\n      nextSelection:\n        value === false || value === 'indeterminate' ? 'select' : 'deselect',\n      scope: props.table.options.rowSelectionSelectAllMode,\n    },\n  );\n\n  useEffect(() => {\n    const controller = new AbortController();\n    document.addEventListener('click', resetBatchSelection(), {\n      signal: controller.signal,\n    });\n    return () => {\n      controller.abort();\n    };\n  }, [resetBatchSelection]);\n\n  function toggleSelectAll(\n    event: ChangeEvent<HTMLInputElement> | undefined,\n  ): void {\n    if (isDisabled) {\n      event?.preventDefault();\n      return;\n    }\n    if (props.table.options.rowSelectionSelectAllMode === 'page') {\n      if (props.table.options.rowSelectionLimit === undefined) {\n        // Use our overridden toggleAllPageRowsSelected instead of TanStack's\n        // getToggleAllPageRowsSelectedHandler, which calls the module-level\n        // function and bypasses our disabled-row guard.\n        props.table.toggleAllPageRowsSelected(\n          (event?.target as HTMLInputElement | null)?.checked,\n        );\n      } else {\n        props.table.getToggleAllLimitedPageRowsSelectedHandler()(event);\n      }\n    } else if (props.table.options.rowSelectionSelectAllMode === 'all') {\n      if (props.table.options.rowSelectionLimit === undefined) {\n        // Same as above for the 'all' mode.\n        props.table.toggleAllRowsSelected(\n          (event?.target as HTMLInputElement | null)?.checked,\n        );\n      } else {\n        props.table.getToggleAllLimitedRowsSelectedHandler()(event);\n      }\n    }\n  }\n\n  const selectAllDtProperties = `state:${\n    value === true ? 'deselect' : 'select'\n  }`;\n\n  const checkbox = (\n    <Checkbox\n      value={isDisabled ? false : value}\n      aria-disabled={isDisabled}\n      aria-label={checkboxMessage}\n      onChange={(_, event) => toggleSelectAll(event)}\n      data-dt-name=\"RowSelectDeselectAll\"\n      data-dt-properties={selectAllDtProperties}\n    />\n  );\n\n  return (\n    <DataTableDefaultCell>\n      {isDisabled ? (\n        checkbox\n      ) : (\n        <Tooltip text={checkboxMessage}>{checkbox}</Tooltip>\n      )}\n    </DataTableDefaultCell>\n  );\n}\n\n/**\n * @returns true, if the 'select all' checkbox shall be disabled, false otherwise.\n */\nfunction isSelectAllDisabled<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n): boolean {\n  const isTableEmpty = table_getRowCount(table) === 0;\n  if (isTableEmpty) {\n    return true;\n  }\n  let isAllRowsSelectionDisabled = false;\n  if (table.options.rowSelectionSelectAllMode === 'page') {\n    isAllRowsSelectionDisabled = table.getIsAllPageRowsSelectionDisabled();\n  } else if (table.options.rowSelectionSelectAllMode === 'all') {\n    isAllRowsSelectionDisabled = table.getIsAllRowsSelectionDisabled();\n  }\n  return isAllRowsSelectionDisabled;\n}\n\n/**\n * @returns the current state of the 'select all' checkbox\n */\nfunction getCheckboxValue<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n): boolean | 'indeterminate' {\n  if (table.options.rowSelectionSelectAllMode === 'page') {\n    if (table.getIsAllPageRowsSelected()) {\n      return true;\n    }\n    if (table.getIsSomePageRowsSelected()) {\n      return 'indeterminate';\n    }\n    return false;\n  }\n  if (table.options.rowSelectionSelectAllMode === 'all') {\n    if (table.getIsAllRowsSelected()) {\n      return true;\n    }\n    if (table.getIsSomeRowsSelected()) {\n      return 'indeterminate';\n    }\n    return false;\n  }\n  return false;\n}\n\nfunction resolveCheckboxValue<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n): boolean | 'indeterminate' {\n  if (row.subRows.length === 0) {\n    return row_getIsSelected(row);\n  }\n\n  if (row_getIsAllSubRowsSelected(row)) {\n    return true;\n  }\n\n  if (row_getIsSomeSelected(row)) {\n    return 'indeterminate';\n  }\n\n  return false;\n}\n\n/**\n * DataTable row selection cell.\n * @internal\n */\nexport function RowSelectionCell<TData extends RowData>(\n  props: Readonly<{\n    row: Row<TDataTableFeatures, TData>;\n  }>,\n): JSX.Element {\n  const intl = useIntl();\n\n  const isDisabled = props.row.getShouldDisableRowSelection();\n  const rowDtProperties = `state:${\n    resolveCheckboxValue(props.row) === true ? 'deselect' : 'select'\n  }`;\n\n  return (\n    <DataTableDefaultCell\n      onMouseDown={(event: ReactMouseEvent) => {\n        document.getSelection()?.removeAllRanges();\n        event.preventDefault();\n      }}\n    >\n      <Checkbox\n        aria-label={intl.formatMessage(dataTableMessages.selectRowCheckbox, {\n          id: props.row.id,\n        })}\n        value={resolveCheckboxValue(props.row)}\n        aria-disabled={isDisabled}\n        onChange={(value, event) => {\n          if (isDisabled) {\n            event?.preventDefault();\n            return;\n          }\n          props.row.batchSelect(\n            value,\n            (event?.nativeEvent as MouseEvent | undefined)?.shiftKey ?? false,\n          );\n        }}\n        data-row-selection-checkbox\n        data-dt-name=\"RowSelectDeselect\"\n        data-dt-properties={rowDtProperties}\n      />\n    </DataTableDefaultCell>\n  );\n}\n"],
+  "mappings": "AA2FI;AA1FJ;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAIE;AAAA,OACK;AACP,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAO3B,SAAS,mBACd,OAGA;AACA,QAAM,sBAAsB,MAAM,MAAM;AACxC,QAAM,QAAQ,iBAAiB,MAAM,KAAK;AAC1C,QAAM,aAAa,oBAAoB,MAAM,KAAK;AAElD,QAAM,OAAO,QAAQ;AACrB,QAAM,kBAAkB,KAAK;AAAA,IAC3B,kBAAkB;AAAA,IAClB;AAAA,MACE,eACE,UAAU,SAAS,UAAU,kBAAkB,WAAW;AAAA,MAC5D,OAAO,MAAM,MAAM,QAAQ;AAAA,IAC7B;AAAA,EACF;AAEA,YAAU,MAAM;AACd,UAAM,aAAa,IAAI,gBAAgB;AACvC,aAAS,iBAAiB,SAAS,oBAAoB,GAAG;AAAA,MACxD,QAAQ,WAAW;AAAA,IACrB,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,mBAAmB,CAAC;AAExB,WAAS,gBACP,OACM;AACN,QAAI,YAAY;AACd,aAAO,eAAe;AACtB;AAAA,IACF;AACA,QAAI,MAAM,MAAM,QAAQ,8BAA8B,QAAQ;AAC5D,UAAI,MAAM,MAAM,QAAQ,sBAAsB,QAAW;AAIvD,cAAM,MAAM;AAAA,UACT,OAAO,QAAoC;AAAA,QAC9C;AAAA,MACF,OAAO;AACL,cAAM,MAAM,2CAA2C,EAAE,KAAK;AAAA,MAChE;AAAA,IACF,WAAW,MAAM,MAAM,QAAQ,8BAA8B,OAAO;AAClE,UAAI,MAAM,MAAM,QAAQ,sBAAsB,QAAW;AAEvD,cAAM,MAAM;AAAA,UACT,OAAO,QAAoC;AAAA,QAC9C;AAAA,MACF,OAAO;AACL,cAAM,MAAM,uCAAuC,EAAE,KAAK;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AAEA,QAAM,wBAAwB,SAC5B,UAAU,OAAO,aAAa,QAChC;AAEA,QAAM,WACJ;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,aAAa,QAAQ;AAAA,MAC5B,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,UAAU,CAAC,GAAG,UAAU,gBAAgB,KAAK;AAAA,MAC7C,gBAAa;AAAA,MACb,sBAAoB;AAAA;AAAA,EACtB;AAGF,SACE,oBAAC,wBACE,uBACC,WAEA,oBAAC,WAAQ,MAAM,iBAAkB,oBAAS,GAE9C;AAEJ;AAKA,SAAS,oBACP,OACS;AACT,QAAM,eAAe,kBAAkB,KAAK,MAAM;AAClD,MAAI,cAAc;AAChB,WAAO;AAAA,EACT;AACA,MAAI,6BAA6B;AACjC,MAAI,MAAM,QAAQ,8BAA8B,QAAQ;AACtD,iCAA6B,MAAM,kCAAkC;AAAA,EACvE,WAAW,MAAM,QAAQ,8BAA8B,OAAO;AAC5D,iCAA6B,MAAM,8BAA8B;AAAA,EACnE;AACA,SAAO;AACT;AAKA,SAAS,iBACP,OAC2B;AAC3B,MAAI,MAAM,QAAQ,8BAA8B,QAAQ;AACtD,QAAI,MAAM,yBAAyB,GAAG;AACpC,aAAO;AAAA,IACT;AACA,QAAI,MAAM,0BAA0B,GAAG;AACrC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,MAAI,MAAM,QAAQ,8BAA8B,OAAO;AACrD,QAAI,MAAM,qBAAqB,GAAG;AAChC,aAAO;AAAA,IACT;AACA,QAAI,MAAM,sBAAsB,GAAG;AACjC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,SAAS,qBACP,KAC2B;AAC3B,MAAI,IAAI,QAAQ,WAAW,GAAG;AAC5B,WAAO,kBAAkB,GAAG;AAAA,EAC9B;AAEA,MAAI,4BAA4B,GAAG,GAAG;AACpC,WAAO;AAAA,EACT;AAEA,MAAI,sBAAsB,GAAG,GAAG;AAC9B,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAMO,SAAS,iBACd,OAGa;AACb,QAAM,OAAO,QAAQ;AAErB,QAAM,aAAa,MAAM,IAAI,6BAA6B;AAC1D,QAAM,kBAAkB,SACtB,qBAAqB,MAAM,GAAG,MAAM,OAAO,aAAa,QAC1D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa,CAAC,UAA2B;AACvC,iBAAS,aAAa,GAAG,gBAAgB;AACzC,cAAM,eAAe;AAAA,MACvB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,cAAY,KAAK,cAAc,kBAAkB,mBAAmB;AAAA,YAClE,IAAI,MAAM,IAAI;AAAA,UAChB,CAAC;AAAA,UACD,OAAO,qBAAqB,MAAM,GAAG;AAAA,UACrC,iBAAe;AAAA,UACf,UAAU,CAAC,OAAO,UAAU;AAC1B,gBAAI,YAAY;AACd,qBAAO,eAAe;AACtB;AAAA,YACF;AACA,kBAAM,IAAI;AAAA,cACR;AAAA,cACC,OAAO,aAAwC,YAAY;AAAA,YAC9D;AAAA,UACF;AAAA,UACA,+BAA2B;AAAA,UAC3B,gBAAa;AAAA,UACb,sBAAoB;AAAA;AAAA,MACtB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/features/RowSelection/useRowSelection.js

@@ -2,6 +2,15 @@ import { useCallback } from "react";
 import { useControllableState } from "../../../../core/hooks/useControllableState.js";
 import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";
 const fallbackState = {};
+function toRowSelectionState(selectedRows) {
+  const state = {};
+  for (const [rowId, isSelected] of Object.entries(selectedRows)) {
+    if (isSelected) {
+      state[rowId] = true;
+    }
+  }
+  return state;
+}
 function useRowSelection(props, options) {
   const configSelectableRows = useDataTableConfigElement("selectableRows");
   const selectableRows = props.selectableRows ?? configSelectableRows;
@@ -39,16 +48,12 @@ function useRowSelection(props, options) {
   });
   options.state = {
     ...options.state,
-    rowSelection: selectedRows ?? fallbackState
+    rowSelection: selectedRows ? toRowSelectionState(selectedRows) : fallbackState
   };
   options.onRowSelectionChange = useCallback(
     (updater) => {
-      const newValue = typeof updater === "function" ? updater(selectedRows ?? {}) : updater;
-      for (const [key, value] of Object.entries(newValue)) {
-        if (value === void 0) {
-          delete newValue[key];
-        }
-      }
+      const state = selectedRows ? toRowSelectionState(selectedRows) : {};
+      const newValue = typeof updater === "function" ? updater(state) : updater;
       setSelectedRows(newValue);
     },
     [setSelectedRows, selectedRows]

package/esm/tables/DataTable/features/RowSelection/useRowSelection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowSelection/useRowSelection.ts"],
-  "sourcesContent": ["import {\n  type Row,\n  type RowSelectionState,\n  type TableOptions_All,\n  type TableOptions_Plugins,\n} from '@tanstack/react-table';\nimport { useCallback } from 'react';\n\nimport type {\n  DataTableRowSelectionOptions,\n  DataTableRowSelectionProps,\n} from './row-selection-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nconst fallbackState = {};\n\n/**\n * Configuration hook for the DataTable UserActions feature\n * @internal\n */\nexport function useRowSelection<TData extends DataTableRowData>(\n  props: DataTableRowSelectionProps<TData>,\n  // Needs to use TableOptions_all here to work around the UnionToIntersection type not working correctly with plugins.\n  // Needs to join the TableOptions_Plugins because right now, they are not part of the TableOptions_all\n  options: TableOptions_All<TDataTableFeatures, Exclude<TData, unknown>> &\n    TableOptions_Plugins<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const configSelectableRows = useDataTableConfigElement('selectableRows');\n  // Need to move that into a const here in order to make the typechecks\n  // work, because otherwise the selectableRows member could switch.\n\n  // note: for case where the selectableRows prop is an object, it needs\n  // to be memoized by the consumer, to avoid updates if it is identical\n  const selectableRows = props.selectableRows ?? configSelectableRows;\n  // options.enableRowSelection is used as dependency in useBuiltinColumns, therefore we need to cache this function to avoid infinite rerenders\n  const enableRowSelectionCallback = useCallback(\n    (row: Row<TDataTableFeatures, Exclude<TData, unknown>>) => {\n      // If there is a function defined that will allow for disabling certain\n      // row selections, we can apply this one.\n      if (\n        selectableRows !== undefined &&\n        typeof selectableRows !== 'boolean' &&\n        selectableRows.disableRowSelection\n      ) {\n        return !selectableRows.disableRowSelection(row.original);\n      }\n      return true;\n    },\n    [selectableRows],\n  );\n\n  if (selectableRows !== undefined) {\n    // eslint-disable-next-line react-hooks/immutability\n    options.enableRowSelection = true;\n    let rowSelectionMode: DataTableRowSelectionOptions<\n      TDataTableFeatures,\n      Row<TDataTableFeatures, Exclude<TData, unknown>>\n    >['rowSelectionSelectAllMode'] = 'page';\n\n    // If selectableRows is controlled via a boolean, we can default the options\n    if (selectableRows === true || selectableRows === false) {\n      // eslint-disable-next-line react-hooks/immutability\n      options.enableRowSelection = selectableRows;\n    } else {\n      const { selectAllBehavior, limit } = selectableRows;\n\n      // eslint-disable-next-line react-hooks/immutability\n      options.enableRowSelection = enableRowSelectionCallback;\n\n      // Change the rowSelectionMode for the _select all_ checkbox if it is defined.\n      if (selectAllBehavior) {\n        rowSelectionMode = selectAllBehavior;\n      }\n\n      // Defines a row selection limit for the maximum count of rows that are\n      // selectable.\n      // eslint-disable-next-line react-hooks/immutability\n      options.rowSelectionLimit =\n        limit !== undefined && limit >= 0 ? limit : undefined;\n    }\n\n    // eslint-disable-next-line react-hooks/immutability\n    options.enableMultiRowSelection = true;\n    // eslint-disable-next-line react-hooks/immutability\n    options.rowSelectionSelectAllMode = rowSelectionMode;\n  } else {\n    // eslint-disable-next-line react-hooks/immutability\n    options.enableRowSelection = false;\n  }\n\n  const [selectedRows, setSelectedRows] = useControllableState<\n    Record<string, boolean>\n  >({\n    value: props.selectedRows,\n    defaultValue: props.defaultSelectedRows,\n    onChange: props.onRowSelectionChange,\n  });\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    rowSelection: selectedRows ?? fallbackState,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onRowSelectionChange = useCallback(\n    (\n      updater:\n        | RowSelectionState\n        | ((state: RowSelectionState) => RowSelectionState),\n    ) => {\n      // Need to map the current Record<string, boolean | undefined> to Record<string, boolean> to\n      // avoid issues with the internal state management of the table, which expects a Record<string, boolean>\n      const newValue =\n        typeof updater === 'function' ? updater(selectedRows ?? {}) : updater;\n      for (const [key, value] of Object.entries(newValue)) {\n        if (value === undefined) {\n          delete newValue[key];\n        }\n      }\n      setSelectedRows(newValue as Record<string, boolean>);\n    },\n    [setSelectedRows, selectedRows],\n  );\n}\n"],
-  "mappings": "AAMA,SAAS,mBAAmB;AAM5B,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAI1C,MAAM,gBAAgB,CAAC;AAMhB,SAAS,gBACd,OAGA,SAEM;AACN,QAAM,uBAAuB,0BAA0B,gBAAgB;AAMvE,QAAM,iBAAiB,MAAM,kBAAkB;AAE/C,QAAM,6BAA6B;AAAA,IACjC,CAAC,QAA0D;AAGzD,UACE,mBAAmB,UACnB,OAAO,mBAAmB,aAC1B,eAAe,qBACf;AACA,eAAO,CAAC,eAAe,oBAAoB,IAAI,QAAQ;AAAA,MACzD;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,MAAI,mBAAmB,QAAW;AAEhC,YAAQ,qBAAqB;AAC7B,QAAI,mBAG6B;AAGjC,QAAI,mBAAmB,QAAQ,mBAAmB,OAAO;AAEvD,cAAQ,qBAAqB;AAAA,IAC/B,OAAO;AACL,YAAM,EAAE,mBAAmB,MAAM,IAAI;AAGrC,cAAQ,qBAAqB;AAG7B,UAAI,mBAAmB;AACrB,2BAAmB;AAAA,MACrB;AAKA,cAAQ,oBACN,UAAU,UAAa,SAAS,IAAI,QAAQ;AAAA,IAChD;AAGA,YAAQ,0BAA0B;AAElC,YAAQ,4BAA4B;AAAA,EACtC,OAAO;AAEL,YAAQ,qBAAqB;AAAA,EAC/B;AAEA,QAAM,CAAC,cAAc,eAAe,IAAI,qBAEtC;AAAA,IACA,OAAO,MAAM;AAAA,IACb,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,EAClB,CAAC;AAGD,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,cAAc,gBAAgB;AAAA,EAChC;AAGA,UAAQ,uBAAuB;AAAA,IAC7B,CACE,YAGG;AAGH,YAAM,WACJ,OAAO,YAAY,aAAa,QAAQ,gBAAgB,CAAC,CAAC,IAAI;AAChE,iBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,QAAQ,GAAG;AACnD,YAAI,UAAU,QAAW;AACvB,iBAAO,SAAS,GAAG;AAAA,QACrB;AAAA,MACF;AACA,sBAAgB,QAAmC;AAAA,IACrD;AAAA,IACA,CAAC,iBAAiB,YAAY;AAAA,EAChC;AACF;",
+  "sourcesContent": ["import { type Row, type RowSelectionState } from '@tanstack/react-table';\nimport { useCallback } from 'react';\n\nimport type {\n  DataTableRowSelectionOptions,\n  DataTableRowSelectionProps,\n} from './row-selection-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\nconst fallbackState = {};\n\n/**\n * Converts the public `Record<string, boolean>` selection shape into the\n * `Record<string, true>` that TanStack Table v9.0.0-beta.52 expects, where an absent key is\n * the only way to express \"not selected\".\n */\nfunction toRowSelectionState(\n  selectedRows: Record<string, boolean>,\n): RowSelectionState {\n  const state: RowSelectionState = {};\n  for (const [rowId, isSelected] of Object.entries(selectedRows)) {\n    if (isSelected) {\n      state[rowId] = true;\n    }\n  }\n  return state;\n}\n\n/**\n * Configuration hook for the DataTable UserActions feature\n * @internal\n */\nexport function useRowSelection<TData extends DataTableRowData>(\n  props: DataTableRowSelectionProps<TData>,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  const configSelectableRows = useDataTableConfigElement('selectableRows');\n  // Need to move that into a const here in order to make the typechecks\n  // work, because otherwise the selectableRows member could switch.\n\n  // note: for case where the selectableRows prop is an object, it needs\n  // to be memoized by the consumer, to avoid updates if it is identical\n  const selectableRows = props.selectableRows ?? configSelectableRows;\n  // options.enableRowSelection is used as dependency in useBuiltinColumns, therefore we need to cache this function to avoid infinite rerenders\n  const enableRowSelectionCallback = useCallback(\n    (row: Row<TDataTableFeatures, Exclude<TData, unknown>>) => {\n      // If there is a function defined that will allow for disabling certain\n      // row selections, we can apply this one.\n      if (\n        selectableRows !== undefined &&\n        typeof selectableRows !== 'boolean' &&\n        selectableRows.disableRowSelection\n      ) {\n        return !selectableRows.disableRowSelection(row.original);\n      }\n      return true;\n    },\n    [selectableRows],\n  );\n\n  if (selectableRows !== undefined) {\n    // eslint-disable-next-line react-hooks/immutability\n    options.enableRowSelection = true;\n    let rowSelectionMode: DataTableRowSelectionOptions<\n      TDataTableFeatures,\n      Row<TDataTableFeatures, Exclude<TData, unknown>>\n    >['rowSelectionSelectAllMode'] = 'page';\n\n    // If selectableRows is controlled via a boolean, we can default the options\n    if (selectableRows === true || selectableRows === false) {\n      // eslint-disable-next-line react-hooks/immutability\n      options.enableRowSelection = selectableRows;\n    } else {\n      const { selectAllBehavior, limit } = selectableRows;\n\n      // eslint-disable-next-line react-hooks/immutability\n      options.enableRowSelection = enableRowSelectionCallback;\n\n      // Change the rowSelectionMode for the _select all_ checkbox if it is defined.\n      if (selectAllBehavior) {\n        rowSelectionMode = selectAllBehavior;\n      }\n\n      // Defines a row selection limit for the maximum count of rows that are\n      // selectable.\n      // eslint-disable-next-line react-hooks/immutability\n      options.rowSelectionLimit =\n        limit !== undefined && limit >= 0 ? limit : undefined;\n    }\n\n    // eslint-disable-next-line react-hooks/immutability\n    options.enableMultiRowSelection = true;\n    // eslint-disable-next-line react-hooks/immutability\n    options.rowSelectionSelectAllMode = rowSelectionMode;\n  } else {\n    // eslint-disable-next-line react-hooks/immutability\n    options.enableRowSelection = false;\n  }\n\n  const [selectedRows, setSelectedRows] = useControllableState<\n    Record<string, boolean>\n  >({\n    value: props.selectedRows,\n    defaultValue: props.defaultSelectedRows,\n    onChange: props.onRowSelectionChange,\n  });\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    rowSelection: selectedRows\n      ? toRowSelectionState(selectedRows)\n      : fallbackState,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onRowSelectionChange = useCallback(\n    (\n      updater:\n        | RowSelectionState\n        | ((state: RowSelectionState) => RowSelectionState),\n    ) => {\n      const state = selectedRows ? toRowSelectionState(selectedRows) : {};\n      const newValue = typeof updater === 'function' ? updater(state) : updater;\n      setSelectedRows(newValue);\n    },\n    [setSelectedRows, selectedRows],\n  );\n}\n"],
+  "mappings": "AACA,SAAS,mBAAmB;AAM5B,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAK1C,MAAM,gBAAgB,CAAC;AAOvB,SAAS,oBACP,cACmB;AACnB,QAAM,QAA2B,CAAC;AAClC,aAAW,CAAC,OAAO,UAAU,KAAK,OAAO,QAAQ,YAAY,GAAG;AAC9D,QAAI,YAAY;AACd,YAAM,KAAK,IAAI;AAAA,IACjB;AAAA,EACF;AACA,SAAO;AACT;AAMO,SAAS,gBACd,OACA,SACM;AACN,QAAM,uBAAuB,0BAA0B,gBAAgB;AAMvE,QAAM,iBAAiB,MAAM,kBAAkB;AAE/C,QAAM,6BAA6B;AAAA,IACjC,CAAC,QAA0D;AAGzD,UACE,mBAAmB,UACnB,OAAO,mBAAmB,aAC1B,eAAe,qBACf;AACA,eAAO,CAAC,eAAe,oBAAoB,IAAI,QAAQ;AAAA,MACzD;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,MAAI,mBAAmB,QAAW;AAEhC,YAAQ,qBAAqB;AAC7B,QAAI,mBAG6B;AAGjC,QAAI,mBAAmB,QAAQ,mBAAmB,OAAO;AAEvD,cAAQ,qBAAqB;AAAA,IAC/B,OAAO;AACL,YAAM,EAAE,mBAAmB,MAAM,IAAI;AAGrC,cAAQ,qBAAqB;AAG7B,UAAI,mBAAmB;AACrB,2BAAmB;AAAA,MACrB;AAKA,cAAQ,oBACN,UAAU,UAAa,SAAS,IAAI,QAAQ;AAAA,IAChD;AAGA,YAAQ,0BAA0B;AAElC,YAAQ,4BAA4B;AAAA,EACtC,OAAO;AAEL,YAAQ,qBAAqB;AAAA,EAC/B;AAEA,QAAM,CAAC,cAAc,eAAe,IAAI,qBAEtC;AAAA,IACA,OAAO,MAAM;AAAA,IACb,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,EAClB,CAAC;AAGD,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,cAAc,eACV,oBAAoB,YAAY,IAChC;AAAA,EACN;AAGA,UAAQ,uBAAuB;AAAA,IAC7B,CACE,YAGG;AACH,YAAM,QAAQ,eAAe,oBAAoB,YAAY,IAAI,CAAC;AAClE,YAAM,WAAW,OAAO,YAAY,aAAa,QAAQ,KAAK,IAAI;AAClE,sBAAgB,QAAQ;AAAA,IAC1B;AAAA,IACA,CAAC,iBAAiB,YAAY;AAAA,EAChC;AACF;",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/Sorting.css

@@ -1,4 +1,4 @@
-._cu1al70-3-12-1 {
+._cu1al70-3-13-0 {
   display: inline-flex;
   align-items: center;
   flex-direction: row;
@@ -10,60 +10,60 @@
   overflow: hidden;
   transform: translateY(2px);
 }
-._yj6voi4-3-12-1 ._cu1al70-3-12-1 {
+._yj6voi4-3-13-0 ._cu1al70-3-13-0 {
   transform: translateY(0);
 }
-._yj6voi5-3-12-1 ._cu1al70-3-12-1 {
+._yj6voi5-3-13-0 ._cu1al70-3-13-0 {
   transform: translateY(-2px);
 }
-._yj6voi1-3-12-1 ._cu1al70-3-12-1, ._yj6voi2-3-12-1 ._cu1al70-3-12-1 {
+._yj6voi1-3-13-0 ._cu1al70-3-13-0, ._yj6voi2-3-13-0 ._cu1al70-3-13-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._yj6voi0-3-12-1 ._cu1al70-3-12-1 {
+._yj6voi0-3-13-0 ._cu1al70-3-13-0 {
   order: -1;
   flex-direction: row-reverse;
   margin-right: var(--dt-spacings-size-2, 2px);
 }
-._11pvd3z6-3-12-1 ._14k72810-3-12-1 ~ ._cu1al70-3-12-1 {
+._11pvd3z6-3-13-0 ._14k72810-3-13-0 ~ ._cu1al70-3-13-0 {
   margin-top: 8px;
   margin-bottom: 8px;
 }
-._11pvd3z6-3-12-1:not(._yj6voi0-3-12-1, ._11pvd3z0-3-12-1:has([data-trigger="useraction"])) ._cu1al70-3-12-1 {
+._11pvd3z6-3-13-0:not(._yj6voi0-3-13-0, ._11pvd3z0-3-13-0:has([data-trigger="useraction"])) ._cu1al70-3-13-0 {
   margin-right: 12px;
 }
-._11pvd3z6-3-12-1:where(._yj6voi0-3-12-1):not(._11pvd3z0-3-12-1:has([data-trigger="useraction"])) ._cu1al70-3-12-1 {
+._11pvd3z6-3-13-0:where(._yj6voi0-3-13-0):not(._11pvd3z0-3-13-0:has([data-trigger="useraction"])) ._cu1al70-3-13-0 {
   margin-left: 12px;
 }
-._11pvd3z7-3-12-1 ._14k72810-3-12-1 ~ ._cu1al70-3-12-1 {
+._11pvd3z7-3-13-0 ._14k72810-3-13-0 ~ ._cu1al70-3-13-0 {
   margin-top: 2px;
   margin-bottom: 2px;
 }
-._11pvd3z7-3-12-1:not(._yj6voi0-3-12-1, ._11pvd3z0-3-12-1:has([data-trigger="useraction"])) ._cu1al70-3-12-1 {
+._11pvd3z7-3-13-0:not(._yj6voi0-3-13-0, ._11pvd3z0-3-13-0:has([data-trigger="useraction"])) ._cu1al70-3-13-0 {
   margin-right: 6px;
 }
-._11pvd3z7-3-12-1:where(._yj6voi0-3-12-1):not(._11pvd3z0-3-12-1:has([data-trigger="useraction"])) ._cu1al70-3-12-1 {
+._11pvd3z7-3-13-0:where(._yj6voi0-3-13-0):not(._11pvd3z0-3-13-0:has([data-trigger="useraction"])) ._cu1al70-3-13-0 {
   margin-left: 6px;
 }
-._11pvd3z8-3-12-1 ._14k72810-3-12-1 ~ ._cu1al70-3-12-1 {
+._11pvd3z8-3-13-0 ._14k72810-3-13-0 ~ ._cu1al70-3-13-0 {
   margin-top: 12px;
   margin-bottom: 12px;
 }
-._11pvd3z8-3-12-1:not(._yj6voi0-3-12-1, ._11pvd3z0-3-12-1:has([data-trigger="useraction"])) ._cu1al70-3-12-1 {
+._11pvd3z8-3-13-0:not(._yj6voi0-3-13-0, ._11pvd3z0-3-13-0:has([data-trigger="useraction"])) ._cu1al70-3-13-0 {
   margin-right: 16px;
 }
-._11pvd3z8-3-12-1:where(._yj6voi0-3-12-1):not(._11pvd3z0-3-12-1:has([data-trigger="useraction"])) ._cu1al70-3-12-1 {
+._11pvd3z8-3-13-0:where(._yj6voi0-3-13-0):not(._11pvd3z0-3-13-0:has([data-trigger="useraction"])) ._cu1al70-3-13-0 {
   margin-left: 16px;
 }
-._11pvd3z5-3-12-1._yj6voi0-3-12-1:not(._11pvd3zx-3-12-1) ._cu1al70-3-12-1 {
+._11pvd3z5-3-13-0._yj6voi0-3-13-0:not(._11pvd3zx-3-13-0) ._cu1al70-3-13-0 {
   order: 1;
 }
-._cu1al71-3-12-1 {
+._cu1al71-3-13-0 {
   transform: translateX(-4px);
 }
-._yj6voi0-3-12-1 ._cu1al71-3-12-1 {
+._yj6voi0-3-13-0 ._cu1al71-3-13-0 {
   transform: translateX(4px);
 }
-._cu1al72-3-12-1 {
+._cu1al72-3-13-0 {
   fill: currentColor;
   transition: transform 250ms ease-out;
   transform-origin: center;
@@ -71,54 +71,54 @@
   flex-shrink: 0;
   display: none;
 }
-._11pvd3z0-3-12-1 ._cu1al72-3-12-1 {
+._11pvd3z0-3-13-0 ._cu1al72-3-13-0 {
   display: inline;
 }
-:where(._yj6voi1-3-12-1,._yj6voi2-3-12-1) > ._cu1al72-3-12-1 {
+:where(._yj6voi1-3-13-0,._yj6voi2-3-13-0) > ._cu1al72-3-13-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._yj6voi0-3-12-1 ._cu1al72-3-12-1 {
+._yj6voi0-3-13-0 ._cu1al72-3-13-0 {
   order: -1;
 }
-._yj6voi0-3-12-1 > ._cu1al72-3-12-1 {
+._yj6voi0-3-13-0 > ._cu1al72-3-13-0 {
   margin-right: var(--dt-spacings-size-2, 2px);
 }
-._11pvd3z5-3-12-1._yj6voi0-3-12-1:not(._11pvd3zx-3-12-1) ._cu1al72-3-12-1 {
+._11pvd3z5-3-13-0._yj6voi0-3-13-0:not(._11pvd3zx-3-13-0) ._cu1al72-3-13-0 {
   order: 1;
 }
-._11pvd3z5-3-12-1._yj6voi0-3-12-1:not(._11pvd3zx-3-12-1) ._cu1al70-3-12-1 ._cu1al72-3-12-1 {
+._11pvd3z5-3-13-0._yj6voi0-3-13-0:not(._11pvd3zx-3-13-0) ._cu1al70-3-13-0 ._cu1al72-3-13-0 {
   order: -1;
 }
-._cu1al73-3-12-1 {
+._cu1al73-3-13-0 {
   transform: rotate(-180deg);
 }
-._11pvd3zx-3-12-1 ._14k72810-3-12-1 ~ ._cu1al74-3-12-1 {
+._11pvd3zx-3-13-0 ._14k72810-3-13-0 ~ ._cu1al74-3-13-0 {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-._11pvd3zx-3-12-1:where(._yj6voi1-3-12-1, ._yj6voi2-3-12-1):not(._11pvd3z0-3-12-1:has([data-trigger="useraction"])) > ._cu1al74-3-12-1 {
+._11pvd3zx-3-13-0:where(._yj6voi1-3-13-0, ._yj6voi2-3-13-0):not(._11pvd3z0-3-13-0:has([data-trigger="useraction"])) > ._cu1al74-3-13-0 {
   padding-right: 12px;
 }
-._11pvd3zx-3-12-1:where(._yj6voi0-3-12-1):not(._11pvd3z0-3-12-1:has([data-trigger="useraction"])) > ._cu1al74-3-12-1 {
+._11pvd3zx-3-13-0:where(._yj6voi0-3-13-0):not(._11pvd3z0-3-13-0:has([data-trigger="useraction"])) > ._cu1al74-3-13-0 {
   padding-left: 12px;
 }
-._11pvd3zx-3-12-1 ._14k72810-3-12-1 ~ ._cu1al75-3-12-1 {
+._11pvd3zx-3-13-0 ._14k72810-3-13-0 ~ ._cu1al75-3-13-0 {
   padding-top: 2px;
   padding-bottom: 2px;
 }
-._11pvd3zx-3-12-1:where(._yj6voi1-3-12-1, ._yj6voi2-3-12-1):not(._11pvd3z0-3-12-1:has([data-trigger="useraction"])) > ._cu1al75-3-12-1 {
+._11pvd3zx-3-13-0:where(._yj6voi1-3-13-0, ._yj6voi2-3-13-0):not(._11pvd3z0-3-13-0:has([data-trigger="useraction"])) > ._cu1al75-3-13-0 {
   padding-right: 6px;
 }
-._11pvd3zx-3-12-1:where(._yj6voi0-3-12-1):not(._11pvd3z0-3-12-1:has([data-trigger="useraction"])) > ._cu1al75-3-12-1 {
+._11pvd3zx-3-13-0:where(._yj6voi0-3-13-0):not(._11pvd3z0-3-13-0:has([data-trigger="useraction"])) > ._cu1al75-3-13-0 {
   padding-left: 6px;
 }
-._11pvd3zx-3-12-1 ._14k72810-3-12-1 ~ ._cu1al76-3-12-1 {
+._11pvd3zx-3-13-0 ._14k72810-3-13-0 ~ ._cu1al76-3-13-0 {
   padding-top: 12px;
   padding-bottom: 12px;
 }
-._11pvd3zx-3-12-1:where(._yj6voi1-3-12-1, ._yj6voi2-3-12-1):not(._11pvd3z0-3-12-1:has([data-trigger="useraction"])) > ._cu1al76-3-12-1 {
+._11pvd3zx-3-13-0:where(._yj6voi1-3-13-0, ._yj6voi2-3-13-0):not(._11pvd3z0-3-13-0:has([data-trigger="useraction"])) > ._cu1al76-3-13-0 {
   padding-right: 16px;
 }
-._11pvd3zx-3-12-1:where(._yj6voi0-3-12-1):not(._11pvd3z0-3-12-1:has([data-trigger="useraction"])) > ._cu1al76-3-12-1 {
+._11pvd3zx-3-13-0:where(._yj6voi0-3-13-0):not(._11pvd3z0-3-13-0:has([data-trigger="useraction"])) > ._cu1al76-3-13-0 {
   padding-left: 16px;
 }

package/esm/tables/DataTable/features/Sorting/Sorting.js

@@ -15,6 +15,7 @@ import {
   stringlikeCompareCaseSensitive
 } from "./compare-functions.js";
 import { isGroupColumnDef } from "../../hooks/useTable/datatable-typeguards.js";
+import { createPrototypeConstructor } from "../types/table.types.js";
 function isColumnDefWithSortAccessor(columnDef) {
   return columnDef !== void 0 && columnDef !== null && typeof columnDef === "object" && "sortAccessor" in columnDef && columnDef.sortAccessor !== void 0;
 }
@@ -25,11 +26,7 @@ const sortingFunctions = {
   datetime: datelikeCompare
 };
 function header_getAriaSortAttribute(header) {
-  if (
-    // Requires cast to push through the generic constraints on the UnionToIntersection generic.
-    header.table.options.enableSorting && // Requires cast to push through the generic constraints on the UnionToIntersection generic.
-    header.column.columnDef.enableSorting !== false && header.column.columns.length === 0
-  ) {
+  if (header.table.options.enableSorting && header.column.columnDef.enableSorting !== false && header.column.columns.length === 0) {
     const isSorted = column_getIsSorted(header.column);
     if (isSorted) {
       return isSorted === "asc" ? "ascending" : "descending";
@@ -195,46 +192,52 @@ function column_getCanSort(column) {
 }
 function constructRowSortingFeature() {
   return {
-    assignHeaderPrototype: (prototype, table) => {
-      assignPrototypeAPIs("rowSortingFeature", prototype, table, {
-        header_getAriaSortAttribute: {
-          fn: (header) => header_getAriaSortAttribute(header)
-        },
-        header_getCanSortByHeaderClick: {
-          fn: (header) => header_getCanSortByHeaderClick(header)
-        }
-      });
-    },
-    assignRowPrototype: (prototype, table) => {
-      assignPrototypeAPIs("rowSortingFeature", prototype, table, {
-        row_getSortingValue: {
-          fn: (row, columnId) => row_getSortingValue(row, columnId)
-        }
-      });
-    },
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs("rowSortingFeature", prototype, table, {
-        column_getCustomSortingFn: {
-          fn: (column) => column_getCustomSortingFn(column)
-        },
-        column_getAutoSortDir: {
-          fn: (column) => column_getAutoSortDir(column)
-        },
-        column_getCanSort: { fn: (column) => column_getCanSort(column) },
-        column_getFirstSortDir: {
-          fn: (column) => column_getFirstSortDir(column)
-        },
-        column_getNextSortingOrder: {
-          fn: (column, multi) => column_getNextSortingOrder(column, multi)
-        },
-        column_toggleSorting: {
-          fn: (column, desc, multi) => column_toggleSorting(column, desc, multi)
-        },
-        column_getToggleSortingHandler: {
-          fn: (column) => column_getToggleSortingHandler(column)
-        }
-      });
-    }
+    assignHeaderPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("rowSortingFeature", prototype, table, {
+          header_getAriaSortAttribute: {
+            fn: (header) => header_getAriaSortAttribute(header)
+          },
+          header_getCanSortByHeaderClick: {
+            fn: (header) => header_getCanSortByHeaderClick(header)
+          }
+        });
+      }
+    ),
+    assignRowPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("rowSortingFeature", prototype, table, {
+          row_getSortingValue: {
+            fn: (row, columnId) => row_getSortingValue(row, columnId)
+          }
+        });
+      }
+    ),
+    assignColumnPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("rowSortingFeature", prototype, table, {
+          column_getCustomSortingFn: {
+            fn: (column) => column_getCustomSortingFn(column)
+          },
+          column_getAutoSortDir: {
+            fn: (column) => column_getAutoSortDir(column)
+          },
+          column_getCanSort: { fn: (column) => column_getCanSort(column) },
+          column_getFirstSortDir: {
+            fn: (column) => column_getFirstSortDir(column)
+          },
+          column_getNextSortingOrder: {
+            fn: (column, multi) => column_getNextSortingOrder(column, multi)
+          },
+          column_toggleSorting: {
+            fn: (column, desc, multi) => column_toggleSorting(column, desc, multi)
+          },
+          column_getToggleSortingHandler: {
+            fn: (column) => column_getToggleSortingHandler(column)
+          }
+        });
+      }
+    )
   };
 }
 const DataTableRowSortingFeature = constructRowSortingFeature();

package/esm/tables/DataTable/features/Sorting/Sorting.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/Sorting.tsx"],
-  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  isFunction,\n  type CellData,\n  type Column_Internal,\n  type ColumnDef,\n  type Header,\n  type Row,\n  type RowData,\n  type SortingState,\n  type StockFeatures,\n  type TableFeature,\n  type TableFeatures,\n  type TableOptions_All,\n} from '@tanstack/react-table';\nimport {\n  column_getCanMultiSort,\n  column_getIsSorted,\n  table_getColumn,\n  table_setSorting,\n} from '@tanstack/react-table/static-functions';\n\nimport {\n  datelikeCompare,\n  numberlikeCompare,\n  stringlikeCompare,\n  stringlikeCompareCaseSensitive,\n} from './compare-functions.js';\nimport type {\n  DataTableCustomSortingFn,\n  RowSortingFeatureConstructors,\n} from './sorting-types.js';\nimport { isGroupColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\n\n/**\n * Typeguard function that checks whether the given column definition has a 'sortAccessor' defined.\n */\nfunction isColumnDefWithSortAccessor<\n  TFeature extends TableFeatures,\n  TData extends RowData,\n>(columnDef: unknown): columnDef is ColumnDef<TFeature, TData> {\n  return (\n    columnDef !== undefined &&\n    columnDef !== null &&\n    typeof columnDef === 'object' &&\n    'sortAccessor' in columnDef &&\n    columnDef.sortAccessor !== undefined\n  );\n}\n\nconst sortingFunctions = {\n  text: stringlikeCompare,\n  textCaseSensitive: stringlikeCompareCaseSensitive,\n  number: numberlikeCompare,\n  datetime: datelikeCompare,\n};\n\n/**\n * Helper function to get the aria-sort attribute value for a header based on its sorting state.\n * @internal\n */\nexport function header_getAriaSortAttribute<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TFeatures, TData, TValue>,\n): 'ascending' | 'descending' | 'none' | undefined {\n  if (\n    // Requires cast to push through the generic constraints on the UnionToIntersection generic.\n    (header.table.options as TableOptions_All<StockFeatures, TData>)\n      .enableSorting &&\n    // Requires cast to push through the generic constraints on the UnionToIntersection generic.\n    (header.column.columnDef as ColumnDef<StockFeatures, TData>)\n      .enableSorting !== false &&\n    header.column.columns.length === 0\n  ) {\n    const isSorted = column_getIsSorted(header.column);\n    if (isSorted) {\n      return isSorted === 'asc' ? 'ascending' : 'descending';\n    }\n    return 'none';\n  }\n  return undefined;\n}\n\n/**\n * Helper function to determine if sorting can be triggered by clicking on the header, based on the header and column properties.\n * @internal\n */\nexport function header_getCanSortByHeaderClick<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>): boolean {\n  if (header.column.getCanColumnActions() === true) {\n    return false;\n  }\n  return column_getCanSort(header.column);\n}\n\n/**\n * Helper function to get the sorting value for a given row and column, utilizing caching for performance optimization.\n * @internal\n */\nexport function row_getSortingValue<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>, columnId: string): undefined | unknown {\n  const column = table_getColumn(row.table, columnId);\n\n  if (column && isColumnDefWithSortAccessor(column.columnDef)) {\n    const sortAccessor = column.columnDef.sortAccessor;\n    if (sortAccessor && typeof sortAccessor === 'string') {\n      return (\n        sortAccessor\n          .split('.')\n          // Need to cast to unknown first to satisfy the compiler,\n          // as it doesn't know that the reduce will return the correct type based\n          // on the sortAccessor string.\n          .reduce<unknown>(\n            (obj, key) => (obj as unknown as Record<string, unknown>)[key],\n            row.original,\n          )\n      );\n    } else if (typeof sortAccessor === 'function') {\n      return sortAccessor(row.original);\n    }\n  }\n\n  if (!column?.accessorFn) {\n    return undefined;\n  }\n\n  return column.accessorFn(row.original, row.index);\n}\n\nexport function column_getCustomSortingFn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n): DataTableCustomSortingFn<TValue> {\n  if (!column) {\n    throw new Error();\n  }\n\n  if (isFunction(column.columnDef.customSortingFn)) {\n    return column.columnDef.customSortingFn;\n  }\n\n  if (\n    typeof column.columnDef.sortType === 'string' &&\n    sortingFunctions[column.columnDef.sortType]\n  ) {\n    return sortingFunctions[\n      column.columnDef.sortType\n    ] as DataTableCustomSortingFn<TValue>;\n  }\n\n  return sortingFunctions['text'] as DataTableCustomSortingFn<TValue>;\n}\n\n/**\n * Override the default getFirstSortDir\n * @internal\n */\nexport function column_getFirstSortDir<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  const sortDescFirst =\n    column.columnDef.sortDescFirst ?? column.table.options.sortDescFirst;\n  return sortDescFirst ? 'desc' : 'asc';\n}\n\n/**\n * Override the default getNextSortingOrder as the original implementation calls column_getAutoSortDir from tanstack/table-core directly without a chance on our end to override.\n * @internal\n */\nexport function column_getNextSortingOrder<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>, multi?: boolean) {\n  const firstSortDirection = column_getFirstSortDir(column);\n  const isSorted = column_getIsSorted(column);\n\n  if (!isSorted) {\n    return firstSortDirection;\n  }\n\n  if (\n    isSorted !== firstSortDirection &&\n    (column.table.options.enableSortingRemoval ?? true) && // If enableSortRemove, enable in general\n    (multi ? column.table.options.enableMultiRemove ?? true : true) // If multi, don't allow if enableMultiRemove))\n  ) {\n    return false;\n  }\n  return isSorted === 'desc' ? 'asc' : 'desc';\n}\n\n/**\n * Overrides the default auto sort direction to always be ascending for the first sort, instead of toggling between ascending and descending.\n *\n * @internal\n */\nexport function column_getAutoSortDir<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(column: Column_Internal<TFeatures, TData>): 'asc' {\n  // overwrite the default from react table\n  // by default all columns should be sorted ascending first\n  return 'asc';\n}\n\n/**\n * Overrides the default column_toggleSorting to allow toggling the sorting state by clicking on the header, while ensuring that interactions with interactive elements within the header do not trigger sorting.\n * Override is necessary as tanstack/table-core's default toggleSorting implementation does call column_getNextSortingOrder from tanstack internally and not the one we provide on the instance.\n * @internal\n */\nexport function column_toggleSorting<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  desc?: boolean,\n  multi?: boolean,\n) {\n  // this needs to be outside of table.setSorting to be in sync with rerender\n  const nextSortingOrder = column_getNextSortingOrder(column);\n\n  if (!multi) {\n    const oldSorting = column.table.atoms.sorting?.get();\n\n    if (oldSorting && oldSorting.length > 1) {\n      const existingIndex = oldSorting.findIndex((s) => s.id === column.id);\n\n      // In multi-sort mode, plain-clicking a sorted column should clear all other sorted columns\n      // and keep only the clicked column, with its direction cycled to the next value.\n      // Out-of-the-box Tanstack only does this if the clicked column is not the last in the sorting array for some reason,\n      // which is why we need to override the function for specific case where the clicked column is the last in the sorting array.\n      if (existingIndex === oldSorting.length - 1) {\n        const nextDesc = desc ?? nextSortingOrder === 'desc';\n        table_setSorting(column.table, [{ id: column.id, desc: nextDesc }]);\n        return;\n      }\n    }\n  }\n\n  const hasManualValue = typeof desc !== 'undefined';\n\n  table_setSorting(column.table, (old) => {\n    // Find any existing sorting for this column\n    const existingSorting = old.find((d) => d.id === column.id);\n    const existingIndex = old.findIndex((d) => d.id === column.id);\n\n    let newSorting: SortingState = [];\n\n    // What should we do with this sort action?\n    let sortAction: 'add' | 'remove' | 'toggle' | 'replace';\n    const nextDesc = hasManualValue ? desc : nextSortingOrder === 'desc';\n\n    // Multi-mode\n    if (old.length && column_getCanMultiSort(column) && multi) {\n      if (existingSorting) {\n        sortAction = 'toggle';\n      } else {\n        sortAction = 'add';\n      }\n    } else {\n      // Normal mode\n      if (old.length && existingIndex !== old.length - 1) {\n        sortAction = 'replace';\n      } else if (existingSorting) {\n        sortAction = 'toggle';\n      } else {\n        sortAction = 'replace';\n      }\n    }\n\n    // Handle toggle states that will remove the sorting\n    if (sortAction === 'toggle') {\n      // If we are \"actually\" toggling (not a manual set value), should we remove the sorting?\n      if (!hasManualValue) {\n        // Is our intention to remove?\n        if (!nextSortingOrder) {\n          sortAction = 'remove';\n        }\n      }\n    }\n\n    if (sortAction === 'add') {\n      newSorting = [\n        ...old,\n        {\n          id: column.id,\n          desc: nextDesc,\n        },\n      ];\n      // Take latest n columns\n      newSorting.splice(\n        0,\n        newSorting.length -\n          (column.table.options.maxMultiSortColCount ??\n            Number.MAX_SAFE_INTEGER),\n      );\n    } else if (sortAction === 'toggle') {\n      // This flips (or sets) the\n      newSorting = old.map((d) => {\n        if (d.id === column.id) {\n          return {\n            ...d,\n            desc: nextDesc,\n          };\n        }\n        return d;\n      });\n    } else if (sortAction === 'remove') {\n      newSorting = old.filter((d) => d.id !== column.id);\n    } else {\n      newSorting = [\n        {\n          id: column.id,\n          desc: nextDesc,\n        },\n      ];\n    }\n\n    return newSorting;\n  });\n}\n\n/**\n * Overrides the default column_getToggleSortingHandler\n * Override is necessary as tanstack/table-core's default implementation does call `column_toggleSorting` from tanstack internally and not the one we provide on the instance.\n */\nexport function column_getToggleSortingHandler<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  const canSort = column_getCanSort(column);\n\n  return (e: unknown) => {\n    if (!canSort) {\n      return;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (e as any).persist?.();\n    column_toggleSorting(\n      column,\n\n      undefined,\n      column_getCanMultiSort(column)\n        ? column.table.options.isMultiSortEvent?.(e)\n        : false,\n    );\n  };\n}\n\n/**\n * Helper function to determine if a column is sortable based on its definition and the table's sorting configuration.\n * @internal\n */\nexport function column_getCanSort<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column?: Column_Internal<TFeatures, TData, TValue>): boolean {\n  if (column === undefined) {\n    return false;\n  }\n  // Grouped columns should for now not be sortable.\n  if (isGroupColumnDef<TFeatures, TData>(column.columnDef)) {\n    return false;\n  }\n  return (\n    (column.columnDef.enableSorting ?? true) &&\n    (column.table.options.enableSorting ?? false) &&\n    !!column.accessorFn\n  );\n}\n\n/**\n * Constructs the column row sorting for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowSortingFeature<\n  TData extends RowData,\n>(): TableFeature<RowSortingFeatureConstructors<TData>> {\n  return {\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('rowSortingFeature', prototype, table, {\n        header_getAriaSortAttribute: {\n          fn: (header) => header_getAriaSortAttribute(header),\n        },\n        header_getCanSortByHeaderClick: {\n          fn: (header) => header_getCanSortByHeaderClick(header),\n        },\n      });\n    },\n    assignRowPrototype: (prototype, table) => {\n      assignPrototypeAPIs('rowSortingFeature', prototype, table, {\n        row_getSortingValue: {\n          fn: (row, columnId) => row_getSortingValue(row, columnId),\n        },\n      });\n    },\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('rowSortingFeature', prototype, table, {\n        column_getCustomSortingFn: {\n          fn: (column) => column_getCustomSortingFn(column),\n        },\n        column_getAutoSortDir: {\n          fn: (column) => column_getAutoSortDir(column),\n        },\n        column_getCanSort: { fn: (column) => column_getCanSort(column) },\n        column_getFirstSortDir: {\n          fn: (column) => column_getFirstSortDir(column),\n        },\n        column_getNextSortingOrder: {\n          fn: (column, multi) => column_getNextSortingOrder(column, multi),\n        },\n        column_toggleSorting: {\n          fn: (column, desc, multi) =>\n            column_toggleSorting(column, desc, multi),\n        },\n        column_getToggleSortingHandler: {\n          fn: (column) => column_getToggleSortingHandler(column),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for Row Sorting.\n * @internal\n */\nexport const DataTableRowSortingFeature = constructRowSortingFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  isFunction,\n  type CellData,\n  type Column,\n  type ColumnDef,\n  type Header,\n  type Row,\n  type RowData,\n  type SortingState,\n  type TableFeature,\n  type TableFeatures,\n  type Table,\n} from '@tanstack/react-table';\nimport {\n  column_getCanMultiSort,\n  column_getIsSorted,\n  table_getColumn,\n  table_setSorting,\n} from '@tanstack/react-table/static-functions';\n\nimport {\n  datelikeCompare,\n  numberlikeCompare,\n  stringlikeCompare,\n  stringlikeCompareCaseSensitive,\n} from './compare-functions.js';\nimport type { DataTableCustomSortingFn } from './sorting-types.js';\nimport { isGroupColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport { createPrototypeConstructor } from '../types/table.types.js';\n\n/**\n * Typeguard function that checks whether the given column definition has a 'sortAccessor' defined.\n */\nfunction isColumnDefWithSortAccessor<\n  TFeature extends TableFeatures,\n  TData extends RowData,\n>(columnDef: unknown): columnDef is ColumnDef<TFeature, TData> {\n  return (\n    columnDef !== undefined &&\n    columnDef !== null &&\n    typeof columnDef === 'object' &&\n    'sortAccessor' in columnDef &&\n    columnDef.sortAccessor !== undefined\n  );\n}\n\nconst sortingFunctions = {\n  text: stringlikeCompare,\n  textCaseSensitive: stringlikeCompareCaseSensitive,\n  number: numberlikeCompare,\n  datetime: datelikeCompare,\n};\n\n/**\n * Helper function to get the aria-sort attribute value for a header based on its sorting state.\n * @internal\n */\nexport function header_getAriaSortAttribute<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TDataTableFeatures, TData, TValue>,\n): 'ascending' | 'descending' | 'none' | undefined {\n  if (\n    header.table.options.enableSorting &&\n    header.column.columnDef.enableSorting !== false &&\n    header.column.columns.length === 0\n  ) {\n    const isSorted = column_getIsSorted(header.column);\n    if (isSorted) {\n      return isSorted === 'asc' ? 'ascending' : 'descending';\n    }\n    return 'none';\n  }\n  return undefined;\n}\n\n/**\n * Helper function to determine if sorting can be triggered by clicking on the header, based on the header and column properties.\n * @internal\n */\nexport function header_getCanSortByHeaderClick<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TDataTableFeatures, TData, TValue>): boolean {\n  if (header.column.getCanColumnActions() === true) {\n    return false;\n  }\n  return column_getCanSort(header.column);\n}\n\n/**\n * Helper function to get the sorting value for a given row and column, utilizing caching for performance optimization.\n * @internal\n */\nexport function row_getSortingValue<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n  columnId: string,\n): undefined | unknown {\n  const column = table_getColumn(row.table, columnId);\n\n  if (column && isColumnDefWithSortAccessor(column.columnDef)) {\n    const sortAccessor = column.columnDef.sortAccessor;\n    if (sortAccessor && typeof sortAccessor === 'string') {\n      return (\n        sortAccessor\n          .split('.')\n          // Need to cast to unknown first to satisfy the compiler,\n          // as it doesn't know that the reduce will return the correct type based\n          // on the sortAccessor string.\n          .reduce<unknown>(\n            (obj, key) => (obj as unknown as Record<string, unknown>)[key],\n            row.original,\n          )\n      );\n    } else if (typeof sortAccessor === 'function') {\n      return sortAccessor(row.original);\n    }\n  }\n\n  if (!column?.accessorFn) {\n    return undefined;\n  }\n\n  return column.accessorFn(row.original, row.index);\n}\n\nexport function column_getCustomSortingFn<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n): DataTableCustomSortingFn<TValue> {\n  if (!column) {\n    throw new Error();\n  }\n\n  if (isFunction(column.columnDef.customSortingFn)) {\n    return column.columnDef.customSortingFn;\n  }\n\n  if (\n    typeof column.columnDef.sortType === 'string' &&\n    sortingFunctions[column.columnDef.sortType]\n  ) {\n    return sortingFunctions[\n      column.columnDef.sortType\n    ] as DataTableCustomSortingFn<TValue>;\n  }\n\n  return sortingFunctions['text'] as DataTableCustomSortingFn<TValue>;\n}\n\n/**\n * Override the default getFirstSortDir\n * @internal\n */\nexport function column_getFirstSortDir<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  const sortDescFirst =\n    column.columnDef.sortDescFirst ?? column.table.options.sortDescFirst;\n  return sortDescFirst ? 'desc' : 'asc';\n}\n\n/**\n * Override the default getNextSortingOrder as the original implementation calls column_getAutoSortDir from tanstack/table-core directly without a chance on our end to override.\n * @internal\n */\nexport function column_getNextSortingOrder<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>, multi?: boolean) {\n  const firstSortDirection = column_getFirstSortDir(column);\n  const isSorted = column_getIsSorted(column);\n\n  if (!isSorted) {\n    return firstSortDirection;\n  }\n\n  if (\n    isSorted !== firstSortDirection &&\n    (column.table.options.enableSortingRemoval ?? true) && // If enableSortRemove, enable in general\n    (multi ? (column.table.options.enableMultiRemove ?? true) : true) // If multi, don't allow if enableMultiRemove))\n  ) {\n    return false;\n  }\n  return isSorted === 'desc' ? 'asc' : 'desc';\n}\n\n/**\n * Overrides the default auto sort direction to always be ascending for the first sort, instead of toggling between ascending and descending.\n *\n * @internal\n */\nexport function column_getAutoSortDir<TData extends RowData>(\n  column: Column<TDataTableFeatures, TData>,\n): 'asc' {\n  // overwrite the default from react table\n  // by default all columns should be sorted ascending first\n  return 'asc';\n}\n\n/**\n * Overrides the default column_toggleSorting to allow toggling the sorting state by clicking on the header, while ensuring that interactions with interactive elements within the header do not trigger sorting.\n * Override is necessary as tanstack/table-core's default toggleSorting implementation does call column_getNextSortingOrder from tanstack internally and not the one we provide on the instance.\n * @internal\n */\nexport function column_toggleSorting<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  desc?: boolean,\n  multi?: boolean,\n) {\n  // this needs to be outside of table.setSorting to be in sync with rerender\n  const nextSortingOrder = column_getNextSortingOrder(column);\n\n  if (!multi) {\n    const oldSorting = column.table.atoms.sorting?.get();\n\n    if (oldSorting && oldSorting.length > 1) {\n      const existingIndex = oldSorting.findIndex((s) => s.id === column.id);\n\n      // In multi-sort mode, plain-clicking a sorted column should clear all other sorted columns\n      // and keep only the clicked column, with its direction cycled to the next value.\n      // Out-of-the-box Tanstack only does this if the clicked column is not the last in the sorting array for some reason,\n      // which is why we need to override the function for specific case where the clicked column is the last in the sorting array.\n      if (existingIndex === oldSorting.length - 1) {\n        const nextDesc = desc ?? nextSortingOrder === 'desc';\n        table_setSorting(column.table, [{ id: column.id, desc: nextDesc }]);\n        return;\n      }\n    }\n  }\n\n  const hasManualValue = typeof desc !== 'undefined';\n\n  table_setSorting(column.table, (old) => {\n    // Find any existing sorting for this column\n    const existingSorting = old.find((d) => d.id === column.id);\n    const existingIndex = old.findIndex((d) => d.id === column.id);\n\n    let newSorting: SortingState = [];\n\n    // What should we do with this sort action?\n    let sortAction: 'add' | 'remove' | 'toggle' | 'replace';\n    const nextDesc = hasManualValue ? desc : nextSortingOrder === 'desc';\n\n    // Multi-mode\n    if (old.length && column_getCanMultiSort(column) && multi) {\n      if (existingSorting) {\n        sortAction = 'toggle';\n      } else {\n        sortAction = 'add';\n      }\n    } else {\n      // Normal mode\n      if (old.length && existingIndex !== old.length - 1) {\n        sortAction = 'replace';\n      } else if (existingSorting) {\n        sortAction = 'toggle';\n      } else {\n        sortAction = 'replace';\n      }\n    }\n\n    // Handle toggle states that will remove the sorting\n    if (sortAction === 'toggle') {\n      // If we are \"actually\" toggling (not a manual set value), should we remove the sorting?\n      if (!hasManualValue) {\n        // Is our intention to remove?\n        if (!nextSortingOrder) {\n          sortAction = 'remove';\n        }\n      }\n    }\n\n    if (sortAction === 'add') {\n      newSorting = [\n        ...old,\n        {\n          id: column.id,\n          desc: nextDesc,\n        },\n      ];\n      // Take latest n columns\n      newSorting.splice(\n        0,\n        newSorting.length -\n          (column.table.options.maxMultiSortColCount ??\n            Number.MAX_SAFE_INTEGER),\n      );\n    } else if (sortAction === 'toggle') {\n      // This flips (or sets) the\n      newSorting = old.map((d) => {\n        if (d.id === column.id) {\n          return {\n            ...d,\n            desc: nextDesc,\n          };\n        }\n        return d;\n      });\n    } else if (sortAction === 'remove') {\n      newSorting = old.filter((d) => d.id !== column.id);\n    } else {\n      newSorting = [\n        {\n          id: column.id,\n          desc: nextDesc,\n        },\n      ];\n    }\n\n    return newSorting;\n  });\n}\n\n/**\n * Overrides the default column_getToggleSortingHandler\n * Override is necessary as tanstack/table-core's default implementation does call `column_toggleSorting` from tanstack internally and not the one we provide on the instance.\n */\nexport function column_getToggleSortingHandler<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  const canSort = column_getCanSort(column);\n\n  return (e: unknown) => {\n    if (!canSort) {\n      return;\n    }\n\n    // oxlint-disable-next-line typescript/no-explicit-any\n    (e as any).persist?.();\n    column_toggleSorting(\n      column,\n\n      undefined,\n      column_getCanMultiSort(column)\n        ? column.table.options.isMultiSortEvent?.(e)\n        : false,\n    );\n  };\n}\n\n/**\n * Helper function to determine if a column is sortable based on its definition and the table's sorting configuration.\n * @internal\n */\nexport function column_getCanSort<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column?: Column<TDataTableFeatures, TData, TValue>): boolean {\n  if (column === undefined) {\n    return false;\n  }\n  // Grouped columns should for now not be sortable.\n  if (isGroupColumnDef<TDataTableFeatures, TData>(column.columnDef)) {\n    return false;\n  }\n  return (\n    (column.columnDef.enableSorting ?? true) &&\n    (column.table.options.enableSorting ?? false) &&\n    !!column.accessorFn\n  );\n}\n\n/**\n * Constructs the column row sorting for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowSortingFeature(): TableFeature {\n  return {\n    assignHeaderPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('rowSortingFeature', prototype, table, {\n          header_getAriaSortAttribute: {\n            fn: (header) => header_getAriaSortAttribute(header),\n          },\n          header_getCanSortByHeaderClick: {\n            fn: (header) => header_getCanSortByHeaderClick(header),\n          },\n        });\n      },\n    ),\n    assignRowPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('rowSortingFeature', prototype, table, {\n          row_getSortingValue: {\n            fn: (row, columnId) => row_getSortingValue(row, columnId),\n          },\n        });\n      },\n    ),\n    assignColumnPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('rowSortingFeature', prototype, table, {\n          column_getCustomSortingFn: {\n            fn: (column) => column_getCustomSortingFn(column),\n          },\n          column_getAutoSortDir: {\n            fn: (column) => column_getAutoSortDir(column),\n          },\n          column_getCanSort: { fn: (column) => column_getCanSort(column) },\n          column_getFirstSortDir: {\n            fn: (column) => column_getFirstSortDir(column),\n          },\n          column_getNextSortingOrder: {\n            fn: (column, multi) => column_getNextSortingOrder(column, multi),\n          },\n          column_toggleSorting: {\n            fn: (column, desc, multi) =>\n              column_toggleSorting(column, desc, multi),\n          },\n          column_getToggleSortingHandler: {\n            fn: (column) => column_getToggleSortingHandler(column),\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Feature implementation for Row Sorting.\n * @internal\n */\nexport const DataTableRowSortingFeature = constructRowSortingFeature();\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAWK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AAEjC,SAAS,kCAAkC;AAK3C,SAAS,4BAGP,WAA6D;AAC7D,SACE,cAAc,UACd,cAAc,QACd,OAAO,cAAc,YACrB,kBAAkB,aAClB,UAAU,iBAAiB;AAE/B;AAEA,MAAM,mBAAmB;AAAA,EACvB,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,QAAQ;AAAA,EACR,UAAU;AACZ;AAMO,SAAS,4BAId,QACiD;AACjD,MACE,OAAO,MAAM,QAAQ,iBACrB,OAAO,OAAO,UAAU,kBAAkB,SAC1C,OAAO,OAAO,QAAQ,WAAW,GACjC;AACA,UAAM,WAAW,mBAAmB,OAAO,MAAM;AACjD,QAAI,UAAU;AACZ,aAAO,aAAa,QAAQ,cAAc;AAAA,IAC5C;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAMO,SAAS,+BAGd,QAA4D;AAC5D,MAAI,OAAO,OAAO,oBAAoB,MAAM,MAAM;AAChD,WAAO;AAAA,EACT;AACA,SAAO,kBAAkB,OAAO,MAAM;AACxC;AAMO,SAAS,oBACd,KACA,UACqB;AACrB,QAAM,SAAS,gBAAgB,IAAI,OAAO,QAAQ;AAElD,MAAI,UAAU,4BAA4B,OAAO,SAAS,GAAG;AAC3D,UAAM,eAAe,OAAO,UAAU;AACtC,QAAI,gBAAgB,OAAO,iBAAiB,UAAU;AACpD,aACE,aACG,MAAM,GAAG,EAIT;AAAA,QACC,CAAC,KAAK,QAAS,IAA2C,GAAG;AAAA,QAC7D,IAAI;AAAA,MACN;AAAA,IAEN,WAAW,OAAO,iBAAiB,YAAY;AAC7C,aAAO,aAAa,IAAI,QAAQ;AAAA,IAClC;AAAA,EACF;AAEA,MAAI,CAAC,QAAQ,YAAY;AACvB,WAAO;AAAA,EACT;AAEA,SAAO,OAAO,WAAW,IAAI,UAAU,IAAI,KAAK;AAClD;AAEO,SAAS,0BAId,QACkC;AAClC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM;AAAA,EAClB;AAEA,MAAI,WAAW,OAAO,UAAU,eAAe,GAAG;AAChD,WAAO,OAAO,UAAU;AAAA,EAC1B;AAEA,MACE,OAAO,OAAO,UAAU,aAAa,YACrC,iBAAiB,OAAO,UAAU,QAAQ,GAC1C;AACA,WAAO,iBACL,OAAO,UAAU,QACnB;AAAA,EACF;AAEA,SAAO,iBAAiB,MAAM;AAChC;AAMO,SAAS,uBAGd,QAAmD;AACnD,QAAM,gBACJ,OAAO,UAAU,iBAAiB,OAAO,MAAM,QAAQ;AACzD,SAAO,gBAAgB,SAAS;AAClC;AAMO,SAAS,2BAGd,QAAmD,OAAiB;AACpE,QAAM,qBAAqB,uBAAuB,MAAM;AACxD,QAAM,WAAW,mBAAmB,MAAM;AAE1C,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MACE,aAAa,uBACZ,OAAO,MAAM,QAAQ,wBAAwB;AAAA,GAC7C,QAAS,OAAO,MAAM,QAAQ,qBAAqB,OAAQ,OAC5D;AACA,WAAO;AAAA,EACT;AACA,SAAO,aAAa,SAAS,QAAQ;AACvC;AAOO,SAAS,sBACd,QACO;AAGP,SAAO;AACT;AAOO,SAAS,qBAId,QACA,MACA,OACA;AAEA,QAAM,mBAAmB,2BAA2B,MAAM;AAE1D,MAAI,CAAC,OAAO;AACV,UAAM,aAAa,OAAO,MAAM,MAAM,SAAS,IAAI;AAEnD,QAAI,cAAc,WAAW,SAAS,GAAG;AACvC,YAAM,gBAAgB,WAAW,UAAU,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAMpE,UAAI,kBAAkB,WAAW,SAAS,GAAG;AAC3C,cAAM,WAAW,QAAQ,qBAAqB;AAC9C,yBAAiB,OAAO,OAAO,CAAC,EAAE,IAAI,OAAO,IAAI,MAAM,SAAS,CAAC,CAAC;AAClE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,iBAAiB,OAAO,SAAS;AAEvC,mBAAiB,OAAO,OAAO,CAAC,QAAQ;AAEtC,UAAM,kBAAkB,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAC1D,UAAM,gBAAgB,IAAI,UAAU,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAE7D,QAAI,aAA2B,CAAC;AAGhC,QAAI;AACJ,UAAM,WAAW,iBAAiB,OAAO,qBAAqB;AAG9D,QAAI,IAAI,UAAU,uBAAuB,MAAM,KAAK,OAAO;AACzD,UAAI,iBAAiB;AACnB,qBAAa;AAAA,MACf,OAAO;AACL,qBAAa;AAAA,MACf;AAAA,IACF,OAAO;AAEL,UAAI,IAAI,UAAU,kBAAkB,IAAI,SAAS,GAAG;AAClD,qBAAa;AAAA,MACf,WAAW,iBAAiB;AAC1B,qBAAa;AAAA,MACf,OAAO;AACL,qBAAa;AAAA,MACf;AAAA,IACF;AAGA,QAAI,eAAe,UAAU;AAE3B,UAAI,CAAC,gBAAgB;AAEnB,YAAI,CAAC,kBAAkB;AACrB,uBAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAEA,QAAI,eAAe,OAAO;AACxB,mBAAa;AAAA,QACX,GAAG;AAAA,QACH;AAAA,UACE,IAAI,OAAO;AAAA,UACX,MAAM;AAAA,QACR;AAAA,MACF;AAEA,iBAAW;AAAA,QACT;AAAA,QACA,WAAW,UACR,OAAO,MAAM,QAAQ,wBACpB,OAAO;AAAA,MACb;AAAA,IACF,WAAW,eAAe,UAAU;AAElC,mBAAa,IAAI,IAAI,CAAC,MAAM;AAC1B,YAAI,EAAE,OAAO,OAAO,IAAI;AACtB,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,MAAM;AAAA,UACR;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH,WAAW,eAAe,UAAU;AAClC,mBAAa,IAAI,OAAO,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAAA,IACnD,OAAO;AACL,mBAAa;AAAA,QACX;AAAA,UACE,IAAI,OAAO;AAAA,UACX,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AACH;AAMO,SAAS,+BAGd,QAAmD;AACnD,QAAM,UAAU,kBAAkB,MAAM;AAExC,SAAO,CAAC,MAAe;AACrB,QAAI,CAAC,SAAS;AACZ;AAAA,IACF;AAGA,IAAC,EAAU,UAAU;AACrB;AAAA,MACE;AAAA,MAEA;AAAA,MACA,uBAAuB,MAAM,IACzB,OAAO,MAAM,QAAQ,mBAAmB,CAAC,IACzC;AAAA,IACN;AAAA,EACF;AACF;AAMO,SAAS,kBAGd,QAA6D;AAC7D,MAAI,WAAW,QAAW;AACxB,WAAO;AAAA,EACT;AAEA,MAAI,iBAA4C,OAAO,SAAS,GAAG;AACjE,WAAO;AAAA,EACT;AACA,UACG,OAAO,UAAU,iBAAiB,UAClC,OAAO,MAAM,QAAQ,iBAAiB,UACvC,CAAC,CAAC,OAAO;AAEb;AAOO,SAAS,6BAA2C;AACzD,SAAO;AAAA,IACL,uBAAuB;AAAA,MACrB,CACE,WACA,UACG;AACH,4BAAoB,qBAAqB,WAAW,OAAO;AAAA,UACzD,6BAA6B;AAAA,YAC3B,IAAI,CAAC,WAAW,4BAA4B,MAAM;AAAA,UACpD;AAAA,UACA,gCAAgC;AAAA,YAC9B,IAAI,CAAC,WAAW,+BAA+B,MAAM;AAAA,UACvD;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,oBAAoB;AAAA,MAClB,CACE,WACA,UACG;AACH,4BAAoB,qBAAqB,WAAW,OAAO;AAAA,UACzD,qBAAqB;AAAA,YACnB,IAAI,CAAC,KAAK,aAAa,oBAAoB,KAAK,QAAQ;AAAA,UAC1D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,uBAAuB;AAAA,MACrB,CACE,WACA,UACG;AACH,4BAAoB,qBAAqB,WAAW,OAAO;AAAA,UACzD,2BAA2B;AAAA,YACzB,IAAI,CAAC,WAAW,0BAA0B,MAAM;AAAA,UAClD;AAAA,UACA,uBAAuB;AAAA,YACrB,IAAI,CAAC,WAAW,sBAAsB,MAAM;AAAA,UAC9C;AAAA,UACA,mBAAmB,EAAE,IAAI,CAAC,WAAW,kBAAkB,MAAM,EAAE;AAAA,UAC/D,wBAAwB;AAAA,YACtB,IAAI,CAAC,WAAW,uBAAuB,MAAM;AAAA,UAC/C;AAAA,UACA,4BAA4B;AAAA,YAC1B,IAAI,CAAC,QAAQ,UAAU,2BAA2B,QAAQ,KAAK;AAAA,UACjE;AAAA,UACA,sBAAsB;AAAA,YACpB,IAAI,CAAC,QAAQ,MAAM,UACjB,qBAAqB,QAAQ,MAAM,KAAK;AAAA,UAC5C;AAAA,UACA,gCAAgC;AAAA,YAC9B,IAAI,CAAC,WAAW,+BAA+B,MAAM;AAAA,UACvD;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAMO,MAAM,6BAA6B,2BAA2B;",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/Sorting.sty.js

@@ -14,9 +14,9 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./Sorting.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var multiSortIndicatorBubble = "_cu1al70-3-12-1";
-var sortOrderIndicator = "_cu1al71-3-12-1";
-var sortingArrow = _7a468({ defaultClassName: "_cu1al72-3-12-1", variantClassNames: { arrowUp: { true: "_cu1al73-3-12-1" }, rowDensity: { "default": "_cu1al74-3-12-1", condensed: "_cu1al75-3-12-1", comfortable: "_cu1al76-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var multiSortIndicatorBubble = "_cu1al70-3-13-0";
+var sortOrderIndicator = "_cu1al71-3-13-0";
+var sortingArrow = _7a468({ defaultClassName: "_cu1al72-3-13-0", variantClassNames: { arrowUp: { true: "_cu1al73-3-13-0" }, rowDensity: { "default": "_cu1al74-3-13-0", condensed: "_cu1al75-3-13-0", comfortable: "_cu1al76-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   multiSortIndicatorBubble,
   sortOrderIndicator,

package/esm/tables/DataTable/features/Sorting/Sorting.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/Sorting.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var multiSortIndicatorBubble = '_cu1al70-3-12-1';\nexport var sortOrderIndicator = '_cu1al71-3-12-1';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al72-3-12-1',variantClassNames:{arrowUp:{true:'_cu1al73-3-12-1'},rowDensity:{'default':'_cu1al74-3-12-1',condensed:'_cu1al75-3-12-1',comfortable:'_cu1al76-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var multiSortIndicatorBubble = '_cu1al70-3-13-0';\nexport var sortOrderIndicator = '_cu1al71-3-13-0';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al72-3-13-0',variantClassNames:{arrowUp:{true:'_cu1al73-3-13-0'},rowDensity:{'default':'_cu1al74-3-13-0',condensed:'_cu1al75-3-13-0',comfortable:'_cu1al76-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,2BAA2B;AAC/B,IAAI,qBAAqB;AACzB,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,GAAE,YAAW,EAAC,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/compare-functions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/compare-functions.ts"],
-  "sourcesContent": ["import { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\n\n/**\n * Converts the value to a number if it is not one already and if it is possible.\n * If the converted value is a number and exceeds MAX_SAFE_INTEGER or if it is smaller than MIN_SAFE_INTEGER,\n * the value is converted to bigint.\n */\nfunction convertToSafeNumber(value: string | number): string | number | bigint {\n  const convertedValue =\n    typeof value === 'number' ? value : convertToNumberIfPureNumber(value);\n\n  const isValueBigInt =\n    value !== Infinity &&\n    value !== -Infinity &&\n    typeof convertedValue === 'number' &&\n    (convertedValue > Number.MAX_SAFE_INTEGER ||\n      convertedValue < Number.MIN_SAFE_INTEGER);\n\n  return isValueBigInt ? BigInt(value) : convertedValue;\n}\n\n/**\n * Compares number values in columns.\n */\nexport function numberlikeCompare(\n  valueA: number | string | bigint,\n  valueB: number | string | bigint,\n): number {\n  let aValue = valueA;\n  let bValue = valueB;\n  if (typeof valueA === 'string' || typeof valueA === 'number') {\n    aValue = convertToSafeNumber(valueA);\n  }\n\n  if (typeof valueB === 'string' || typeof valueB === 'number') {\n    bValue = convertToSafeNumber(valueB);\n  }\n\n  if (\n    (typeof aValue === 'number' || typeof aValue === 'bigint') &&\n    (typeof bValue === 'number' || typeof bValue === 'bigint')\n  ) {\n    return compareBasic(aValue, bValue);\n  }\n  return alphanumericCompare(\n    convertToString(aValue).toLowerCase(),\n    convertToString(bValue).toLowerCase(),\n  );\n}\n\n/**\n * Compares alphanumeric values in columns.\n */\nexport function alphanumericCompare(valueA: string, valueB: string): number {\n  const reSplitAlphaNumeric = /([0-9]+)/gm;\n  // Split on number groups, but keep the delimiter\n  // Then remove falsy values\n\n  const aValue = valueA.split(reSplitAlphaNumeric).filter(Boolean);\n  const bValue = valueB.split(reSplitAlphaNumeric).filter(Boolean);\n\n  while (aValue.length && bValue.length) {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const aValueString = aValue.shift()!;\n\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const bValueString = bValue.shift()!;\n\n    const aValueInt = parseInt(aValueString, 10);\n    const bValueInt = parseInt(bValueString, 10);\n\n    const combo = [aValueInt, bValueInt].sort();\n\n    // Both are string\n    if (isNaN(combo[0])) {\n      if (aValueString > bValueString) {\n        return 1;\n      }\n      if (bValueString > aValueString) {\n        return -1;\n      }\n      continue;\n    }\n\n    // One is a string, one is a number\n    if (isNaN(combo[1])) {\n      return isNaN(aValueInt) ? -1 : 1;\n    }\n\n    // Both are numbers\n    if (aValueInt > bValueInt) {\n      return 1;\n    }\n    if (bValueInt > aValueInt) {\n      return -1;\n    }\n  }\n\n  return aValue.length - bValue.length;\n}\n\n/**\n * Compares string values in columns.\n */\nexport function stringlikeCompare(valueA: string, valueB: string): number {\n  return compareBasic(\n    convertToString(valueA).toLowerCase(),\n    convertToString(valueB).toLowerCase(),\n  );\n}\n\n/**\n * Compares case-sensitive string values in columns.\n */\nexport function stringlikeCompareCaseSensitive(\n  valueA: string,\n  valueB: string,\n): number {\n  return compareBasic(valueA, valueB);\n}\n\n/**\n * Converts the given value into nanoseconds or NaN if the value is not a valid date.\n */\nfunction convertToNanoseconds(value: number | string | Date): bigint | number {\n  if (Number.isNaN(value)) {\n    return NaN;\n  }\n\n  if (typeof value === 'number') {\n    return BigInt(value) * 1_000_000n;\n  }\n\n  if (value instanceof Date) {\n    const valTime = value.getTime();\n    if (Number.isNaN(valTime)) {\n      return NaN;\n    }\n    return BigInt(valTime) * 1_000_000n;\n  }\n\n  if (typeof value === 'string') {\n    return getPreciseTime(value);\n  }\n\n  return NaN;\n}\n\n/**\n * Compares datetime values in columns.\n * Supported:\n * - number: milliseconds since Unix epoch\n * - string: ISO-like datetime, supports up to 9 fractional digits\n * - Date: JS Date instance\n */\nexport function datelikeCompare(\n  valueA: number | string | Date,\n  valueB: number | string | Date,\n): number {\n  const aValue = convertToNanoseconds(valueA);\n  const bValue = convertToNanoseconds(valueB);\n\n  // if the given value is not a valid date, sort it to the end\n  if (Number.isNaN(aValue)) {\n    return 1;\n  }\n  if (Number.isNaN(bValue)) {\n    return -1;\n  }\n  return numberlikeCompare(aValue, bValue);\n}\n\n/**\n *  Basic sorting used for comparing strings. Much faster than alphanumeric comparison.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction compareBasic(valueA: any, valueB: any): number {\n  return valueA === valueB ? 0 : valueA > valueB ? 1 : -1;\n}\n\nfunction convertToString(value: unknown) {\n  if (value instanceof Date) {\n    return value.toISOString();\n  }\n  if (typeof value === 'number') {\n    return String(value);\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  return '';\n}\n\n/**\n * Converts the given time value into nanoseconds.\n * @param time - the timestamp to convert in ISO 8601 format.\n * @returns the time in nanoseconds.\n */\nfunction getPreciseTime(time: string): bigint | number {\n  const milliseconds = new Date(time).getTime();\n  // early exit if the string is not a valid date\n  if (isNaN(milliseconds)) {\n    return NaN;\n  }\n\n  // retrieve the microseconds and nanoseconds part from the fractional seconds\n  // and pad the string to ensure it has at least 9 digits (for micro and nanoseconds)\n  const regex = /\\.(\\d{1,9})/;\n  const fractionalMatch = regex.exec(time)?.[1] ?? '';\n  const microAndNanoseconds = fractionalMatch.padEnd(9, '0').substring(3, 9);\n\n  // JavaScript's Date object only provides precision up to milliseconds.\n  // To achieve nanosecond precision, convert milliseconds to nanoseconds and add the remaining precision\n  // For positive and negative timestamps, we add the nanoseconds\n  // because higher precision values always represent a later point in time\n  const msToNs = BigInt(milliseconds) * 1_000_000n;\n  const remainingNs = BigInt(microAndNanoseconds);\n\n  return msToNs + remainingNs;\n}\n"],
+  "sourcesContent": ["import { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\n\n/**\n * Converts the value to a number if it is not one already and if it is possible.\n * If the converted value is a number and exceeds MAX_SAFE_INTEGER or if it is smaller than MIN_SAFE_INTEGER,\n * the value is converted to bigint.\n */\nfunction convertToSafeNumber(value: string | number): string | number | bigint {\n  const convertedValue =\n    typeof value === 'number' ? value : convertToNumberIfPureNumber(value);\n\n  const isValueBigInt =\n    value !== Infinity &&\n    value !== -Infinity &&\n    typeof convertedValue === 'number' &&\n    (convertedValue > Number.MAX_SAFE_INTEGER ||\n      convertedValue < Number.MIN_SAFE_INTEGER);\n\n  return isValueBigInt ? BigInt(value) : convertedValue;\n}\n\n/**\n * Compares number values in columns.\n */\nexport function numberlikeCompare(\n  valueA: number | string | bigint,\n  valueB: number | string | bigint,\n): number {\n  let aValue = valueA;\n  let bValue = valueB;\n  if (typeof valueA === 'string' || typeof valueA === 'number') {\n    aValue = convertToSafeNumber(valueA);\n  }\n\n  if (typeof valueB === 'string' || typeof valueB === 'number') {\n    bValue = convertToSafeNumber(valueB);\n  }\n\n  if (\n    (typeof aValue === 'number' || typeof aValue === 'bigint') &&\n    (typeof bValue === 'number' || typeof bValue === 'bigint')\n  ) {\n    return compareBasic(aValue, bValue);\n  }\n  return alphanumericCompare(\n    convertToString(aValue).toLowerCase(),\n    convertToString(bValue).toLowerCase(),\n  );\n}\n\n/**\n * Compares alphanumeric values in columns.\n */\nexport function alphanumericCompare(valueA: string, valueB: string): number {\n  const reSplitAlphaNumeric = /([0-9]+)/gm;\n  // Split on number groups, but keep the delimiter\n  // Then remove falsy values\n\n  const aValue = valueA.split(reSplitAlphaNumeric).filter(Boolean);\n  const bValue = valueB.split(reSplitAlphaNumeric).filter(Boolean);\n\n  while (aValue.length && bValue.length) {\n    // oxlint-disable-next-line typescript/no-non-null-assertion\n    const aValueString = aValue.shift()!;\n\n    // oxlint-disable-next-line typescript/no-non-null-assertion\n    const bValueString = bValue.shift()!;\n\n    const aValueInt = parseInt(aValueString, 10);\n    const bValueInt = parseInt(bValueString, 10);\n\n    const combo = [aValueInt, bValueInt].sort();\n\n    // Both are string\n    if (isNaN(combo[0])) {\n      if (aValueString > bValueString) {\n        return 1;\n      }\n      if (bValueString > aValueString) {\n        return -1;\n      }\n      continue;\n    }\n\n    // One is a string, one is a number\n    if (isNaN(combo[1])) {\n      return isNaN(aValueInt) ? -1 : 1;\n    }\n\n    // Both are numbers\n    if (aValueInt > bValueInt) {\n      return 1;\n    }\n    if (bValueInt > aValueInt) {\n      return -1;\n    }\n  }\n\n  return aValue.length - bValue.length;\n}\n\n/**\n * Compares string values in columns.\n */\nexport function stringlikeCompare(valueA: string, valueB: string): number {\n  return compareBasic(\n    convertToString(valueA).toLowerCase(),\n    convertToString(valueB).toLowerCase(),\n  );\n}\n\n/**\n * Compares case-sensitive string values in columns.\n */\nexport function stringlikeCompareCaseSensitive(\n  valueA: string,\n  valueB: string,\n): number {\n  return compareBasic(valueA, valueB);\n}\n\n/**\n * Converts the given value into nanoseconds or NaN if the value is not a valid date.\n */\nfunction convertToNanoseconds(value: number | string | Date): bigint | number {\n  if (Number.isNaN(value)) {\n    return NaN;\n  }\n\n  if (typeof value === 'number') {\n    return BigInt(value) * 1_000_000n;\n  }\n\n  if (value instanceof Date) {\n    const valTime = value.getTime();\n    if (Number.isNaN(valTime)) {\n      return NaN;\n    }\n    return BigInt(valTime) * 1_000_000n;\n  }\n\n  if (typeof value === 'string') {\n    return getPreciseTime(value);\n  }\n\n  return NaN;\n}\n\n/**\n * Compares datetime values in columns.\n * Supported:\n * - number: milliseconds since Unix epoch\n * - string: ISO-like datetime, supports up to 9 fractional digits\n * - Date: JS Date instance\n */\nexport function datelikeCompare(\n  valueA: number | string | Date,\n  valueB: number | string | Date,\n): number {\n  const aValue = convertToNanoseconds(valueA);\n  const bValue = convertToNanoseconds(valueB);\n\n  // if the given value is not a valid date, sort it to the end\n  if (Number.isNaN(aValue)) {\n    return 1;\n  }\n  if (Number.isNaN(bValue)) {\n    return -1;\n  }\n  return numberlikeCompare(aValue, bValue);\n}\n\n/**\n *  Basic sorting used for comparing strings. Much faster than alphanumeric comparison.\n */\n// oxlint-disable-next-line typescript/no-explicit-any\nfunction compareBasic(valueA: any, valueB: any): number {\n  return valueA === valueB ? 0 : valueA > valueB ? 1 : -1;\n}\n\nfunction convertToString(value: unknown) {\n  if (value instanceof Date) {\n    return value.toISOString();\n  }\n  if (typeof value === 'number') {\n    return String(value);\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  return '';\n}\n\n/**\n * Converts the given time value into nanoseconds.\n * @param time - the timestamp to convert in ISO 8601 format.\n * @returns the time in nanoseconds.\n */\nfunction getPreciseTime(time: string): bigint | number {\n  const milliseconds = new Date(time).getTime();\n  // early exit if the string is not a valid date\n  if (isNaN(milliseconds)) {\n    return NaN;\n  }\n\n  // retrieve the microseconds and nanoseconds part from the fractional seconds\n  // and pad the string to ensure it has at least 9 digits (for micro and nanoseconds)\n  const regex = /\\.(\\d{1,9})/;\n  const fractionalMatch = regex.exec(time)?.[1] ?? '';\n  const microAndNanoseconds = fractionalMatch.padEnd(9, '0').substring(3, 9);\n\n  // JavaScript's Date object only provides precision up to milliseconds.\n  // To achieve nanosecond precision, convert milliseconds to nanoseconds and add the remaining precision\n  // For positive and negative timestamps, we add the nanoseconds\n  // because higher precision values always represent a later point in time\n  const msToNs = BigInt(milliseconds) * 1_000_000n;\n  const remainingNs = BigInt(microAndNanoseconds);\n\n  return msToNs + remainingNs;\n}\n"],
   "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/sorted-row-model.js

@@ -3,8 +3,7 @@ import {
 } from "@tanstack/react-table";
 import { column_getCanSort, column_getCustomSortingFn } from "./Sorting.js";
 function createSortedRowModel() {
-  return (_table) => {
-    const table = _table;
+  return (table) => {
     return tableMemo({
       feature: "rowSortingFeature",
       table,