@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsListItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsListItem.css.ts"],
-  "sourcesContent": ["import './DataTableColumnsListItem.css';\nexport var columnName = '_13ypmcy5-3-12-2';\nexport var columnNameContainer = '_13ypmcy4-3-12-2';\nexport var columnNameIndented = '_13ypmcy6-3-12-2';\nexport var columnNameSubdued = '_13ypmcy7-3-12-2';\nexport var columnsListItem = '_13ypmcy0-3-12-2';\nexport var dragging = '_13ypmcy3-3-12-2';\nexport var lastInSection = '_13ypmcy1-3-12-2';\nexport var noDragHandle = '_13ypmcy2-3-12-2';"],
+  "sourcesContent": ["import './DataTableColumnsListItem.css';\nexport var columnName = '_13ypmcy5-3-13-0';\nexport var columnNameContainer = '_13ypmcy4-3-13-0';\nexport var columnNameIndented = '_13ypmcy6-3-13-0';\nexport var columnNameSubdued = '_13ypmcy7-3-13-0';\nexport var columnsListItem = '_13ypmcy0-3-13-0';\nexport var dragging = '_13ypmcy3-3-13-0';\nexport var lastInSection = '_13ypmcy1-3-13-0';\nexport var noDragHandle = '_13ypmcy2-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,sBAAsB;AAC1B,IAAI,qBAAqB;AACzB,IAAI,oBAAoB;AACxB,IAAI,kBAAkB;AACtB,IAAI,WAAW;AACf,IAAI,gBAAgB;AACpB,IAAI,eAAe;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.css

@@ -1,4 +1,4 @@
-._1o0bw490-3-12-2 {
+._1o0bw490-3-13-0 {
   display: flex;
   align-items: center;
   margin: 0;
@@ -7,6 +7,6 @@
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._1o0bw491-3-12-2 {
+._1o0bw491-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.js

@@ -4,8 +4,8 @@ import * as styles from "./DataTableColumnsSectionHeader.sty.js";
 import { Text } from "../../../../../typography/text/Text.js";
 import { dataTableMessages } from "../../../messages.js";
 const sectionMessages = {
-  left: dataTableMessages.columnSettingsSectionPinnedLeft,
-  right: dataTableMessages.columnSettingsSectionPinnedRight,
+  start: dataTableMessages.columnSettingsSectionPinnedLeft,
+  end: dataTableMessages.columnSettingsSectionPinnedRight,
   false: dataTableMessages.columnSettingsSectionUnpinned
 };
 function DataTableColumnsSectionHeader(props) {

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.tsx"],
-  "sourcesContent": ["import type { ColumnPinningPosition } from '@tanstack/react-table';\nimport { type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableColumnsSectionHeader.sty.js';\nimport { Text } from '../../../../../typography/text/Text.js';\nimport { dataTableMessages } from '../../../messages.js';\n\nconst sectionMessages = {\n  left: dataTableMessages.columnSettingsSectionPinnedLeft,\n  right: dataTableMessages.columnSettingsSectionPinnedRight,\n  false: dataTableMessages.columnSettingsSectionUnpinned,\n} as const;\n\ninterface DataTableColumnsSectionHeaderProps {\n  /**\n   * The section the header labels.\n   */\n  position: ColumnPinningPosition;\n  /**\n   * The virtual index for grid row positioning.\n   */\n  virtualIndex: number;\n  /**\n   * Callback to measure the element for virtualization.\n   */\n  measureElement: (element: Element | null) => void;\n}\n\n/**\n * Section header row in the column settings list, labeling the pinned/unpinned\n * groups of columns.\n * @internal\n */\nexport function DataTableColumnsSectionHeader(\n  props: Readonly<DataTableColumnsSectionHeaderProps>,\n): JSX.Element {\n  const { position, virtualIndex, measureElement } = props;\n  const intl = useIntl();\n  const label = sectionMessages[`${position}`];\n\n  return (\n    <h3\n      ref={measureElement}\n      data-index={virtualIndex}\n      className={styles.sectionHeader}\n      style={{ gridRowStart: virtualIndex + 1 }}\n    >\n      <Text textStyle=\"small-emphasized\" className={styles.sectionHeaderLabel}>\n        {intl.formatMessage(label)}\n      </Text>\n    </h3>\n  );\n}\n"],
-  "mappings": "AAgDM;AA9CN,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAElC,MAAM,kBAAkB;AAAA,EACtB,MAAM,kBAAkB;AAAA,EACxB,OAAO,kBAAkB;AAAA,EACzB,OAAO,kBAAkB;AAC3B;AAsBO,SAAS,8BACd,OACa;AACb,QAAM,EAAE,UAAU,cAAc,eAAe,IAAI;AACnD,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,gBAAgB,GAAG,QAAQ,EAAE;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAW,OAAO;AAAA,MAClB,OAAO,EAAE,cAAc,eAAe,EAAE;AAAA,MAExC,8BAAC,QAAK,WAAU,oBAAmB,WAAW,OAAO,oBAClD,eAAK,cAAc,KAAK,GAC3B;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import type { ColumnPinningPosition } from '@tanstack/react-table';\nimport { type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableColumnsSectionHeader.sty.js';\nimport { Text } from '../../../../../typography/text/Text.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n// TanStack uses direction-agnostic \"start\"/\"end\" for pinning position;\n// DataTable is always left-to-right, so our UI labels say \"left\"/\"right\".\nconst sectionMessages = {\n  start: dataTableMessages.columnSettingsSectionPinnedLeft,\n  end: dataTableMessages.columnSettingsSectionPinnedRight,\n  false: dataTableMessages.columnSettingsSectionUnpinned,\n} as const;\n\ninterface DataTableColumnsSectionHeaderProps {\n  /**\n   * The section the header labels.\n   */\n  position: ColumnPinningPosition;\n  /**\n   * The virtual index for grid row positioning.\n   */\n  virtualIndex: number;\n  /**\n   * Callback to measure the element for virtualization.\n   */\n  measureElement: (element: Element | null) => void;\n}\n\n/**\n * Section header row in the column settings list, labeling the pinned/unpinned\n * groups of columns.\n * @internal\n */\nexport function DataTableColumnsSectionHeader(\n  props: Readonly<DataTableColumnsSectionHeaderProps>,\n): JSX.Element {\n  const { position, virtualIndex, measureElement } = props;\n  const intl = useIntl();\n  const label = sectionMessages[`${position}`];\n\n  return (\n    <h3\n      ref={measureElement}\n      data-index={virtualIndex}\n      className={styles.sectionHeader}\n      style={{ gridRowStart: virtualIndex + 1 }}\n    >\n      <Text textStyle=\"small-emphasized\" className={styles.sectionHeaderLabel}>\n        {intl.formatMessage(label)}\n      </Text>\n    </h3>\n  );\n}\n"],
+  "mappings": "AAkDM;AAhDN,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAIlC,MAAM,kBAAkB;AAAA,EACtB,OAAO,kBAAkB;AAAA,EACzB,KAAK,kBAAkB;AAAA,EACvB,OAAO,kBAAkB;AAC3B;AAsBO,SAAS,8BACd,OACa;AACb,QAAM,EAAE,UAAU,cAAc,eAAe,IAAI;AACnD,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,gBAAgB,GAAG,QAAQ,EAAE;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAW,OAAO;AAAA,MAClB,OAAO,EAAE,cAAc,eAAe,EAAE;AAAA,MAExC,8BAAC,QAAK,WAAU,oBAAmB,WAAW,OAAO,oBAClD,eAAK,cAAc,KAAK,GAC3B;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.sty.js

@@ -1,6 +1,6 @@
 import "./DataTableColumnsSectionHeader.css";
-var sectionHeader = "_1o0bw490-3-12-2";
-var sectionHeaderLabel = "_1o0bw491-3-12-2";
+var sectionHeader = "_1o0bw490-3-13-0";
+var sectionHeaderLabel = "_1o0bw491-3-13-0";
 export {
   sectionHeader,
   sectionHeaderLabel

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.css.ts"],
-  "sourcesContent": ["import './DataTableColumnsSectionHeader.css';\nexport var sectionHeader = '_1o0bw490-3-12-2';\nexport var sectionHeaderLabel = '_1o0bw491-3-12-2';"],
+  "sourcesContent": ["import './DataTableColumnsSectionHeader.css';\nexport var sectionHeader = '_1o0bw490-3-13-0';\nexport var sectionHeaderLabel = '_1o0bw491-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableNoFilterResultsEmptyState.css

@@ -1,3 +1,3 @@
-._cuj2fe0-3-12-2 {
+._cuj2fe0-3-13-0 {
   text-align: center;
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableNoFilterResultsEmptyState.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableNoFilterResultsEmptyState.css";
-var container = "_cuj2fe0-3-12-2";
+var container = "_cuj2fe0-3-13-0";
 export {
   container
 };

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableNoFilterResultsEmptyState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableNoFilterResultsEmptyState.css.ts"],
-  "sourcesContent": ["import './DataTableNoFilterResultsEmptyState.css';\nexport var container = '_cuj2fe0-3-12-2';"],
+  "sourcesContent": ["import './DataTableNoFilterResultsEmptyState.css';\nexport var container = '_cuj2fe0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.css

@@ -1,14 +1,14 @@
-._1rh6hs00-3-12-2 {
+._1rh6hs00-3-13-0 {
   flex: 1 1 0;
 }
-._1rh6hs00-3-12-2._1rh6hs00-3-12-2 {
+._1rh6hs00-3-13-0._1rh6hs00-3-13-0 {
   min-width: unset;
 }
-._1rh6hs01-3-12-2 {
+._1rh6hs01-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   flex-shrink: 0;
   white-space: nowrap;
 }
-._dmotjm0-3-12-2 div:has(> ._1rh6hs02-3-12-2) {
+._dmotjm0-3-13-0 div:has(> ._1rh6hs02-3-13-0) {
   padding-top: var(--dt-spacings-size-0, 0);
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.js

@@ -117,6 +117,7 @@ const DataTableVisibilityFilterControls = (props) => {
   ] });
 };
 export {
-  DataTableVisibilityFilterControls
+  DataTableVisibilityFilterControls,
+  SEARCH_DEBOUNCE_TIME_MS
 };
 //# sourceMappingURL=DataTableVisibilityFilterControls.js.map

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.tsx"],
-  "sourcesContent": ["import { debounce } from 'lodash-es';\nimport {\n  type Dispatch,\n  type JSX,\n  type SetStateAction,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ViewIcon, ViewOffIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from './DataTableVisibilityFilterControls.sty.js';\nimport { Button } from '../../../../../buttons/button/Button.js';\nimport { SearchInput } from '../../../../../forms/search-input/SearchInput.js';\nimport { Switch } from '../../../../../forms/switch/Switch.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { Text } from '../../../../../typography/text/Text.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n/** Debounce time (ms) for search input in column settings modal. */\nconst SEARCH_DEBOUNCE_TIME_MS = 300;\n\n/**\n * Props for the filter/visibility control bar rendered above the column list in the column settings modal.\n * @internal\n */\ninterface DataTableVisibilityFilterControlsProps {\n  /**\n   * The current raw (un-debounced) value of the search input.\n   */\n  filterValue: string;\n  /**\n   * Callback to update the raw filter value and trigger a debounced update of the active filter.\n   */\n  onFilterValueChange: (value: string) => void;\n  /**\n   * Updates the current debounced value of the filter.\n   */\n  setActiveFilterValue: Dispatch<SetStateAction<string>>;\n  /**\n   * Determines whether to show the show/hide all columns buttons.\n   */\n  showVisibilityControl: boolean;\n  /**\n   * Determines whether to show the search input for filtering columns.\n   */\n  showFilterControl: boolean;\n  /**\n   * Whether all columns are already visible \u2014 disables the \"Show all\" button.\n   */\n  showAllDisabled: boolean;\n  /**\n   * Whether all columns are already hidden \u2014 disables the \"Hide all\" button.\n   */\n  hideAllDisabled: boolean;\n  /**\n   * Callback to set all hideable columns visible.\n   */\n  onShowAll: () => void;\n  /**\n   * Callback to set all hideable columns hidden.\n   */\n  onHideAll: () => void;\n  /**\n   * Whether hidden columns are listed in the column list.\n   */\n  listHiddenColumns: boolean;\n  /**\n   * Callback to toggle the \"list hidden columns\" switch.\n   */\n  onListHiddenColumnsChange: () => void;\n  /**\n   * Number of currently hidden columns (shown in the switch label).\n   */\n  hiddenColumnCount: number;\n  /**\n   * Number of currently visible columns.\n   */\n  visibleColumnCount: number;\n  /**\n   * Total number of columns.\n   */\n  totalColumnCount: number;\n}\n\n/**\n * Search input + \"Show all\" / \"Hide all\" buttons (row 1) and \"List hidden columns\" switch\n * with visible/total counter (row 2) rendered above the column list in the ColumnSettingsModal.\n * @internal\n */\nexport const DataTableVisibilityFilterControls = (\n  props: DataTableVisibilityFilterControlsProps,\n): JSX.Element | null => {\n  const {\n    filterValue,\n    onFilterValueChange,\n    setActiveFilterValue,\n    showVisibilityControl,\n    showFilterControl,\n    showAllDisabled,\n    hideAllDisabled,\n    onShowAll,\n    onHideAll,\n    listHiddenColumns,\n    onListHiddenColumnsChange,\n    hiddenColumnCount,\n    visibleColumnCount,\n    totalColumnCount,\n  } = props;\n\n  const intl = useIntl();\n\n  const debouncedUpdateRef = useRef(\n    debounce((value: string, setter: Dispatch<SetStateAction<string>>) => {\n      setter(value);\n    }, SEARCH_DEBOUNCE_TIME_MS),\n  );\n\n  const onChange = useCallback(\n    (value: string) => {\n      onFilterValueChange(value);\n      debouncedUpdateRef.current(value, setActiveFilterValue);\n    },\n    [onFilterValueChange, setActiveFilterValue],\n  );\n\n  useEffect(() => {\n    const debouncedUpdate = debouncedUpdateRef.current;\n    return () => {\n      debouncedUpdate.cancel();\n    };\n  }, []);\n\n  if (!showFilterControl && !showVisibilityControl) {\n    return null;\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={8} className={styles.filterControls}>\n      {showFilterControl && (\n        <Flex justifyContent=\"space-between\" alignItems=\"center\" gap={8}>\n          <SearchInput\n            placeholder={intl.formatMessage(\n              dataTableMessages.searchBarPlaceholder,\n            )}\n            className={styles.searchInput}\n            onChange={onChange}\n            value={filterValue}\n            data-dt-children-name=\"ColumnSettingsFilter\"\n          />\n          {showVisibilityControl && (\n            <Flex gap={8} flexShrink={0}>\n              <Button\n                variant=\"emphasized\"\n                disabled={showAllDisabled}\n                onClick={onShowAll}\n                data-dt-children-name=\"ColumnSettingsShowAll\"\n              >\n                <Button.Prefix>\n                  <ViewIcon />\n                </Button.Prefix>\n                {intl.formatMessage(dataTableMessages.showAll)}\n              </Button>\n              <Button\n                variant=\"emphasized\"\n                disabled={hideAllDisabled}\n                onClick={onHideAll}\n                data-dt-children-name=\"ColumnSettingsHideAll\"\n              >\n                <Button.Prefix>\n                  <ViewOffIcon />\n                </Button.Prefix>\n                {intl.formatMessage(dataTableMessages.hideAll)}\n              </Button>\n            </Flex>\n          )}\n        </Flex>\n      )}\n      {showVisibilityControl && !filterValue && (\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Switch\n            value={listHiddenColumns}\n            onChange={onListHiddenColumnsChange}\n            data-dt-children-name=\"ColumnSettingsListHiddenColumns\"\n          >\n            {intl.formatMessage(dataTableMessages.listHiddenColumns, {\n              count: hiddenColumnCount,\n            })}\n          </Switch>\n          <Text className={styles.columnCount}>\n            {intl.formatMessage(dataTableMessages.columnSettingsShowingCount, {\n              visible: visibleColumnCount,\n              total: totalColumnCount,\n            })}\n          </Text>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n"],
-  "mappings": "AA+IU,cAWI,YAXJ;AA/IV,SAAS,gBAAgB;AACzB;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,UAAU,mBAAmB;AAEtC,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAGlC,MAAM,0BAA0B;AAsEzB,MAAM,oCAAoC,CAC/C,UACuB;AACvB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,OAAO,QAAQ;AAErB,QAAM,qBAAqB;AAAA,IACzB,SAAS,CAAC,OAAe,WAA6C;AACpE,aAAO,KAAK;AAAA,IACd,GAAG,uBAAuB;AAAA,EAC5B;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,UAAkB;AACjB,0BAAoB,KAAK;AACzB,yBAAmB,QAAQ,OAAO,oBAAoB;AAAA,IACxD;AAAA,IACA,CAAC,qBAAqB,oBAAoB;AAAA,EAC5C;AAEA,YAAU,MAAM;AACd,UAAM,kBAAkB,mBAAmB;AAC3C,WAAO,MAAM;AACX,sBAAgB,OAAO;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,qBAAqB,CAAC,uBAAuB;AAChD,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,QAAK,eAAc,UAAS,KAAK,GAAG,WAAW,OAAO,gBACpD;AAAA,yBACC,qBAAC,QAAK,gBAAe,iBAAgB,YAAW,UAAS,KAAK,GAC5D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,aAAa,KAAK;AAAA,YAChB,kBAAkB;AAAA,UACpB;AAAA,UACA,WAAW,OAAO;AAAA,UAClB;AAAA,UACA,OAAO;AAAA,UACP,yBAAsB;AAAA;AAAA,MACxB;AAAA,MACC,yBACC,qBAAC,QAAK,KAAK,GAAG,YAAY,GACxB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,SAAS;AAAA,YACT,yBAAsB;AAAA,YAEtB;AAAA,kCAAC,OAAO,QAAP,EACC,8BAAC,YAAS,GACZ;AAAA,cACC,KAAK,cAAc,kBAAkB,OAAO;AAAA;AAAA;AAAA,QAC/C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,SAAS;AAAA,YACT,yBAAsB;AAAA,YAEtB;AAAA,kCAAC,OAAO,QAAP,EACC,8BAAC,eAAY,GACf;AAAA,cACC,KAAK,cAAc,kBAAkB,OAAO;AAAA;AAAA;AAAA,QAC/C;AAAA,SACF;AAAA,OAEJ;AAAA,IAED,yBAAyB,CAAC,eACzB,qBAAC,QAAK,gBAAe,iBAAgB,YAAW,UAC9C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU;AAAA,UACV,yBAAsB;AAAA,UAErB,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,OAAO;AAAA,UACT,CAAC;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,QAAK,WAAW,OAAO,aACrB,eAAK,cAAc,kBAAkB,4BAA4B;AAAA,QAChE,SAAS;AAAA,QACT,OAAO;AAAA,MACT,CAAC,GACH;AAAA,OACF;AAAA,KAEJ;AAEJ;",
+  "sourcesContent": ["import { debounce } from 'lodash-es';\nimport {\n  type Dispatch,\n  type JSX,\n  type SetStateAction,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ViewIcon, ViewOffIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from './DataTableVisibilityFilterControls.sty.js';\nimport { Button } from '../../../../../buttons/button/Button.js';\nimport { SearchInput } from '../../../../../forms/search-input/SearchInput.js';\nimport { Switch } from '../../../../../forms/switch/Switch.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { Text } from '../../../../../typography/text/Text.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n/**\n * Debounce time (ms) for search input in column settings modal.\n * @internal\n */\nexport const SEARCH_DEBOUNCE_TIME_MS = 300;\n\n/**\n * Props for the filter/visibility control bar rendered above the column list in the column settings modal.\n * @internal\n */\ninterface DataTableVisibilityFilterControlsProps {\n  /**\n   * The current raw (un-debounced) value of the search input.\n   */\n  filterValue: string;\n  /**\n   * Callback to update the raw filter value and trigger a debounced update of the active filter.\n   */\n  onFilterValueChange: (value: string) => void;\n  /**\n   * Updates the current debounced value of the filter.\n   */\n  setActiveFilterValue: Dispatch<SetStateAction<string>>;\n  /**\n   * Determines whether to show the show/hide all columns buttons.\n   */\n  showVisibilityControl: boolean;\n  /**\n   * Determines whether to show the search input for filtering columns.\n   */\n  showFilterControl: boolean;\n  /**\n   * Whether all columns are already visible \u2014 disables the \"Show all\" button.\n   */\n  showAllDisabled: boolean;\n  /**\n   * Whether all columns are already hidden \u2014 disables the \"Hide all\" button.\n   */\n  hideAllDisabled: boolean;\n  /**\n   * Callback to set all hideable columns visible.\n   */\n  onShowAll: () => void;\n  /**\n   * Callback to set all hideable columns hidden.\n   */\n  onHideAll: () => void;\n  /**\n   * Whether hidden columns are listed in the column list.\n   */\n  listHiddenColumns: boolean;\n  /**\n   * Callback to toggle the \"list hidden columns\" switch.\n   */\n  onListHiddenColumnsChange: () => void;\n  /**\n   * Number of currently hidden columns (shown in the switch label).\n   */\n  hiddenColumnCount: number;\n  /**\n   * Number of currently visible columns.\n   */\n  visibleColumnCount: number;\n  /**\n   * Total number of columns.\n   */\n  totalColumnCount: number;\n}\n\n/**\n * Search input + \"Show all\" / \"Hide all\" buttons (row 1) and \"List hidden columns\" switch\n * with visible/total counter (row 2) rendered above the column list in the ColumnSettingsModal.\n * @internal\n */\nexport const DataTableVisibilityFilterControls = (\n  props: DataTableVisibilityFilterControlsProps,\n): JSX.Element | null => {\n  const {\n    filterValue,\n    onFilterValueChange,\n    setActiveFilterValue,\n    showVisibilityControl,\n    showFilterControl,\n    showAllDisabled,\n    hideAllDisabled,\n    onShowAll,\n    onHideAll,\n    listHiddenColumns,\n    onListHiddenColumnsChange,\n    hiddenColumnCount,\n    visibleColumnCount,\n    totalColumnCount,\n  } = props;\n\n  const intl = useIntl();\n\n  const debouncedUpdateRef = useRef(\n    debounce((value: string, setter: Dispatch<SetStateAction<string>>) => {\n      setter(value);\n    }, SEARCH_DEBOUNCE_TIME_MS),\n  );\n\n  const onChange = useCallback(\n    (value: string) => {\n      onFilterValueChange(value);\n      debouncedUpdateRef.current(value, setActiveFilterValue);\n    },\n    [onFilterValueChange, setActiveFilterValue],\n  );\n\n  useEffect(() => {\n    const debouncedUpdate = debouncedUpdateRef.current;\n    return () => {\n      debouncedUpdate.cancel();\n    };\n  }, []);\n\n  if (!showFilterControl && !showVisibilityControl) {\n    return null;\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={8} className={styles.filterControls}>\n      {showFilterControl && (\n        <Flex justifyContent=\"space-between\" alignItems=\"center\" gap={8}>\n          <SearchInput\n            placeholder={intl.formatMessage(\n              dataTableMessages.searchBarPlaceholder,\n            )}\n            className={styles.searchInput}\n            onChange={onChange}\n            value={filterValue}\n            data-dt-children-name=\"ColumnSettingsFilter\"\n          />\n          {showVisibilityControl && (\n            <Flex gap={8} flexShrink={0}>\n              <Button\n                variant=\"emphasized\"\n                disabled={showAllDisabled}\n                onClick={onShowAll}\n                data-dt-children-name=\"ColumnSettingsShowAll\"\n              >\n                <Button.Prefix>\n                  <ViewIcon />\n                </Button.Prefix>\n                {intl.formatMessage(dataTableMessages.showAll)}\n              </Button>\n              <Button\n                variant=\"emphasized\"\n                disabled={hideAllDisabled}\n                onClick={onHideAll}\n                data-dt-children-name=\"ColumnSettingsHideAll\"\n              >\n                <Button.Prefix>\n                  <ViewOffIcon />\n                </Button.Prefix>\n                {intl.formatMessage(dataTableMessages.hideAll)}\n              </Button>\n            </Flex>\n          )}\n        </Flex>\n      )}\n      {showVisibilityControl && !filterValue && (\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Switch\n            value={listHiddenColumns}\n            onChange={onListHiddenColumnsChange}\n            data-dt-children-name=\"ColumnSettingsListHiddenColumns\"\n          >\n            {intl.formatMessage(dataTableMessages.listHiddenColumns, {\n              count: hiddenColumnCount,\n            })}\n          </Switch>\n          <Text className={styles.columnCount}>\n            {intl.formatMessage(dataTableMessages.columnSettingsShowingCount, {\n              visible: visibleColumnCount,\n              total: totalColumnCount,\n            })}\n          </Text>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n"],
+  "mappings": "AAkJU,cAWI,YAXJ;AAlJV,SAAS,gBAAgB;AACzB;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,UAAU,mBAAmB;AAEtC,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAM3B,MAAM,0BAA0B;AAsEhC,MAAM,oCAAoC,CAC/C,UACuB;AACvB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,OAAO,QAAQ;AAErB,QAAM,qBAAqB;AAAA,IACzB,SAAS,CAAC,OAAe,WAA6C;AACpE,aAAO,KAAK;AAAA,IACd,GAAG,uBAAuB;AAAA,EAC5B;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,UAAkB;AACjB,0BAAoB,KAAK;AACzB,yBAAmB,QAAQ,OAAO,oBAAoB;AAAA,IACxD;AAAA,IACA,CAAC,qBAAqB,oBAAoB;AAAA,EAC5C;AAEA,YAAU,MAAM;AACd,UAAM,kBAAkB,mBAAmB;AAC3C,WAAO,MAAM;AACX,sBAAgB,OAAO;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,qBAAqB,CAAC,uBAAuB;AAChD,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,QAAK,eAAc,UAAS,KAAK,GAAG,WAAW,OAAO,gBACpD;AAAA,yBACC,qBAAC,QAAK,gBAAe,iBAAgB,YAAW,UAAS,KAAK,GAC5D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,aAAa,KAAK;AAAA,YAChB,kBAAkB;AAAA,UACpB;AAAA,UACA,WAAW,OAAO;AAAA,UAClB;AAAA,UACA,OAAO;AAAA,UACP,yBAAsB;AAAA;AAAA,MACxB;AAAA,MACC,yBACC,qBAAC,QAAK,KAAK,GAAG,YAAY,GACxB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,SAAS;AAAA,YACT,yBAAsB;AAAA,YAEtB;AAAA,kCAAC,OAAO,QAAP,EACC,8BAAC,YAAS,GACZ;AAAA,cACC,KAAK,cAAc,kBAAkB,OAAO;AAAA;AAAA;AAAA,QAC/C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,SAAS;AAAA,YACT,yBAAsB;AAAA,YAEtB;AAAA,kCAAC,OAAO,QAAP,EACC,8BAAC,eAAY,GACf;AAAA,cACC,KAAK,cAAc,kBAAkB,OAAO;AAAA;AAAA;AAAA,QAC/C;AAAA,SACF;AAAA,OAEJ;AAAA,IAED,yBAAyB,CAAC,eACzB,qBAAC,QAAK,gBAAe,iBAAgB,YAAW,UAC9C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU;AAAA,UACV,yBAAsB;AAAA,UAErB,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,OAAO;AAAA,UACT,CAAC;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,QAAK,WAAW,OAAO,aACrB,eAAK,cAAc,kBAAkB,4BAA4B;AAAA,QAChE,SAAS;AAAA,QACT,OAAO;AAAA,MACT,CAAC,GACH;AAAA,OACF;AAAA,KAEJ;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.sty.js

@@ -1,8 +1,8 @@
 import "../../../../../overlays/modal/Modal.css";
 import "./DataTableVisibilityFilterControls.css";
-var columnCount = "_1rh6hs01-3-12-2";
-var filterControls = "_1rh6hs02-3-12-2";
-var searchInput = "_1rh6hs00-3-12-2";
+var columnCount = "_1rh6hs01-3-13-0";
+var filterControls = "_1rh6hs02-3-13-0";
+var searchInput = "_1rh6hs00-3-13-0";
 export {
   columnCount,
   filterControls,

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.css.ts"],
-  "sourcesContent": ["import '../../../../../overlays/modal/Modal.css';\nimport './DataTableVisibilityFilterControls.css';\nexport var columnCount = '_1rh6hs01-3-12-2';\nexport var filterControls = '_1rh6hs02-3-12-2';\nexport var searchInput = '_1rh6hs00-3-12-2';"],
+  "sourcesContent": ["import '../../../../../overlays/modal/Modal.css';\nimport './DataTableVisibilityFilterControls.css';\nexport var columnCount = '_1rh6hs01-3-13-0';\nexport var filterControls = '_1rh6hs02-3-13-0';\nexport var searchInput = '_1rh6hs00-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,cAAc;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/column-settings-utils.js

@@ -203,7 +203,7 @@ function getHasColumnPinningChanged(columnPinnedToReset, localColumnsPinned) {
   if (!columnPinnedToReset) {
     return false;
   }
-  return !isEqual(columnPinnedToReset.left, localColumnsPinned.left) || !isEqual(columnPinnedToReset.right, localColumnsPinned.right);
+  return !isEqual(columnPinnedToReset.start, localColumnsPinned.start) || !isEqual(columnPinnedToReset.end, localColumnsPinned.end);
 }
 export {
   generateColumnLabelsMap,

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/column-settings-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/column-settings-utils.tsx"],
-  "sourcesContent": ["import type {\n  ColumnPinningState,\n  RowData,\n  TableFeatures,\n  Column_Internal,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { type JSX } from 'react';\nimport { type IntlShape } from 'react-intl';\n\nimport { MessageContainer } from '../../../../../content/message-container/MessageContainer.js';\nimport { devLog } from '../../../../../core/utils/logging.js';\nimport { getColumnLabel } from '../../../../utils/get-column-label.js';\nimport type {\n  DataTableColumnVisibilityState,\n  DataTableVisibleColumnLimits,\n} from '../../../features/ColumnVisibility/column-visibility-types.js';\nimport type { TDataTableFeatures } from '../../../features/types/features.types.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n//#region filtering\n\n/**\n * Generates a map of column IDs to their lowercase labels for efficient filtering.\n *\n * @param columns - The columns to generate labels for.\n * @returns A map of column IDs to lowercase labels.\n * @internal\n */\nexport function generateColumnLabelsMap<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(columns: Column_Internal<TFeatures, TData>[]): Map<string, string> {\n  const labels = new Map<string, string>();\n  for (const col of columns) {\n    labels.set(col.id, getColumnLabel(col).toLocaleLowerCase());\n    const parent = col.parent;\n    if (parent && !labels.has(parent.id)) {\n      labels.set(parent.id, getColumnLabel(parent).toLocaleLowerCase());\n    }\n  }\n  return labels;\n}\n\n/**\n * Processes a filter string into an array of lowercase words.\n * @param filterValue - The filter string to process.\n * @returns An array of lowercase words.\n * @internal\n */\nexport function processFilterValue(filterValue: string): string[] {\n  return filterValue.toLocaleLowerCase().split(' ').filter(Boolean);\n}\n\n//#endregion\n\n//#region feature flag\n\n/**\n * Returns the configuration object form of a programmatic column settings override,\n * or `undefined` when the override is a boolean toggle or not provided.\n * @param override - The override value for a column setting (`columnOrder`, `columnVisibility`,\n *                   or `columnPinning`), as passed to the programmatic `openColumnSettings` call.\n * @param key - The key of the configuration object to return when `override` is an object.\n * @returns the configuration object or undefined.\n *\n * @internal\n */\nexport function getOverrideValue<T extends object, K extends keyof T>(\n  override: boolean | T | undefined,\n  key: K,\n): T[K] | undefined {\n  return typeof override === 'object' ? override[key] : undefined;\n}\n\n/**\n * Resolves whether a column settings feature is enabled. An override of `false` disables it.\n * Falls back to the toolbar slot value when no override is provided.\n * @param override - The override value for the feature.\n * @param fallback - The fallback value from the toolbar slot.\n * @returns `true` if the feature is enabled, `false` otherwise.\n *\n * @internal\n */\nexport function getIsSettingEnabled<T extends object>(\n  override: boolean | T | undefined,\n  fallback: boolean,\n): boolean {\n  return override === undefined ? fallback : override !== false;\n}\n\n//#endregion\n\n//#region visible-columns-limit\n\n/**\n * Resolves effective warning and error thresholds for `visibleColumnLimits`.\n * Values less than 1 are invalid and treated as unset.\n *\n * @param rawLimit - raw `visibleColumnLimits` value from the consumer; `undefined` when no limits are configured\n * @param mandatoryVisibleCount - number of non-built-in leaf columns with `disableColumnHiding: true`\n * @internal\n */\nexport function resolveEffectiveLimit(\n  rawLimit: DataTableVisibleColumnLimits | undefined,\n  mandatoryVisibleCount: number,\n): {\n  warningLimit: number | undefined;\n  errorLimit: number | undefined;\n} {\n  let warningLimit: number | undefined;\n  if (rawLimit?.maxWarning !== undefined) {\n    if (rawLimit.maxWarning < 1) {\n      devLog(\n        'DataTable: visibleColumnLimits.maxWarning must be at least 1. The value has been ignored.',\n      );\n    } else {\n      warningLimit = rawLimit.maxWarning;\n    }\n  }\n\n  let errorLimit: number | undefined;\n  if (rawLimit?.maxError !== undefined) {\n    if (rawLimit.maxError < 1) {\n      devLog(\n        'DataTable: visibleColumnLimits.maxError must be at least 1. The value has been ignored.',\n      );\n    } else {\n      errorLimit = rawLimit.maxError;\n    }\n  }\n\n  if (\n    warningLimit !== undefined &&\n    errorLimit !== undefined &&\n    warningLimit >= errorLimit\n  ) {\n    devLog(\n      'DataTable: visibleColumnLimits.maxWarning should be less than visibleColumnLimits.maxError. ' +\n        'The warning threshold has no effect when it is greater than or equal to the error threshold.',\n    );\n  }\n\n  if (warningLimit !== undefined && warningLimit <= mandatoryVisibleCount) {\n    devLog(\n      `DataTable: visibleColumnLimits.maxWarning (${warningLimit}) is at or below the number of non-hideable columns (${mandatoryVisibleCount}). The warning will always be shown.`,\n    );\n  }\n\n  if (errorLimit !== undefined && errorLimit <= mandatoryVisibleCount) {\n    devLog(\n      errorLimit < mandatoryVisibleCount\n        ? `DataTable: visibleColumnLimits.maxError (${errorLimit}) is below the number of non-hideable columns (${mandatoryVisibleCount}). Apply will always be disabled.`\n        : `DataTable: visibleColumnLimits.maxError (${errorLimit}) equals the number of non-hideable columns (${mandatoryVisibleCount}). Apply will only be enabled when all optional columns are hidden.`,\n    );\n  }\n\n  return { warningLimit, errorLimit };\n}\n\n/**\n * Builds the footer feedback message for the column visibility limit feature.\n *\n * Priority: min-error (< 1 visible) \u2192 max-error (exceeds hard limit) \u2192 max-warning (exceeds soft limit).\n * Returns `undefined` when no condition is active so callers can gate layout on its presence.\n *\n * @param showMinError - Whether the minimum-column error (< 1 visible) is active.\n * @param errorLimit - Resolved hard upper limit; `undefined` when not configured.\n * @param warningLimit - Resolved soft upper limit; `undefined` when not configured.\n * @param visibleColumnCount - Number of currently visible columns in the local (unsaved) state.\n * @param intl - IntlShape instance from the calling component.\n * @internal\n */\nexport function getVisibilityLimitMessage(\n  showMinError: boolean,\n  errorLimit: number | undefined,\n  warningLimit: number | undefined,\n  visibleColumnCount: number,\n  intl: IntlShape,\n): JSX.Element | undefined {\n  let variant: 'critical' | 'warning';\n  let description: string;\n\n  if (showMinError && visibleColumnCount < 1) {\n    variant = 'critical';\n    description = intl.formatMessage(dataTableMessages.visibleColumnsMinError);\n  } else if (errorLimit !== undefined && visibleColumnCount > errorLimit) {\n    variant = 'critical';\n    description = intl.formatMessage(dataTableMessages.visibleColumnsError, {\n      limit: errorLimit,\n    });\n  } else if (warningLimit !== undefined && visibleColumnCount > warningLimit) {\n    variant = 'warning';\n    description = intl.formatMessage(dataTableMessages.visibleColumnsWarning, {\n      limit: warningLimit,\n    });\n  } else {\n    return undefined;\n  }\n\n  return (\n    <MessageContainer variant={variant}>\n      <MessageContainer.Description>{description}</MessageContainer.Description>\n    </MessageContainer>\n  );\n}\n\n//#endregion\n\n//#region general utils\n\n/**\n * Adds the parent column before adjacent leaf columns.\n * @param columns - the leaf column ids.\n * @remarks The same parent column may appear multiple times in the pinned areas.\n */\nexport function groupColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columns: Column_Internal<TFeatures, TData>[],\n): Column_Internal<TFeatures, TData>[] {\n  const groupedColumns: Column_Internal<TFeatures, TData>[] = [];\n  let lastParent: Column_Internal<TFeatures, TData> | undefined = undefined;\n  for (const col of columns) {\n    const parent = col.parent;\n    // if the current column has no parent, add it and move on to the next\n    if (parent === undefined) {\n      lastParent = undefined;\n      groupedColumns.push(col);\n      continue;\n    }\n    // if the current column belongs to a new parent, start a new group\n    if (parent !== lastParent) {\n      groupedColumns.push(parent);\n      lastParent = parent;\n    }\n    groupedColumns.push(col);\n  }\n  return groupedColumns;\n}\n\n//#endregion\n\n//#region visibility\n\n/**\n * @returns true if *at least one* of the child columns can be hidden, false otherwise.\n */\nexport function isParentColumnHideable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(childColumns: Column_Internal<TFeatures, TData>[]): boolean {\n  return childColumns.some((c) => c.columnDef.enableHiding);\n}\n\n/**\n * Generates an object with the visibility of each column.\n * @param columns - The columns in the table.\n * @param columnVisibility - The visibility of the table columns.\n * @returns an object that contains the column ids as keys with their visibility as values.\n * @internal\n */\nexport function generateColumnVisibilityObject<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columns: Column_Internal<TFeatures, TData>[],\n  columnVisibility?: Record<string, boolean>,\n): Record<string, boolean> {\n  return Object.fromEntries(\n    columns.map((column) => [\n      column.id,\n      columnVisibility\n        ? columnVisibility[column.id] ?? true\n        : // Safe cast to align the feature generics\n          (\n            column as unknown as Column_Internal<TDataTableFeatures, TData>\n          ).getIsVisible(),\n    ]),\n  );\n}\n\n/**\n * Returns the local column visibility of multiple columns used when clicking show/hide all or parent column toggles.\n * @param columns - The columns in the table.\n * @param currentVisibility - The current column visibility state in the table.\n * @param localColumnsVisibilityState - The current column visibility state in the settings.\n * @internal\n */\nexport function getMultipleLocalColumnVisibility<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columns: Column_Internal<TFeatures, TData>[],\n  currentVisibility: boolean | 'indeterminate',\n  localColumnsVisibilityState?: Record<string, boolean>,\n): Record<string, boolean> {\n  const newVisibility = currentVisibility !== true;\n  const newState = { ...localColumnsVisibilityState };\n\n  for (const column of columns) {\n    // Only update visibility if the column can be hidden\n    // This prevents both hiding and unhiding columns with disableColumnHiding: true\n    if (\n      // Safe cast to align the feature generics\n      (\n        column as unknown as Column_Internal<TDataTableFeatures, TData>\n      ).getCanHide()\n    ) {\n      newState[column.id] = newVisibility;\n    }\n  }\n\n  return newState;\n}\n\n/**\n * Returns the current visibility toggle state based on the column visibility state.\n * @param columnVisibilityState - the current column visibility state.\n * @param column - the column to get the visibility state for.\n */\nexport function getVisibilityState<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columnVisibilityState: Record<string, boolean>,\n  column: Column_Internal<TFeatures, TData>,\n): boolean | 'indeterminate' {\n  const childColumns = column.columns;\n  // if the column has no child columns, return its visibility state\n  if (childColumns.length === 0) {\n    return columnVisibilityState?.[column.id] ?? false;\n  }\n  // if the column is a parent column, we need to consider all child columns to determine its visibility state\n  const childrenVisibility = generateColumnVisibilityObject(\n    childColumns,\n    columnVisibilityState,\n  );\n  return getCombinedVisibilityState(childrenVisibility, childColumns);\n}\n\n/**\n * Gets the combined visibility toggle state for a parent column.\n * @param columnVisibilityState - The visibility of the table columns.\n * @param columns - The columns to check whether visibility can be toggled.\n * @param skipNonHideable - When `true`, columns that can't be hidden\n * are ignored entirely (regardless of their visibility).\n * @returns\n *  - `true` if all columns are visible or disabled,\n *  - `false` if all columns are hidden,\n *  - `indeterminate` otherwise.\n * @internal\n */\nexport function getCombinedVisibilityState<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columnVisibilityState: Record<string, boolean>,\n  columns: Column_Internal<TFeatures, TData>[],\n  skipNonHideable: boolean = false,\n): boolean | 'indeterminate' {\n  let allVisible = true;\n  let allHidden = true;\n\n  for (const column of columns) {\n    const isVisible = columnVisibilityState[column.id] !== false;\n    // Safe cast to align the feature generics\n    const canHide =\n      (\n        column as unknown as Column_Internal<TDataTableFeatures, TData>\n      ).getCanHide() !== false;\n    // skip non-hideable columns that either can't be toggled at all\n    // or are simply not visible\n    if (!canHide && (skipNonHideable || !isVisible)) {\n      continue;\n    }\n    if (isVisible) {\n      allHidden = false;\n    } else {\n      allVisible = false;\n    }\n    // Early exit: mixed state detected.\n    if (!allVisible && !allHidden) {\n      return 'indeterminate';\n    }\n  }\n\n  if (allVisible) {\n    return true;\n  }\n  if (allHidden) {\n    return false;\n  }\n  return 'indeterminate';\n}\n\n/**\n * Determines whether the visibility of one or multiple columns has changed.\n * @param columnVisibilityToReset - The column visibility state that is used to reset.\n * @param localColumnVisibility - The current column visibility state in the settings.\n * @returns `true` if the visibility has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasVisibilityChanged(\n  columnVisibilityToReset: DataTableColumnVisibilityState | undefined,\n  localColumnVisibility: Record<string, boolean>,\n): boolean {\n  if (!columnVisibilityToReset) {\n    return false;\n  }\n\n  return Object.keys(localColumnVisibility).some((key) => {\n    // If the key is not present in columnVisibilityToReset, consider it as visible\n    if (!(key in columnVisibilityToReset)) {\n      return localColumnVisibility[key] !== true;\n    }\n    return localColumnVisibility[key] !== columnVisibilityToReset[key];\n  });\n}\n//#endregion\n\n//#region ordering\n/**\n * Generates a column order that includes parent ids.\n * @param getColumn - the function to get a column by its id.\n * @param columnOrder - the column order with leaf columns only.\n * @returns the column order including parent ids and a list of unique parent ids.\n */\nexport function generateColumnOrderWithParentIds<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  getColumn: (\n    columnId: string,\n  ) => Column_Internal<TFeatures, TData> | undefined,\n  columnOrder: string[] = [],\n): { columnOrderWithParents: string[]; uniqueParentIds: string[] } {\n  const columnOrderWithParents: string[] = [];\n  const uniqueParentIds = new Set<string>();\n\n  for (const columnId of columnOrder) {\n    const column = getColumn(columnId);\n    const parentId = column?.parent?.id;\n\n    // insert parent id before child if not already added\n    if (parentId && !uniqueParentIds.has(parentId)) {\n      columnOrderWithParents.push(parentId);\n      uniqueParentIds.add(parentId);\n    }\n    columnOrderWithParents.push(columnId);\n  }\n  return {\n    columnOrderWithParents,\n    uniqueParentIds: Array.from(uniqueParentIds),\n  };\n}\n\n/**\n * Determines whether the order of one or multiple columns has changed.\n * @param columnOrderToReset - The column order state that is used to reset.\n * @param localColumnOrder - The current column order state in the settings.\n * @returns `true` if the order has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasColumnOrderChanged(\n  columnOrderToReset: string[] | undefined,\n  localColumnOrder: string[],\n): boolean {\n  if (!columnOrderToReset) {\n    return false;\n  }\n  return !isEqual(columnOrderToReset, localColumnOrder);\n}\n\n//#endregion\n\n//#region pinning\n\n/**\n * Determines whether the pinned state of one or multiple columns has changed.\n * @param columnPinnedToReset - The column pinning state that is used to reset.\n * @param localColumnsPinned - The current column pinning state in the settings.\n * @returns `true` if the pinned state has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasColumnPinningChanged(\n  columnPinnedToReset: ColumnPinningState | undefined,\n  localColumnsPinned: ColumnPinningState,\n): boolean {\n  if (!columnPinnedToReset) {\n    return false;\n  }\n  return (\n    !isEqual(columnPinnedToReset.left, localColumnsPinned.left) ||\n    !isEqual(columnPinnedToReset.right, localColumnsPinned.right)\n  );\n}\n\n//#endregion\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type {\n  ColumnPinningState,\n  RowData,\n  Column,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { type JSX } from 'react';\nimport { type IntlShape } from 'react-intl';\n\nimport { MessageContainer } from '../../../../../content/message-container/MessageContainer.js';\nimport { devLog } from '../../../../../core/utils/logging.js';\nimport { getColumnLabel } from '../../../../utils/get-column-label.js';\nimport type {\n  DataTableColumnVisibilityState,\n  DataTableVisibleColumnLimits,\n} from '../../../features/ColumnVisibility/column-visibility-types.js';\nimport type { TDataTableFeatures } from '../../../features/types/features.types.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n//#region filtering\n\n/**\n * Generates a map of column IDs to their lowercase labels for efficient filtering.\n *\n * @param columns - The columns to generate labels for.\n * @returns A map of column IDs to lowercase labels.\n * @internal\n */\nexport function generateColumnLabelsMap<TData extends RowData>(\n  columns: Column<TDataTableFeatures, TData>[],\n): Map<string, string> {\n  const labels = new Map<string, string>();\n  for (const col of columns) {\n    labels.set(col.id, getColumnLabel(col).toLocaleLowerCase());\n    const parent = col.parent;\n    if (parent && !labels.has(parent.id)) {\n      labels.set(parent.id, getColumnLabel(parent).toLocaleLowerCase());\n    }\n  }\n  return labels;\n}\n\n/**\n * Processes a filter string into an array of lowercase words.\n * @param filterValue - The filter string to process.\n * @returns An array of lowercase words.\n * @internal\n */\nexport function processFilterValue(filterValue: string): string[] {\n  return filterValue.toLocaleLowerCase().split(' ').filter(Boolean);\n}\n\n//#endregion\n\n//#region feature flag\n\n/**\n * Returns the configuration object form of a programmatic column settings override,\n * or `undefined` when the override is a boolean toggle or not provided.\n * @param override - The override value for a column setting (`columnOrder`, `columnVisibility`,\n *                   or `columnPinning`), as passed to the programmatic `openColumnSettings` call.\n * @param key - The key of the configuration object to return when `override` is an object.\n * @returns the configuration object or undefined.\n *\n * @internal\n */\nexport function getOverrideValue<T extends object, K extends keyof T>(\n  override: boolean | T | undefined,\n  key: K,\n): T[K] | undefined {\n  return typeof override === 'object' ? override[key] : undefined;\n}\n\n/**\n * Resolves whether a column settings feature is enabled. An override of `false` disables it.\n * Falls back to the toolbar slot value when no override is provided.\n * @param override - The override value for the feature.\n * @param fallback - The fallback value from the toolbar slot.\n * @returns `true` if the feature is enabled, `false` otherwise.\n *\n * @internal\n */\nexport function getIsSettingEnabled<T extends object>(\n  override: boolean | T | undefined,\n  fallback: boolean,\n): boolean {\n  return override === undefined ? fallback : override !== false;\n}\n\n//#endregion\n\n//#region visible-columns-limit\n\n/**\n * Resolves effective warning and error thresholds for `visibleColumnLimits`.\n * Values less than 1 are invalid and treated as unset.\n *\n * @param rawLimit - raw `visibleColumnLimits` value from the consumer; `undefined` when no limits are configured\n * @param mandatoryVisibleCount - number of non-built-in leaf columns with `disableColumnHiding: true`\n * @internal\n */\nexport function resolveEffectiveLimit(\n  rawLimit: DataTableVisibleColumnLimits | undefined,\n  mandatoryVisibleCount: number,\n): {\n  warningLimit: number | undefined;\n  errorLimit: number | undefined;\n} {\n  let warningLimit: number | undefined;\n  if (rawLimit?.maxWarning !== undefined) {\n    if (rawLimit.maxWarning < 1) {\n      devLog(\n        'DataTable: visibleColumnLimits.maxWarning must be at least 1. The value has been ignored.',\n      );\n    } else {\n      warningLimit = rawLimit.maxWarning;\n    }\n  }\n\n  let errorLimit: number | undefined;\n  if (rawLimit?.maxError !== undefined) {\n    if (rawLimit.maxError < 1) {\n      devLog(\n        'DataTable: visibleColumnLimits.maxError must be at least 1. The value has been ignored.',\n      );\n    } else {\n      errorLimit = rawLimit.maxError;\n    }\n  }\n\n  if (\n    warningLimit !== undefined &&\n    errorLimit !== undefined &&\n    warningLimit >= errorLimit\n  ) {\n    devLog(\n      'DataTable: visibleColumnLimits.maxWarning should be less than visibleColumnLimits.maxError. ' +\n        'The warning threshold has no effect when it is greater than or equal to the error threshold.',\n    );\n  }\n\n  if (warningLimit !== undefined && warningLimit <= mandatoryVisibleCount) {\n    devLog(\n      `DataTable: visibleColumnLimits.maxWarning (${warningLimit}) is at or below the number of non-hideable columns (${mandatoryVisibleCount}). The warning will always be shown.`,\n    );\n  }\n\n  if (errorLimit !== undefined && errorLimit <= mandatoryVisibleCount) {\n    devLog(\n      errorLimit < mandatoryVisibleCount\n        ? `DataTable: visibleColumnLimits.maxError (${errorLimit}) is below the number of non-hideable columns (${mandatoryVisibleCount}). Apply will always be disabled.`\n        : `DataTable: visibleColumnLimits.maxError (${errorLimit}) equals the number of non-hideable columns (${mandatoryVisibleCount}). Apply will only be enabled when all optional columns are hidden.`,\n    );\n  }\n\n  return { warningLimit, errorLimit };\n}\n\n/**\n * Builds the footer feedback message for the column visibility limit feature.\n *\n * Priority: min-error (< 1 visible) \u2192 max-error (exceeds hard limit) \u2192 max-warning (exceeds soft limit).\n * Returns `undefined` when no condition is active so callers can gate layout on its presence.\n *\n * @param showMinError - Whether the minimum-column error (< 1 visible) is active.\n * @param errorLimit - Resolved hard upper limit; `undefined` when not configured.\n * @param warningLimit - Resolved soft upper limit; `undefined` when not configured.\n * @param visibleColumnCount - Number of currently visible columns in the local (unsaved) state.\n * @param intl - IntlShape instance from the calling component.\n * @internal\n */\nexport function getVisibilityLimitMessage(\n  showMinError: boolean,\n  errorLimit: number | undefined,\n  warningLimit: number | undefined,\n  visibleColumnCount: number,\n  intl: IntlShape,\n): JSX.Element | undefined {\n  let variant: 'critical' | 'warning';\n  let description: string;\n\n  if (showMinError && visibleColumnCount < 1) {\n    variant = 'critical';\n    description = intl.formatMessage(dataTableMessages.visibleColumnsMinError);\n  } else if (errorLimit !== undefined && visibleColumnCount > errorLimit) {\n    variant = 'critical';\n    description = intl.formatMessage(dataTableMessages.visibleColumnsError, {\n      limit: errorLimit,\n    });\n  } else if (warningLimit !== undefined && visibleColumnCount > warningLimit) {\n    variant = 'warning';\n    description = intl.formatMessage(dataTableMessages.visibleColumnsWarning, {\n      limit: warningLimit,\n    });\n  } else {\n    return undefined;\n  }\n\n  return (\n    <MessageContainer variant={variant}>\n      <MessageContainer.Description>{description}</MessageContainer.Description>\n    </MessageContainer>\n  );\n}\n\n//#endregion\n\n//#region general utils\n\n/**\n * Adds the parent column before adjacent leaf columns.\n * @param columns - the leaf column ids.\n * @remarks The same parent column may appear multiple times in the pinned areas.\n */\nexport function groupColumns<TData extends RowData>(\n  columns: Column<TDataTableFeatures, TData>[],\n): Column<TDataTableFeatures, TData>[] {\n  const groupedColumns: Column<TDataTableFeatures, TData>[] = [];\n  let lastParent: Column<TDataTableFeatures, TData> | undefined = undefined;\n  for (const col of columns) {\n    const parent = col.parent;\n    // if the current column has no parent, add it and move on to the next\n    if (parent === undefined) {\n      lastParent = undefined;\n      groupedColumns.push(col);\n      continue;\n    }\n    // if the current column belongs to a new parent, start a new group\n    if (parent !== lastParent) {\n      groupedColumns.push(parent);\n      lastParent = parent;\n    }\n    groupedColumns.push(col);\n  }\n  return groupedColumns;\n}\n\n//#endregion\n\n//#region visibility\n\n/**\n * @returns true if *at least one* of the child columns can be hidden, false otherwise.\n */\nexport function isParentColumnHideable<TData extends RowData>(\n  childColumns: Column<TDataTableFeatures, TData>[],\n): boolean {\n  return childColumns.some((c) => c.columnDef.enableHiding);\n}\n\n/**\n * Generates an object with the visibility of each column.\n * @param columns - The columns in the table.\n * @param columnVisibility - The visibility of the table columns.\n * @returns an object that contains the column ids as keys with their visibility as values.\n * @internal\n */\nexport function generateColumnVisibilityObject<TData extends RowData>(\n  columns: Column<TDataTableFeatures, TData>[],\n  columnVisibility?: Record<string, boolean>,\n): Record<string, boolean> {\n  return Object.fromEntries(\n    columns.map((column) => [\n      column.id,\n      columnVisibility\n        ? (columnVisibility[column.id] ?? true)\n        : // Safe cast to align the feature generics\n          (\n            column as unknown as Column<TDataTableFeatures, TData>\n          ).getIsVisible(),\n    ]),\n  );\n}\n\n/**\n * Returns the local column visibility of multiple columns used when clicking show/hide all or parent column toggles.\n * @param columns - The columns in the table.\n * @param currentVisibility - The current column visibility state in the table.\n * @param localColumnsVisibilityState - The current column visibility state in the settings.\n * @internal\n */\nexport function getMultipleLocalColumnVisibility<TData extends RowData>(\n  columns: Column<TDataTableFeatures, TData>[],\n  currentVisibility: boolean | 'indeterminate',\n  localColumnsVisibilityState?: Record<string, boolean>,\n): Record<string, boolean> {\n  const newVisibility = currentVisibility !== true;\n  const newState = { ...localColumnsVisibilityState };\n\n  for (const column of columns) {\n    // Only update visibility if the column can be hidden\n    // This prevents both hiding and unhiding columns with disableColumnHiding: true\n    if (\n      // Safe cast to align the feature generics\n      (column as unknown as Column<TDataTableFeatures, TData>).getCanHide()\n    ) {\n      newState[column.id] = newVisibility;\n    }\n  }\n\n  return newState;\n}\n\n/**\n * Returns the current visibility toggle state based on the column visibility state.\n * @param columnVisibilityState - the current column visibility state.\n * @param column - the column to get the visibility state for.\n */\nexport function getVisibilityState<TData extends RowData>(\n  columnVisibilityState: Record<string, boolean>,\n  column: Column<TDataTableFeatures, TData>,\n): boolean | 'indeterminate' {\n  const childColumns = column.columns;\n  // if the column has no child columns, return its visibility state\n  if (childColumns.length === 0) {\n    return columnVisibilityState?.[column.id] ?? false;\n  }\n  // if the column is a parent column, we need to consider all child columns to determine its visibility state\n  const childrenVisibility = generateColumnVisibilityObject(\n    childColumns,\n    columnVisibilityState,\n  );\n  return getCombinedVisibilityState(childrenVisibility, childColumns);\n}\n\n/**\n * Gets the combined visibility toggle state for a parent column.\n * @param columnVisibilityState - The visibility of the table columns.\n * @param columns - The columns to check whether visibility can be toggled.\n * @param skipNonHideable - When `true`, columns that can't be hidden\n * are ignored entirely (regardless of their visibility).\n * @returns\n *  - `true` if all columns are visible or disabled,\n *  - `false` if all columns are hidden,\n *  - `indeterminate` otherwise.\n * @internal\n */\nexport function getCombinedVisibilityState<TData extends RowData>(\n  columnVisibilityState: Record<string, boolean>,\n  columns: Column<TDataTableFeatures, TData>[],\n  skipNonHideable: boolean = false,\n): boolean | 'indeterminate' {\n  let allVisible = true;\n  let allHidden = true;\n\n  for (const column of columns) {\n    const isVisible = columnVisibilityState[column.id] !== false;\n    // Safe cast to align the feature generics\n    const canHide =\n      (column as unknown as Column<TDataTableFeatures, TData>).getCanHide() !==\n      false;\n    // skip non-hideable columns that either can't be toggled at all\n    // or are simply not visible\n    if (!canHide && (skipNonHideable || !isVisible)) {\n      continue;\n    }\n    if (isVisible) {\n      allHidden = false;\n    } else {\n      allVisible = false;\n    }\n    // Early exit: mixed state detected.\n    if (!allVisible && !allHidden) {\n      return 'indeterminate';\n    }\n  }\n\n  if (allVisible) {\n    return true;\n  }\n  if (allHidden) {\n    return false;\n  }\n  return 'indeterminate';\n}\n\n/**\n * Determines whether the visibility of one or multiple columns has changed.\n * @param columnVisibilityToReset - The column visibility state that is used to reset.\n * @param localColumnVisibility - The current column visibility state in the settings.\n * @returns `true` if the visibility has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasVisibilityChanged(\n  columnVisibilityToReset: DataTableColumnVisibilityState | undefined,\n  localColumnVisibility: Record<string, boolean>,\n): boolean {\n  if (!columnVisibilityToReset) {\n    return false;\n  }\n\n  return Object.keys(localColumnVisibility).some((key) => {\n    // If the key is not present in columnVisibilityToReset, consider it as visible\n    if (!(key in columnVisibilityToReset)) {\n      return localColumnVisibility[key] !== true;\n    }\n    return localColumnVisibility[key] !== columnVisibilityToReset[key];\n  });\n}\n//#endregion\n\n//#region ordering\n/**\n * Generates a column order that includes parent ids.\n * @param getColumn - the function to get a column by its id.\n * @param columnOrder - the column order with leaf columns only.\n * @returns the column order including parent ids and a list of unique parent ids.\n */\nexport function generateColumnOrderWithParentIds<TData extends RowData>(\n  getColumn: (\n    columnId: string,\n  ) => Column<TDataTableFeatures, TData> | undefined,\n  columnOrder: string[] = [],\n): { columnOrderWithParents: string[]; uniqueParentIds: string[] } {\n  const columnOrderWithParents: string[] = [];\n  const uniqueParentIds = new Set<string>();\n\n  for (const columnId of columnOrder) {\n    const column = getColumn(columnId);\n    const parentId = column?.parent?.id;\n\n    // insert parent id before child if not already added\n    if (parentId && !uniqueParentIds.has(parentId)) {\n      columnOrderWithParents.push(parentId);\n      uniqueParentIds.add(parentId);\n    }\n    columnOrderWithParents.push(columnId);\n  }\n  return {\n    columnOrderWithParents,\n    uniqueParentIds: Array.from(uniqueParentIds),\n  };\n}\n\n/**\n * Determines whether the order of one or multiple columns has changed.\n * @param columnOrderToReset - The column order state that is used to reset.\n * @param localColumnOrder - The current column order state in the settings.\n * @returns `true` if the order has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasColumnOrderChanged(\n  columnOrderToReset: string[] | undefined,\n  localColumnOrder: string[],\n): boolean {\n  if (!columnOrderToReset) {\n    return false;\n  }\n  return !isEqual(columnOrderToReset, localColumnOrder);\n}\n\n//#endregion\n\n//#region pinning\n\n/**\n * Determines whether the pinned state of one or multiple columns has changed.\n * @param columnPinnedToReset - The column pinning state that is used to reset.\n * @param localColumnsPinned - The current column pinning state in the settings.\n * @returns `true` if the pinned state has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasColumnPinningChanged(\n  columnPinnedToReset: ColumnPinningState | undefined,\n  localColumnsPinned: ColumnPinningState,\n): boolean {\n  if (!columnPinnedToReset) {\n    return false;\n  }\n  return (\n    !isEqual(columnPinnedToReset.start, localColumnsPinned.start) ||\n    !isEqual(columnPinnedToReset.end, localColumnsPinned.end)\n  );\n}\n\n//#endregion\n"],
+  "mappings": "AAwMM;AAnMN,SAAS,eAAe;AAIxB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAM/B,SAAS,yBAAyB;AAW3B,SAAS,wBACd,SACqB;AACrB,QAAM,SAAS,oBAAI,IAAoB;AACvC,aAAW,OAAO,SAAS;AACzB,WAAO,IAAI,IAAI,IAAI,eAAe,GAAG,EAAE,kBAAkB,CAAC;AAC1D,UAAM,SAAS,IAAI;AACnB,QAAI,UAAU,CAAC,OAAO,IAAI,OAAO,EAAE,GAAG;AACpC,aAAO,IAAI,OAAO,IAAI,eAAe,MAAM,EAAE,kBAAkB,CAAC;AAAA,IAClE;AAAA,EACF;AACA,SAAO;AACT;AAQO,SAAS,mBAAmB,aAA+B;AAChE,SAAO,YAAY,kBAAkB,EAAE,MAAM,GAAG,EAAE,OAAO,OAAO;AAClE;AAgBO,SAAS,iBACd,UACA,KACkB;AAClB,SAAO,OAAO,aAAa,WAAW,SAAS,GAAG,IAAI;AACxD;AAWO,SAAS,oBACd,UACA,UACS;AACT,SAAO,aAAa,SAAY,WAAW,aAAa;AAC1D;AAcO,SAAS,sBACd,UACA,uBAIA;AACA,MAAI;AACJ,MAAI,UAAU,eAAe,QAAW;AACtC,QAAI,SAAS,aAAa,GAAG;AAC3B;AAAA,QACE;AAAA,MACF;AAAA,IACF,OAAO;AACL,qBAAe,SAAS;AAAA,IAC1B;AAAA,EACF;AAEA,MAAI;AACJ,MAAI,UAAU,aAAa,QAAW;AACpC,QAAI,SAAS,WAAW,GAAG;AACzB;AAAA,QACE;AAAA,MACF;AAAA,IACF,OAAO;AACL,mBAAa,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,MACE,iBAAiB,UACjB,eAAe,UACf,gBAAgB,YAChB;AACA;AAAA,MACE;AAAA,IAEF;AAAA,EACF;AAEA,MAAI,iBAAiB,UAAa,gBAAgB,uBAAuB;AACvE;AAAA,MACE,8CAA8C,YAAY,wDAAwD,qBAAqB;AAAA,IACzI;AAAA,EACF;AAEA,MAAI,eAAe,UAAa,cAAc,uBAAuB;AACnE;AAAA,MACE,aAAa,wBACT,4CAA4C,UAAU,kDAAkD,qBAAqB,sCAC7H,4CAA4C,UAAU,gDAAgD,qBAAqB;AAAA,IACjI;AAAA,EACF;AAEA,SAAO,EAAE,cAAc,WAAW;AACpC;AAeO,SAAS,0BACd,cACA,YACA,cACA,oBACA,MACyB;AACzB,MAAI;AACJ,MAAI;AAEJ,MAAI,gBAAgB,qBAAqB,GAAG;AAC1C,cAAU;AACV,kBAAc,KAAK,cAAc,kBAAkB,sBAAsB;AAAA,EAC3E,WAAW,eAAe,UAAa,qBAAqB,YAAY;AACtE,cAAU;AACV,kBAAc,KAAK,cAAc,kBAAkB,qBAAqB;AAAA,MACtE,OAAO;AAAA,IACT,CAAC;AAAA,EACH,WAAW,iBAAiB,UAAa,qBAAqB,cAAc;AAC1E,cAAU;AACV,kBAAc,KAAK,cAAc,kBAAkB,uBAAuB;AAAA,MACxE,OAAO;AAAA,IACT,CAAC;AAAA,EACH,OAAO;AACL,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,oBAAiB,SAChB,8BAAC,iBAAiB,aAAjB,EAA8B,uBAAY,GAC7C;AAEJ;AAWO,SAAS,aACd,SACqC;AACrC,QAAM,iBAAsD,CAAC;AAC7D,MAAI,aAA4D;AAChE,aAAW,OAAO,SAAS;AACzB,UAAM,SAAS,IAAI;AAEnB,QAAI,WAAW,QAAW;AACxB,mBAAa;AACb,qBAAe,KAAK,GAAG;AACvB;AAAA,IACF;AAEA,QAAI,WAAW,YAAY;AACzB,qBAAe,KAAK,MAAM;AAC1B,mBAAa;AAAA,IACf;AACA,mBAAe,KAAK,GAAG;AAAA,EACzB;AACA,SAAO;AACT;AASO,SAAS,uBACd,cACS;AACT,SAAO,aAAa,KAAK,CAAC,MAAM,EAAE,UAAU,YAAY;AAC1D;AASO,SAAS,+BACd,SACA,kBACyB;AACzB,SAAO,OAAO;AAAA,IACZ,QAAQ,IAAI,CAAC,WAAW;AAAA,MACtB,OAAO;AAAA,MACP,mBACK,iBAAiB,OAAO,EAAE,KAAK;AAAA;AAAA,QAG9B,OACA,aAAa;AAAA;AAAA,IACrB,CAAC;AAAA,EACH;AACF;AASO,SAAS,iCACd,SACA,mBACA,6BACyB;AACzB,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,WAAW,EAAE,GAAG,4BAA4B;AAElD,aAAW,UAAU,SAAS;AAG5B;AAAA;AAAA,MAEG,OAAwD,WAAW;AAAA,MACpE;AACA,eAAS,OAAO,EAAE,IAAI;AAAA,IACxB;AAAA,EACF;AAEA,SAAO;AACT;AAOO,SAAS,mBACd,uBACA,QAC2B;AAC3B,QAAM,eAAe,OAAO;AAE5B,MAAI,aAAa,WAAW,GAAG;AAC7B,WAAO,wBAAwB,OAAO,EAAE,KAAK;AAAA,EAC/C;AAEA,QAAM,qBAAqB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AACA,SAAO,2BAA2B,oBAAoB,YAAY;AACpE;AAcO,SAAS,2BACd,uBACA,SACA,kBAA2B,OACA;AAC3B,MAAI,aAAa;AACjB,MAAI,YAAY;AAEhB,aAAW,UAAU,SAAS;AAC5B,UAAM,YAAY,sBAAsB,OAAO,EAAE,MAAM;AAEvD,UAAM,UACH,OAAwD,WAAW,MACpE;AAGF,QAAI,CAAC,YAAY,mBAAmB,CAAC,YAAY;AAC/C;AAAA,IACF;AACA,QAAI,WAAW;AACb,kBAAY;AAAA,IACd,OAAO;AACL,mBAAa;AAAA,IACf;AAEA,QAAI,CAAC,cAAc,CAAC,WAAW;AAC7B,aAAO;AAAA,IACT;AAAA,EACF;AAEA,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AACA,MAAI,WAAW;AACb,WAAO;AAAA,EACT;AACA,SAAO;AACT;AASO,SAAS,wBACd,yBACA,uBACS;AACT,MAAI,CAAC,yBAAyB;AAC5B,WAAO;AAAA,EACT;AAEA,SAAO,OAAO,KAAK,qBAAqB,EAAE,KAAK,CAAC,QAAQ;AAEtD,QAAI,EAAE,OAAO,0BAA0B;AACrC,aAAO,sBAAsB,GAAG,MAAM;AAAA,IACxC;AACA,WAAO,sBAAsB,GAAG,MAAM,wBAAwB,GAAG;AAAA,EACnE,CAAC;AACH;AAUO,SAAS,iCACd,WAGA,cAAwB,CAAC,GACwC;AACjE,QAAM,yBAAmC,CAAC;AAC1C,QAAM,kBAAkB,oBAAI,IAAY;AAExC,aAAW,YAAY,aAAa;AAClC,UAAM,SAAS,UAAU,QAAQ;AACjC,UAAM,WAAW,QAAQ,QAAQ;AAGjC,QAAI,YAAY,CAAC,gBAAgB,IAAI,QAAQ,GAAG;AAC9C,6BAAuB,KAAK,QAAQ;AACpC,sBAAgB,IAAI,QAAQ;AAAA,IAC9B;AACA,2BAAuB,KAAK,QAAQ;AAAA,EACtC;AACA,SAAO;AAAA,IACL;AAAA,IACA,iBAAiB,MAAM,KAAK,eAAe;AAAA,EAC7C;AACF;AASO,SAAS,yBACd,oBACA,kBACS;AACT,MAAI,CAAC,oBAAoB;AACvB,WAAO;AAAA,EACT;AACA,SAAO,CAAC,QAAQ,oBAAoB,gBAAgB;AACtD;AAaO,SAAS,2BACd,qBACA,oBACS;AACT,MAAI,CAAC,qBAAqB;AACxB,WAAO;AAAA,EACT;AACA,SACE,CAAC,QAAQ,oBAAoB,OAAO,mBAAmB,KAAK,KAC5D,CAAC,QAAQ,oBAAoB,KAAK,mBAAmB,GAAG;AAE5D;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.css

@@ -1,9 +1,9 @@
-._1gjma320-3-12-2 {
+._1gjma320-3-13-0 {
   gap: var(--dt-spacings-size-24, 24px);
 }
-._1gjma321-3-12-2 {
+._1gjma321-3-13-0 {
   white-space: nowrap;
 }
-._1m01arl7-3-12-2 ._1gjma321-3-12-2 {
+._1m01arl7-3-13-0 ._1gjma321-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.sty.js

@@ -1,7 +1,7 @@
 import "../../../../../navigation/menu/Menu.css";
 import "./DataTableDownloadData.css";
-var downloadMenuItem = "_1gjma320-3-12-2";
-var downloadMenuSuffix = "_1gjma321-3-12-2";
+var downloadMenuItem = "_1gjma320-3-13-0";
+var downloadMenuSuffix = "_1gjma321-3-13-0";
 export {
   downloadMenuItem,
   downloadMenuSuffix

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.css.ts"],
-  "sourcesContent": ["import '../../../../../navigation/menu/Menu.css';\nimport './DataTableDownloadData.css';\nexport var downloadMenuItem = '_1gjma320-3-12-2';\nexport var downloadMenuSuffix = '_1gjma321-3-12-2';"],
+  "sourcesContent": ["import '../../../../../navigation/menu/Menu.css';\nimport './DataTableDownloadData.css';\nexport var downloadMenuItem = '_1gjma320-3-13-0';\nexport var downloadMenuSuffix = '_1gjma321-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/contexts/DataTableContext.js

@@ -5,12 +5,16 @@ import {
 } from "react";
 const DataTableContext = createContext(null);
 function DataTableContextProvider(props) {
-  return /* @__PURE__ */ jsx(DataTableContext.Provider, { value: props.value, children: props.children });
+  return /* @__PURE__ */ jsx(
+    DataTableContext.Provider,
+    {
+      value: props.value,
+      children: props.children
+    }
+  );
 }
 function useDataTable() {
-  const table = useContext(
-    DataTableContext
-  );
+  const table = useContext(DataTableContext);
   if (table === null) {
     throw new Error("Table instance is not defined in context.");
   }
@@ -19,8 +23,7 @@ function useDataTable() {
 const DEFAULT_CONTENT_CONTEXT = {
   hasOverflowLeft: false,
   hasOverflowRight: false,
-  isHorizontallyScrollable: false,
-  cellActionAriaLabel: ""
+  isHorizontallyScrollable: false
 };
 const DataTableContentContext = createContext(DEFAULT_CONTENT_CONTEXT);
 function DataTableContentContextProvider(props) {

package/esm/tables/DataTable/contexts/DataTableContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/contexts/DataTableContext.tsx"],
-  "sourcesContent": ["import type {\n  ReactTable,\n  Cell,\n  CellData,\n  Column,\n  Header,\n  Row,\n  RowData,\n  TableFeatures,\n} from '@tanstack/react-table';\nimport {\n  type PropsWithChildren,\n  useContext,\n  createContext,\n  type JSX,\n} from 'react';\n\nimport type { TDataTableFeatures } from '../features/types/features.types.js';\nimport type { DataTableColumnSettingsConfig } from '../public.api.js';\n\n//#region table context\nconst DataTableContext = createContext<ReactTable<\n  TableFeatures,\n  RowData\n> | null>(null);\n\n/** @internal */\nexport function DataTableContextProvider<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(props: PropsWithChildren<{ value: ReactTable<TFeatures, TData> }>) {\n  return (\n    <DataTableContext.Provider value={props.value}>\n      {props.children}\n    </DataTableContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTable(): ReactTable<TDataTableFeatures, RowData> {\n  const table = useContext<ReactTable<TDataTableFeatures, RowData> | null>(\n    DataTableContext,\n  );\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (table === null) {\n    throw new Error('Table instance is not defined in context.');\n  }\n\n  return table;\n}\n\n//#endregion\n\n//#region content context\n/** @internal */\ninterface DataTableContentContextProps {\n  hasOverflowLeft: boolean;\n  hasOverflowRight: boolean;\n  isHorizontallyScrollable: boolean;\n  cellActionAriaLabel: string;\n}\n\nconst DEFAULT_CONTENT_CONTEXT = {\n  hasOverflowLeft: false,\n  hasOverflowRight: false,\n  isHorizontallyScrollable: false,\n  cellActionAriaLabel: '',\n};\n\nexport const DataTableContentContext =\n  createContext<DataTableContentContextProps>(DEFAULT_CONTENT_CONTEXT);\n\n/** @internal */\nexport function DataTableContentContextProvider(\n  props: PropsWithChildren<{ value?: DataTableContentContextProps }>,\n): JSX.Element {\n  return (\n    <DataTableContentContext.Provider\n      value={props.value ?? DEFAULT_CONTENT_CONTEXT}\n    >\n      {props.children}\n    </DataTableContentContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableContent(): DataTableContentContextProps {\n  const content = useContext<DataTableContentContextProps>(\n    DataTableContentContext,\n  );\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (content === null) {\n    throw new Error('Content instance is not defined in context.');\n  }\n\n  return content;\n}\n\n//#endregion\n\n//#region header context\n/** @internal */\nexport const DataTableHeaderContext = createContext<Header<\n  TableFeatures,\n  RowData,\n  CellData\n> | null>(null);\n\n/** @internal */\nexport function DataTableHeaderContextProvider(\n  props: PropsWithChildren<{\n    value?: Header<TDataTableFeatures, RowData, CellData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableHeaderContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableHeaderContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableHeader(): Header<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> {\n  const header = useContext<Header<\n    TDataTableFeatures,\n    RowData,\n    CellData\n  > | null>(DataTableHeaderContext);\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (header === null) {\n    throw new Error('Header instance is not defined in context.');\n  }\n\n  return header;\n}\n\n//#endregion\n\n//#region column context\nconst DataTableColumnContext = createContext<Column<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any,\n  unknown\n> | null>(null);\n\n/** @internal */\nexport function DataTableColumnContextProvider(\n  props: PropsWithChildren<{\n    value?: Column<TDataTableFeatures, RowData, CellData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableColumnContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableColumnContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableColumn(): Column<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> {\n  const column = useContext<Column<\n    TDataTableFeatures,\n    RowData,\n    CellData\n  > | null>(DataTableColumnContext);\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (column === null) {\n    throw new Error('Column object is not defined in context.');\n  }\n\n  return column;\n}\n\n//#endregion\n\n//#region row context\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst DataTableRowContext = createContext<Row<any, any> | null>(null);\n\n/** @internal */\nexport function DataTableRowContextProvider(\n  props: PropsWithChildren<{\n    value?: Row<TDataTableFeatures, RowData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableRowContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableRowContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableRow(): Row<TDataTableFeatures, RowData> | null {\n  const row = useContext<Row<TDataTableFeatures, RowData> | null>(\n    DataTableRowContext,\n  );\n\n  return row;\n}\n\n//#endregion\n\n//#region cell context\nconst DataTableCellContext = createContext<Cell<\n  TableFeatures,\n  RowData,\n  unknown\n> | null>(null);\n\n/** @internal */\nexport function DataTableCellContextProvider(\n  props: PropsWithChildren<{\n    value?: Cell<TDataTableFeatures, RowData, CellData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableCellContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableCellContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableCell(): Cell<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> | null {\n  const cell = useContext<Cell<TDataTableFeatures, RowData, CellData> | null>(\n    DataTableCellContext,\n  );\n\n  return cell;\n}\n\n//#endregion\n\n//#region column settings context\n/** @internal */\nexport type DataTableColumnSettingsHandle = {\n  openColumnSettings?: (columnSettings?: DataTableColumnSettingsConfig) => void;\n};\n\nconst DataTableColumnSettingsContext =\n  createContext<DataTableColumnSettingsHandle | null>(null);\n\n/** @internal */\nexport function DataTableColumnSettingsContextProvider(\n  props: PropsWithChildren<{\n    value?: DataTableColumnSettingsHandle;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableColumnSettingsContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableColumnSettingsContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableColumnSettings(): DataTableColumnSettingsHandle | null {\n  return useContext<DataTableColumnSettingsHandle | null>(\n    DataTableColumnSettingsContext,\n  );\n}\n\n//#endregion\n\n//#region isHeader context\nconst DataTableIsHeaderContext = createContext(false);\n\n/** @internal */\nexport function DataTableIsHeaderContextProvider(\n  props: Readonly<PropsWithChildren>,\n): JSX.Element {\n  return (\n    <DataTableIsHeaderContext.Provider value={true}>\n      {props.children}\n    </DataTableIsHeaderContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableIsHeaderContextProvider(): boolean {\n  return useContext<boolean>(DataTableIsHeaderContext);\n}\n"],
-  "mappings": "AAgCI;AAtBJ;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAMP,MAAM,mBAAmB,cAGf,IAAI;AAGP,SAAS,yBAGd,OAAmE;AACnE,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAAM,OACrC,gBAAM,UACT;AAEJ;AAGO,SAAS,eAAwD;AACtE,QAAM,QAAQ;AAAA,IACZ;AAAA,EACF;AAIA,MAAI,UAAU,MAAM;AAClB,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC7D;AAEA,SAAO;AACT;AAaA,MAAM,0BAA0B;AAAA,EAC9B,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,0BAA0B;AAAA,EAC1B,qBAAqB;AACvB;AAEO,MAAM,0BACX,cAA4C,uBAAuB;AAG9D,SAAS,gCACd,OACa;AACb,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,OAAO,MAAM,SAAS;AAAA,MAErB,gBAAM;AAAA;AAAA,EACT;AAEJ;AAGO,SAAS,sBAAoD;AAClE,QAAM,UAAU;AAAA,IACd;AAAA,EACF;AAIA,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,6CAA6C;AAAA,EAC/D;AAEA,SAAO;AACT;AAMO,MAAM,yBAAyB,cAI5B,IAAI;AAGP,SAAS,+BACd,OAGa;AACb,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAAM,SAAS,MACpD,gBAAM,UACT;AAEJ;AAGO,SAAS,qBAId;AACA,QAAM,SAAS,WAIL,sBAAsB;AAIhC,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AAEA,SAAO;AACT;AAKA,MAAM,yBAAyB,cAMrB,IAAI;AAGP,SAAS,+BACd,OAGa;AACb,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAAM,SAAS,MACpD,gBAAM,UACT;AAEJ;AAGO,SAAS,qBAId;AACA,QAAM,SAAS,WAIL,sBAAsB;AAIhC,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,SAAO;AACT;AAMA,MAAM,sBAAsB,cAAoC,IAAI;AAG7D,SAAS,4BACd,OAGa;AACb,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,MAAM,SAAS,MACjD,gBAAM,UACT;AAEJ;AAGO,SAAS,kBAA2D;AACzE,QAAM,MAAM;AAAA,IACV;AAAA,EACF;AAEA,SAAO;AACT;AAKA,MAAM,uBAAuB,cAInB,IAAI;AAGP,SAAS,6BACd,OAGa;AACb,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,SAAS,MAClD,gBAAM,UACT;AAEJ;AAGO,SAAS,mBAIP;AACP,QAAM,OAAO;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AACT;AAUA,MAAM,iCACJ,cAAoD,IAAI;AAGnD,SAAS,uCACd,OAGa;AACb,SACE,oBAAC,+BAA+B,UAA/B,EAAwC,OAAO,MAAM,SAAS,MAC5D,gBAAM,UACT;AAEJ;AAGO,SAAS,6BAAmE;AACjF,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAKA,MAAM,2BAA2B,cAAc,KAAK;AAG7C,SAAS,iCACd,OACa;AACb,SACE,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,MACvC,gBAAM,UACT;AAEJ;AAGO,SAAS,sCAA+C;AAC7D,SAAO,WAAoB,wBAAwB;AACrD;",
+  "sourcesContent": ["import type {\n  Cell,\n  CellData,\n  Column,\n  Header,\n  Row,\n  RowData,\n} from '@tanstack/react-table';\nimport {\n  type PropsWithChildren,\n  useContext,\n  createContext,\n  type JSX,\n} from 'react';\n\nimport type { TDataTableFeatures } from '../features/types/features.types.js';\nimport type { DataTableInstance } from '../features/types/table.types.js';\nimport type { DataTableColumnSettingsConfig } from '../public.api.js';\n\n//#region table context\n// TanStack Table 9 made `TData` invariant, so a `Row<_, TData>` no longer flows\n// into a `Row<_, RowData>`. The contexts below are inherently heterogeneous \u2014\n// one context instance serves every table regardless of its row type \u2014 so the\n// erasure to `RowData` happens once here, at the provider boundary.\nconst DataTableContext = createContext<DataTableInstance<RowData> | null>(null);\n\n/** @internal */\nexport function DataTableContextProvider<TData extends RowData>(\n  props: PropsWithChildren<{ value: DataTableInstance<TData> }>,\n) {\n  return (\n    <DataTableContext.Provider\n      value={props.value as DataTableInstance<RowData>}\n    >\n      {props.children}\n    </DataTableContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTable(): DataTableInstance<RowData> {\n  const table = useContext<DataTableInstance<RowData> | null>(DataTableContext);\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (table === null) {\n    throw new Error('Table instance is not defined in context.');\n  }\n\n  return table;\n}\n\n//#endregion\n\n//#region content context\n/** @internal */\ninterface DataTableContentContextProps {\n  hasOverflowLeft: boolean;\n  hasOverflowRight: boolean;\n  isHorizontallyScrollable: boolean;\n}\n\nconst DEFAULT_CONTENT_CONTEXT = {\n  hasOverflowLeft: false,\n  hasOverflowRight: false,\n  isHorizontallyScrollable: false,\n};\n\nexport const DataTableContentContext =\n  createContext<DataTableContentContextProps>(DEFAULT_CONTENT_CONTEXT);\n\n/** @internal */\nexport function DataTableContentContextProvider(\n  props: PropsWithChildren<{ value?: DataTableContentContextProps }>,\n): JSX.Element {\n  return (\n    <DataTableContentContext.Provider\n      value={props.value ?? DEFAULT_CONTENT_CONTEXT}\n    >\n      {props.children}\n    </DataTableContentContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableContent(): DataTableContentContextProps {\n  const content = useContext<DataTableContentContextProps>(\n    DataTableContentContext,\n  );\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (content === null) {\n    throw new Error('Content instance is not defined in context.');\n  }\n\n  return content;\n}\n\n//#endregion\n\n//#region header context\n/** @internal */\nexport const DataTableHeaderContext = createContext<Header<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> | null>(null);\n\n/** @internal */\nexport function DataTableHeaderContextProvider(\n  props: PropsWithChildren<{\n    value?: Header<TDataTableFeatures, RowData, CellData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableHeaderContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableHeaderContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableHeader(): Header<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> {\n  const header = useContext<Header<\n    TDataTableFeatures,\n    RowData,\n    CellData\n  > | null>(DataTableHeaderContext);\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (header === null) {\n    throw new Error('Header instance is not defined in context.');\n  }\n\n  return header;\n}\n\n//#endregion\n\n//#region column context\nconst DataTableColumnContext = createContext<Column<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> | null>(null);\n\n/** @internal */\nexport function DataTableColumnContextProvider(\n  props: PropsWithChildren<{\n    value?: Column<TDataTableFeatures, RowData, CellData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableColumnContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableColumnContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableColumn(): Column<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> {\n  const column = useContext<Column<\n    TDataTableFeatures,\n    RowData,\n    CellData\n  > | null>(DataTableColumnContext);\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (column === null) {\n    throw new Error('Column object is not defined in context.');\n  }\n\n  return column;\n}\n\n//#endregion\n\n//#region row context\nconst DataTableRowContext = createContext<Row<\n  TDataTableFeatures,\n  RowData\n> | null>(null);\n\n/** @internal */\nexport function DataTableRowContextProvider(\n  props: PropsWithChildren<{\n    value?: Row<TDataTableFeatures, RowData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableRowContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableRowContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableRow(): Row<TDataTableFeatures, RowData> | null {\n  const row = useContext<Row<TDataTableFeatures, RowData> | null>(\n    DataTableRowContext,\n  );\n\n  return row;\n}\n\n//#endregion\n\n//#region cell context\nconst DataTableCellContext = createContext<Cell<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> | null>(null);\n\n/** @internal */\nexport function DataTableCellContextProvider(\n  props: PropsWithChildren<{\n    value?: Cell<TDataTableFeatures, RowData, CellData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableCellContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableCellContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableCell(): Cell<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> | null {\n  const cell = useContext<Cell<TDataTableFeatures, RowData, CellData> | null>(\n    DataTableCellContext,\n  );\n\n  return cell;\n}\n\n//#endregion\n\n//#region column settings context\n/** @internal */\nexport type DataTableColumnSettingsHandle = {\n  openColumnSettings?: (columnSettings?: DataTableColumnSettingsConfig) => void;\n};\n\nconst DataTableColumnSettingsContext =\n  createContext<DataTableColumnSettingsHandle | null>(null);\n\n/** @internal */\nexport function DataTableColumnSettingsContextProvider(\n  props: PropsWithChildren<{\n    value?: DataTableColumnSettingsHandle;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableColumnSettingsContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableColumnSettingsContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableColumnSettings(): DataTableColumnSettingsHandle | null {\n  return useContext<DataTableColumnSettingsHandle | null>(\n    DataTableColumnSettingsContext,\n  );\n}\n\n//#endregion\n\n//#region isHeader context\nconst DataTableIsHeaderContext = createContext(false);\n\n/** @internal */\nexport function DataTableIsHeaderContextProvider(\n  props: Readonly<PropsWithChildren>,\n): JSX.Element {\n  return (\n    <DataTableIsHeaderContext.Provider value={true}>\n      {props.children}\n    </DataTableIsHeaderContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableIsHeaderContextProvider(): boolean {\n  return useContext<boolean>(DataTableIsHeaderContext);\n}\n"],
+  "mappings": "AA+BI;AAvBJ;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAWP,MAAM,mBAAmB,cAAiD,IAAI;AAGvE,SAAS,yBACd,OACA;AACA,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,OAAO,MAAM;AAAA,MAEZ,gBAAM;AAAA;AAAA,EACT;AAEJ;AAGO,SAAS,eAA2C;AACzD,QAAM,QAAQ,WAA8C,gBAAgB;AAI5E,MAAI,UAAU,MAAM;AAClB,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC7D;AAEA,SAAO;AACT;AAYA,MAAM,0BAA0B;AAAA,EAC9B,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,0BAA0B;AAC5B;AAEO,MAAM,0BACX,cAA4C,uBAAuB;AAG9D,SAAS,gCACd,OACa;AACb,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,OAAO,MAAM,SAAS;AAAA,MAErB,gBAAM;AAAA;AAAA,EACT;AAEJ;AAGO,SAAS,sBAAoD;AAClE,QAAM,UAAU;AAAA,IACd;AAAA,EACF;AAIA,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,6CAA6C;AAAA,EAC/D;AAEA,SAAO;AACT;AAMO,MAAM,yBAAyB,cAI5B,IAAI;AAGP,SAAS,+BACd,OAGa;AACb,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAAM,SAAS,MACpD,gBAAM,UACT;AAEJ;AAGO,SAAS,qBAId;AACA,QAAM,SAAS,WAIL,sBAAsB;AAIhC,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AAEA,SAAO;AACT;AAKA,MAAM,yBAAyB,cAIrB,IAAI;AAGP,SAAS,+BACd,OAGa;AACb,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAAM,SAAS,MACpD,gBAAM,UACT;AAEJ;AAGO,SAAS,qBAId;AACA,QAAM,SAAS,WAIL,sBAAsB;AAIhC,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,SAAO;AACT;AAKA,MAAM,sBAAsB,cAGlB,IAAI;AAGP,SAAS,4BACd,OAGa;AACb,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,MAAM,SAAS,MACjD,gBAAM,UACT;AAEJ;AAGO,SAAS,kBAA2D;AACzE,QAAM,MAAM;AAAA,IACV;AAAA,EACF;AAEA,SAAO;AACT;AAKA,MAAM,uBAAuB,cAInB,IAAI;AAGP,SAAS,6BACd,OAGa;AACb,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,SAAS,MAClD,gBAAM,UACT;AAEJ;AAGO,SAAS,mBAIP;AACP,QAAM,OAAO;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AACT;AAUA,MAAM,iCACJ,cAAoD,IAAI;AAGnD,SAAS,uCACd,OAGa;AACb,SACE,oBAAC,+BAA+B,UAA/B,EAAwC,OAAO,MAAM,SAAS,MAC5D,gBAAM,UACT;AAEJ;AAGO,SAAS,6BAAmE;AACjF,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAKA,MAAM,2BAA2B,cAAc,KAAK;AAG7C,SAAS,iCACd,OACa;AACb,SACE,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,MACvC,gBAAM,UACT;AAEJ;AAGO,SAAS,sCAA+C;AAC7D,SAAO,WAAoB,wBAAwB;AACrD;",
   "names": []
 }

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

@@ -44,13 +44,17 @@ function resolveDatetimeFormatter(formatter) {
   return formatter;
 }
 const ColumnCellDatetimeFormatMemo = memo(
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // oxlint-disable-next-line typescript/no-explicit-any
   (props) => {
-    return props.value ? formatDatetime(Number(props.value), props.formatter) : "";
+    if (!props.value) {
+      return "";
+    }
+    const date = props.value instanceof Date ? props.value : new Date(convertToNumberIfPureNumber(String(props.value)));
+    return Number.isNaN(date.getTime()) ? "" : formatDatetime(date, props.formatter);
   }
 );
 const ColumnCellCurrencyFormatMemo = memo(
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // oxlint-disable-next-line typescript/no-explicit-any
   (props) => {
     if (props.value === null || props.value === void 0 || isNaN(props.value)) {
       return "";
@@ -63,7 +67,7 @@ const ColumnCellCurrencyFormatMemo = memo(
   }
 );
 const ColumnCellFormatMemo = memo(
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // oxlint-disable-next-line typescript/no-explicit-any
   (props) => {
     return format(Number(props.value), props.formatter);
   }
@@ -132,7 +136,7 @@ function formatCellValue(value, column) {
     devLog(`The value '${value}' can not be formatted!`);
     return "";
   }
-  const cleanedValue = typeof value === "number" || value instanceof Date ? value : Number.isNaN(+value) ? null : convertToNumberIfPureNumber(value);
+  const cleanedValue = typeof value === "number" || value instanceof Date ? value : Number.isNaN(+value) ? null : convertToNumberIfPureNumber(String(value));
   if (column.formatter && // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.
   column.columnType !== "date" && column.columnType !== "datetime" && column.columnType !== "currency" && typeof cleanedValue === "number") {
     const formatOptions = column.formatter;
@@ -152,15 +156,23 @@ function formatCellValue(value, column) {
   if (column.columnType === "long" && (typeof value === "string" || typeof value === "bigint" || typeof value === "number")) {
     return formatLong(value, column.formatter);
   }
-  if (
-    // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType
-    (column.columnType === "date" || column.columnType === "datetime") && (typeof cleanedValue === "number" || cleanedValue instanceof Date)
-  ) {
-    const resolvedFormatter = resolveDatetimeFormatter(column.formatter);
-    if (resolvedFormatter) {
-      return formatDatetime(cleanedValue, resolvedFormatter);
-    } else {
-      return formatDatetimeDefault(cleanedValue);
+  if (column.columnType === "date" || column.columnType === "datetime") {
+    let dateValue = null;
+    if (typeof cleanedValue === "number" || cleanedValue instanceof Date) {
+      dateValue = cleanedValue;
+    } else if (typeof value === "string") {
+      const date = new Date(value);
+      if (!Number.isNaN(date.getTime())) {
+        dateValue = date;
+      }
+    }
+    if (dateValue !== null) {
+      const resolvedFormatter = resolveDatetimeFormatter(column.formatter);
+      if (resolvedFormatter) {
+        return formatDatetime(dateValue, resolvedFormatter);
+      } else {
+        return formatDatetimeDefault(dateValue);
+      }
     }
   }
   if (column.columnType === "currency" && typeof cleanedValue === "number") {