@dynatrace/strato-components 3.7.1 → 3.8.0

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

@@ -14,8 +14,10 @@ import {
   getHasColumnPinningChanged,
   getHasVisibilityChanged,
   getMultipleLocalColumnVisibility,
-  getResetOverride,
-  getIsSettingEnabled
+  getVisibilityLimitMessage,
+  getOverrideValue,
+  getIsSettingEnabled,
+  resolveEffectiveLimit
 } from "./column-settings-utils.js";
 import { DataTableColumnsList } from "./DataTableColumnsList.js";
 import { DataTableVisibilityFilterControls } from "./DataTableVisibilityFilterControls.js";
@@ -30,6 +32,7 @@ function ColumnSettingsModal(props) {
     resetColumnOrder,
     resetColumnVisibility,
     resetColumnPinning,
+    visibleColumnLimits: slotVisibleColumnLimits,
     onModalClose,
     columnSettingsOverride
   } = props;
@@ -39,6 +42,20 @@ function ColumnSettingsModal(props) {
   const visibilityOverride = columnSettingsOverride?.columnVisibility;
   const columnOrderOverride = columnSettingsOverride?.columnOrder;
   const columnPinningOverride = columnSettingsOverride?.columnPinning;
+  const rawVisibleColumnLimits = getOverrideValue(visibilityOverride, "visibleColumnLimits") ?? slotVisibleColumnLimits;
+  const mandatoryVisibleColumnsCount = useMemo(
+    () => leafColumnsWithoutBuiltin.filter(
+      (col) => col.columnDef.enableHiding === false
+    ).length,
+    [leafColumnsWithoutBuiltin]
+  );
+  const { warningLimit, errorLimit } = useMemo(
+    () => resolveEffectiveLimit(
+      rawVisibleColumnLimits,
+      mandatoryVisibleColumnsCount
+    ),
+    [rawVisibleColumnLimits, mandatoryVisibleColumnsCount]
+  );
   const visibilitySettingsEnabled = getIsSettingEnabled(
     visibilityOverride,
     toolbarVisibilitySettings
@@ -70,9 +87,10 @@ function ColumnSettingsModal(props) {
     () => table.store.state.columnPinning
   );
   const [showResetStatus, setShowResetStatus] = useState(false);
-  const columnOrderToReset = getResetOverride(columnOrderOverride, "resetColumnOrder") ?? resetColumnOrder ?? table.options.originalColumnOrder;
-  const columnVisibilityToReset = getResetOverride(visibilityOverride, "resetColumnVisibility") ?? resetColumnVisibility ?? table.options.originalColumnVisibility;
-  const columnPinningToReset = getResetOverride(columnPinningOverride, "resetColumnPinning") ?? resetColumnPinning ?? table.options.originalColumnPinning;
+  const [showMinError, setShowMinError] = useState(false);
+  const columnOrderToReset = getOverrideValue(columnOrderOverride, "resetColumnOrder") ?? resetColumnOrder ?? table.options.originalColumnOrder;
+  const columnVisibilityToReset = getOverrideValue(visibilityOverride, "resetColumnVisibility") ?? resetColumnVisibility ?? table.options.originalColumnVisibility;
+  const columnPinningToReset = getOverrideValue(columnPinningOverride, "resetColumnPinning") ?? resetColumnPinning ?? table.options.originalColumnPinning;
   const filteredLocalColumnOrder = useMemo(
     () => localColumnOrder.filter(
       (colId) => !allLocalColumnsParentIds.includes(colId)
@@ -95,6 +113,17 @@ function ColumnSettingsModal(props) {
     localColumnVisibility,
     leafColumnsWithoutBuiltin
   );
+  const visibleColumnCount = Object.values(localColumnVisibility).filter(
+    Boolean
+  ).length;
+  const exceedsError = errorLimit !== void 0 && visibleColumnCount > errorLimit;
+  const limitMessage = getVisibilityLimitMessage(
+    showMinError,
+    errorLimit,
+    warningLimit,
+    visibleColumnCount,
+    intl
+  );
   const updateLocalColumnVisibility = (column, currentVisibilityState) => {
     const childColumns = column.columns;
     if (childColumns.length === 0) {
@@ -112,6 +141,7 @@ function ColumnSettingsModal(props) {
       );
     }
     showResetStatus && setShowResetStatus(false);
+    showMinError && setShowMinError(false);
   };
   const updateLocalColumnOrder = (newColumnOrder) => {
     setLocalColumnOrder(newColumnOrder);
@@ -130,6 +160,7 @@ function ColumnSettingsModal(props) {
       )
     );
     showResetStatus && setShowResetStatus(false);
+    showMinError && setShowMinError(false);
   };
   const showVisibilityControl = visibilitySettingsEnabled && activeFilterValue.length === 0;
   const showFilterControl = visibilitySettingsEnabled || columnPinningSettingsEnabled;
@@ -160,8 +191,13 @@ function ColumnSettingsModal(props) {
       didReset = true;
     }
     didReset && setShowResetStatus(true);
+    showMinError && setShowMinError(false);
   };
   const onApply = () => {
+    if (visibilitySettingsEnabled && visibleColumnCount < 1) {
+      setShowMinError(true);
+      return;
+    }
     table.setColumnVisibility(localColumnVisibility);
     table.setColumnOrder(filteredLocalColumnOrder);
     table.setColumnPinning(localColumnPinning);
@@ -177,8 +213,10 @@ function ColumnSettingsModal(props) {
       onReset,
       onApply,
       disableButtons: {
-        reset: !hasColumnOrderChanged && !hasVisibilityChanged && !hasColumnPinningChanged
+        reset: !hasColumnOrderChanged && !hasVisibilityChanged && !hasColumnPinningChanged,
+        apply: exceedsError
       },
+      footerMessage: limitMessage,
       controlLabels: {
         reset: intl.formatMessage(
           dataTableMessages.resetColumnSettingsButtonText
@@ -210,7 +248,8 @@ function ColumnSettingsModal(props) {
             updateLocalColumnOrder,
             localColumnPinning,
             updateLocalColumnPinning,
-            hasFilterBar: showFilterControl || showVisibilityControl
+            hasFilterBar: showFilterControl || showVisibilityControl,
+            hasMessage: limitMessage !== void 0
           }
         )
       ]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnSettingsModal.tsx"],
-  "sourcesContent": ["import {\n  type Column,\n  type ColumnPinningState,\n  type RowData,\n} from '@tanstack/react-table';\nimport {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  type JSX,\n  type Ref,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type { DataTableColumnSettingsModalRef } from './column-settings-types.js';\nimport {\n  generateColumnOrderWithParentIds,\n  generateColumnVisibilityObject,\n  getCombinedVisibilityCheckboxState,\n  getHasColumnOrderChanged,\n  getHasColumnPinningChanged,\n  getHasVisibilityChanged,\n  getMultipleLocalColumnVisibility,\n  getResetOverride,\n  getIsSettingEnabled,\n} from './column-settings-utils.js';\nimport { DataTableColumnsList } from './DataTableColumnsList.js';\nimport { DataTableVisibilityFilterControls } from './DataTableVisibilityFilterControls.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport type { DataTablePinnedColumnState } from '../../../features/ColumnPinning/column-pinning-types.js';\nimport type { DataTableColumnVisibilityState } from '../../../features/ColumnVisibility/column-visibility-types.js';\nimport type { TDataTableFeatures } from '../../../features/types/features.types.js';\nimport { dataTableMessages } from '../../../messages.js';\nimport type { DataTableColumnSettingsConfig } from '../../../public.api.js';\nimport { DataTableSettingsModal } from '../../SettingsModal/DataTableSettingsModal.js';\n\ninterface DataTableColumnSettingsModalProps {\n  /**\n   * Whether column visibility settings are available in the modal.\n   */\n  visibilitySettings: boolean;\n  /**\n   * Whether column order settings are available in the modal.\n   */\n  columnOrderSettings: boolean;\n  /**\n   * Whether column pinning settings are available in the modal.\n   */\n  columnPinningSettings: boolean;\n  /**\n   * Default column visibility when settings are reset.\n   */\n  resetColumnVisibility?: DataTableColumnVisibilityState;\n  /**\n   * Default column order when settings are reset.\n   */\n  resetColumnOrder?: string[];\n  /**\n   * Default column pinning state when settings are reset.\n   */\n  resetColumnPinning?: DataTablePinnedColumnState;\n}\n\n/**\n * Modal combining UI controls for column visibility and column ordering.\n * All changes that made within the modal are only applied once the user click the Confirm button.\n * When clicking Close, the changes won't be applied and discarded.\n */\nfunction ColumnSettingsModal<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(\n  props: DataTableColumnSettingsModalProps & {\n    onModalClose: () => void;\n    columnSettingsOverride?: DataTableColumnSettingsConfig;\n  },\n): JSX.Element {\n  const {\n    visibilitySettings: toolbarVisibilitySettings,\n    columnOrderSettings: toolbarColumnOrderSettings,\n    columnPinningSettings: toolbarColumnPinningSettings,\n    resetColumnOrder,\n    resetColumnVisibility,\n    resetColumnPinning,\n    onModalClose,\n    columnSettingsOverride,\n  } = props;\n\n  const intl = useIntl();\n  const table = useDataTable();\n  const leafColumnsWithoutBuiltin = table.getLeafColumnsWithoutBuiltin();\n\n  const visibilityOverride = columnSettingsOverride?.columnVisibility;\n  const columnOrderOverride = columnSettingsOverride?.columnOrder;\n  const columnPinningOverride = columnSettingsOverride?.columnPinning;\n\n  const visibilitySettingsEnabled = getIsSettingEnabled(\n    visibilityOverride,\n    toolbarVisibilitySettings,\n  );\n  const columnOrderSettingsEnabled = getIsSettingEnabled(\n    columnOrderOverride,\n    toolbarColumnOrderSettings,\n  );\n  const columnPinningSettingsEnabled = getIsSettingEnabled(\n    columnPinningOverride,\n    toolbarColumnPinningSettings,\n  );\n\n  // original column order state\n  const {\n    columnOrderWithParents: tableColumnOrder,\n    uniqueParentIds: allLocalColumnsParentIds,\n  } = generateColumnOrderWithParentIds(\n    table.getColumn,\n    table.atoms.columnOrder?.get() ?? [],\n  );\n\n  const [activeFilterValue, setActiveFilterValue] = useState<string>('');\n\n  // original column visibility state\n  const initialColumnVisibility = useMemo(\n    () => generateColumnVisibilityObject(leafColumnsWithoutBuiltin),\n    [leafColumnsWithoutBuiltin],\n  );\n\n  // current column visibility state while modal is open\n  const [localColumnVisibility, setLocalColumnVisibility] = useState<\n    Record<string, boolean>\n  >(initialColumnVisibility);\n\n  // current column order state while modal is open\n  const [localColumnOrder, setLocalColumnOrder] =\n    useState<string[]>(tableColumnOrder);\n\n  // current column pinning state while modal is open\n  const [localColumnPinning, setLocalColumnPinning] =\n    useState<ColumnPinningState>(\n      // original column pinning state\n      () => table.store.state.columnPinning,\n    );\n\n  // flag whether the \"Reset to default\" status message for screen readers should be displayed\n  const [showResetStatus, setShowResetStatus] = useState(false);\n\n  const columnOrderToReset =\n    getResetOverride(columnOrderOverride, 'resetColumnOrder') ??\n    resetColumnOrder ??\n    table.options.originalColumnOrder;\n  const columnVisibilityToReset =\n    getResetOverride(visibilityOverride, 'resetColumnVisibility') ??\n    resetColumnVisibility ??\n    table.options.originalColumnVisibility;\n  const columnPinningToReset =\n    getResetOverride(columnPinningOverride, 'resetColumnPinning') ??\n    resetColumnPinning ??\n    table.options.originalColumnPinning;\n\n  // Memoize filtered column order for comparison\n  const filteredLocalColumnOrder = useMemo(\n    () =>\n      localColumnOrder.filter(\n        (colId) => !allLocalColumnsParentIds.includes(colId),\n      ),\n    [localColumnOrder, allLocalColumnsParentIds],\n  );\n\n  // checks if local default column visibility has changed\n  const hasVisibilityChanged = useMemo(\n    () =>\n      visibilitySettingsEnabled &&\n      getHasVisibilityChanged(columnVisibilityToReset, localColumnVisibility),\n    [visibilitySettingsEnabled, columnVisibilityToReset, localColumnVisibility],\n  );\n\n  // checks if local default column order has changed\n  const hasColumnOrderChanged =\n    columnOrderSettingsEnabled &&\n    getHasColumnOrderChanged(columnOrderToReset, filteredLocalColumnOrder);\n\n  // checks if local default column pinning state has changed\n  const hasColumnPinningChanged =\n    columnPinningSettingsEnabled &&\n    getHasColumnPinningChanged(\n      {\n        left: columnPinningToReset?.left ?? [],\n        right: columnPinningToReset?.right ?? [],\n      },\n      localColumnPinning,\n    );\n\n  // determines whether all columns are visible\n  const showHideAllState = getCombinedVisibilityCheckboxState(\n    localColumnVisibility,\n    leafColumnsWithoutBuiltin,\n  );\n\n  /**\n   * Updates the local column visibility state.\n   * @param column - the column to update.\n   * @param currentVisibilityState - the current visibility state of the column.\n   */\n  const updateLocalColumnVisibility = (\n    column: Column<TFeatures, TData>,\n    currentVisibilityState: boolean | 'indeterminate',\n  ): void => {\n    const childColumns = column.columns;\n    if (childColumns.length === 0) {\n      setLocalColumnVisibility((prevState) => ({\n        ...prevState,\n        [column.id]: !currentVisibilityState,\n      }));\n    } else {\n      setLocalColumnVisibility((prevState) =>\n        getMultipleLocalColumnVisibility(\n          childColumns,\n          currentVisibilityState,\n          prevState,\n        ),\n      );\n    }\n    showResetStatus && setShowResetStatus(false);\n  };\n\n  /**\n   * Updates the local column order state.\n   * @param newColumnOrder - the new column order.\n   */\n  const updateLocalColumnOrder = (newColumnOrder: string[]): void => {\n    setLocalColumnOrder(newColumnOrder);\n    showResetStatus && setShowResetStatus(false);\n  };\n\n  /**\n   * Updates the local column pinning state.\n   * @param newState - the new column pinning state.\n   */\n  const updateLocalColumnPinning = (newState: ColumnPinningState): void => {\n    setLocalColumnPinning(newState);\n    showResetStatus && setShowResetStatus(false);\n  };\n\n  const onShowHideAllChange = () => {\n    setLocalColumnVisibility((prevState) =>\n      getMultipleLocalColumnVisibility(\n        leafColumnsWithoutBuiltin,\n        showHideAllState,\n        prevState,\n      ),\n    );\n    showResetStatus && setShowResetStatus(false);\n  };\n\n  const showVisibilityControl =\n    visibilitySettingsEnabled && activeFilterValue.length === 0;\n  const showFilterControl =\n    visibilitySettingsEnabled || columnPinningSettingsEnabled;\n\n  const onReset = () => {\n    let didReset = false;\n\n    // reset visibility, order and/or pinning state if they are enabled\n    if (visibilitySettingsEnabled && columnVisibilityToReset) {\n      setLocalColumnVisibility(\n        generateColumnVisibilityObject(\n          leafColumnsWithoutBuiltin,\n          columnVisibilityToReset,\n        ),\n      );\n      didReset = true;\n    }\n\n    if (columnOrderSettingsEnabled && columnOrderToReset) {\n      const { columnOrderWithParents } = generateColumnOrderWithParentIds(\n        table.getColumn,\n        columnOrderToReset,\n      );\n\n      setLocalColumnOrder(columnOrderWithParents);\n      didReset = true;\n    }\n\n    if (columnPinningSettingsEnabled && columnPinningToReset) {\n      setLocalColumnPinning({\n        left: columnPinningToReset?.left ?? [],\n        right: columnPinningToReset?.right ?? [],\n      });\n      didReset = true;\n    }\n\n    // if settings were successfully reset,\n    // show a status message for the screen reader\n    didReset && setShowResetStatus(true);\n  };\n\n  const onApply = () => {\n    table.setColumnVisibility(localColumnVisibility);\n    table.setColumnOrder(filteredLocalColumnOrder);\n    table.setColumnPinning(localColumnPinning);\n    onModalClose();\n  };\n\n  return (\n    <DataTableSettingsModal\n      title={intl.formatMessage(dataTableMessages.columnSettingsTitle)}\n      show={true}\n      showResetStatus={showResetStatus}\n      onDismiss={onModalClose}\n      onReset={onReset}\n      onApply={onApply}\n      disableButtons={{\n        reset:\n          !hasColumnOrderChanged &&\n          !hasVisibilityChanged &&\n          !hasColumnPinningChanged,\n      }}\n      controlLabels={{\n        reset: intl.formatMessage(\n          dataTableMessages.resetColumnSettingsButtonText,\n        ),\n        cancel: intl.formatMessage(dataTableMessages.cancelButtonText),\n        apply: intl.formatMessage(dataTableMessages.applyButtonText),\n      }}\n    >\n      <DataTableVisibilityFilterControls\n        showVisibilityControl={showVisibilityControl}\n        showFilterControl={showFilterControl}\n        setActiveFilterValue={setActiveFilterValue}\n        showHideAllState={showHideAllState}\n        onShowHideAllChange={onShowHideAllChange}\n      />\n      <DataTableColumnsList\n        visibilitySettings={visibilitySettingsEnabled}\n        columnOrderSettings={columnOrderSettingsEnabled}\n        columnPinningSettings={columnPinningSettingsEnabled}\n        activeFilterValue={activeFilterValue}\n        localColumnVisibility={localColumnVisibility}\n        updateLocalColumnVisibility={updateLocalColumnVisibility}\n        localColumnOrder={localColumnOrder}\n        updateLocalColumnOrder={updateLocalColumnOrder}\n        localColumnPinning={localColumnPinning}\n        updateLocalColumnPinning={updateLocalColumnPinning}\n        hasFilterBar={showFilterControl || showVisibilityControl}\n      />\n    </DataTableSettingsModal>\n  );\n}\n\nfunction DataTableColumnSettingsModalFwd(\n  props: DataTableColumnSettingsModalProps,\n  forwardedRef: Ref<DataTableColumnSettingsModalRef>,\n): JSX.Element | null {\n  const [modalOpen, setModalOpen] = useState(false);\n  const [columnSettingsOverride, setColumnSettingsOverride] =\n    useState<DataTableColumnSettingsConfig>();\n\n  // open the modal from outside\n  useImperativeHandle(forwardedRef, () => ({\n    openColumnSettings: (columnSettings?: DataTableColumnSettingsConfig) => {\n      setColumnSettingsOverride(columnSettings);\n      setModalOpen(true);\n    },\n  }));\n\n  if (modalOpen) {\n    return (\n      <ColumnSettingsModal\n        {...props}\n        columnSettingsOverride={columnSettingsOverride}\n        onModalClose={() => setModalOpen(false)}\n      />\n    );\n  }\n  return null;\n}\n\n/**\n * @internal\n */\nexport const DataTableColumnSettingsModal = forwardRef(\n  DataTableColumnSettingsModalFwd,\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type Column,\n  type ColumnPinningState,\n  type RowData,\n} from '@tanstack/react-table';\nimport {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  type JSX,\n  type Ref,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type { DataTableColumnSettingsModalRef } from './column-settings-types.js';\nimport {\n  generateColumnOrderWithParentIds,\n  generateColumnVisibilityObject,\n  getCombinedVisibilityCheckboxState,\n  getHasColumnOrderChanged,\n  getHasColumnPinningChanged,\n  getHasVisibilityChanged,\n  getMultipleLocalColumnVisibility,\n  getVisibilityLimitMessage,\n  getOverrideValue,\n  getIsSettingEnabled,\n  resolveEffectiveLimit,\n} from './column-settings-utils.js';\nimport { DataTableColumnsList } from './DataTableColumnsList.js';\nimport { DataTableVisibilityFilterControls } from './DataTableVisibilityFilterControls.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport type { DataTablePinnedColumnState } from '../../../features/ColumnPinning/column-pinning-types.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';\nimport type { DataTableColumnSettingsConfig } from '../../../public.api.js';\nimport { DataTableSettingsModal } from '../../SettingsModal/DataTableSettingsModal.js';\n\ninterface DataTableColumnSettingsModalProps {\n  /**\n   * Whether column visibility settings are available in the modal.\n   */\n  visibilitySettings: boolean;\n  /**\n   * Whether column order settings are available in the modal.\n   */\n  columnOrderSettings: boolean;\n  /**\n   * Whether column pinning settings are available in the modal.\n   */\n  columnPinningSettings: boolean;\n  /**\n   * Default column visibility when settings are reset.\n   */\n  resetColumnVisibility?: DataTableColumnVisibilityState;\n  /**\n   * Default column order when settings are reset.\n   */\n  resetColumnOrder?: string[];\n  /**\n   * Default column pinning state when settings are reset.\n   */\n  resetColumnPinning?: DataTablePinnedColumnState;\n  /**\n   * Optional upper limits for the number of visible columns from the toolbar slot.\n   */\n  visibleColumnLimits?: DataTableVisibleColumnLimits;\n}\n\n/**\n * Modal combining UI controls for column visibility and column ordering.\n * All changes that made within the modal are only applied once the user click the Confirm button.\n * When clicking Close, the changes won't be applied and discarded.\n */\nfunction ColumnSettingsModal<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(\n  props: DataTableColumnSettingsModalProps & {\n    onModalClose: () => void;\n    columnSettingsOverride?: DataTableColumnSettingsConfig;\n  },\n): JSX.Element {\n  const {\n    visibilitySettings: toolbarVisibilitySettings,\n    columnOrderSettings: toolbarColumnOrderSettings,\n    columnPinningSettings: toolbarColumnPinningSettings,\n    resetColumnOrder,\n    resetColumnVisibility,\n    resetColumnPinning,\n    visibleColumnLimits: slotVisibleColumnLimits,\n    onModalClose,\n    columnSettingsOverride,\n  } = props;\n\n  const intl = useIntl();\n  const table = useDataTable();\n  const leafColumnsWithoutBuiltin = table.getLeafColumnsWithoutBuiltin();\n\n  const visibilityOverride = columnSettingsOverride?.columnVisibility;\n  const columnOrderOverride = columnSettingsOverride?.columnOrder;\n  const columnPinningOverride = columnSettingsOverride?.columnPinning;\n\n  // Programmatic override takes precedence over the slot value\n  const rawVisibleColumnLimits =\n    getOverrideValue(visibilityOverride, 'visibleColumnLimits') ??\n    slotVisibleColumnLimits;\n\n  const mandatoryVisibleColumnsCount = useMemo(\n    () =>\n      leafColumnsWithoutBuiltin.filter(\n        (col) => col.columnDef.enableHiding === false,\n      ).length,\n    [leafColumnsWithoutBuiltin],\n  );\n\n  const { warningLimit, errorLimit } = useMemo(\n    () =>\n      resolveEffectiveLimit(\n        rawVisibleColumnLimits,\n        mandatoryVisibleColumnsCount,\n      ),\n    [rawVisibleColumnLimits, mandatoryVisibleColumnsCount],\n  );\n\n  const visibilitySettingsEnabled = getIsSettingEnabled(\n    visibilityOverride,\n    toolbarVisibilitySettings,\n  );\n  const columnOrderSettingsEnabled = getIsSettingEnabled(\n    columnOrderOverride,\n    toolbarColumnOrderSettings,\n  );\n  const columnPinningSettingsEnabled = getIsSettingEnabled(\n    columnPinningOverride,\n    toolbarColumnPinningSettings,\n  );\n\n  // original column order state\n  const {\n    columnOrderWithParents: tableColumnOrder,\n    uniqueParentIds: allLocalColumnsParentIds,\n  } = generateColumnOrderWithParentIds(\n    table.getColumn,\n    table.atoms.columnOrder?.get() ?? [],\n  );\n\n  const [activeFilterValue, setActiveFilterValue] = useState<string>('');\n\n  // original column visibility state\n  const initialColumnVisibility = useMemo(\n    () => generateColumnVisibilityObject(leafColumnsWithoutBuiltin),\n    [leafColumnsWithoutBuiltin],\n  );\n\n  // current column visibility state while modal is open\n  const [localColumnVisibility, setLocalColumnVisibility] = useState<\n    Record<string, boolean>\n  >(initialColumnVisibility);\n\n  // current column order state while modal is open\n  const [localColumnOrder, setLocalColumnOrder] =\n    useState<string[]>(tableColumnOrder);\n\n  // current column pinning state while modal is open\n  const [localColumnPinning, setLocalColumnPinning] =\n    useState<ColumnPinningState>(\n      // original column pinning state\n      () => table.store.state.columnPinning,\n    );\n\n  // flag whether the \"Reset to default\" status message for screen readers should be displayed\n  const [showResetStatus, setShowResetStatus] = useState(false);\n  // flag whether the lower-bound (min=1) error should be displayed\n  const [showMinError, setShowMinError] = useState(false);\n\n  const columnOrderToReset =\n    getOverrideValue(columnOrderOverride, 'resetColumnOrder') ??\n    resetColumnOrder ??\n    table.options.originalColumnOrder;\n  const columnVisibilityToReset =\n    getOverrideValue(visibilityOverride, 'resetColumnVisibility') ??\n    resetColumnVisibility ??\n    table.options.originalColumnVisibility;\n  const columnPinningToReset =\n    getOverrideValue(columnPinningOverride, 'resetColumnPinning') ??\n    resetColumnPinning ??\n    table.options.originalColumnPinning;\n\n  // Memoize filtered column order for comparison\n  const filteredLocalColumnOrder = useMemo(\n    () =>\n      localColumnOrder.filter(\n        (colId) => !allLocalColumnsParentIds.includes(colId),\n      ),\n    [localColumnOrder, allLocalColumnsParentIds],\n  );\n\n  // checks if local default column visibility has changed\n  const hasVisibilityChanged = useMemo(\n    () =>\n      visibilitySettingsEnabled &&\n      getHasVisibilityChanged(columnVisibilityToReset, localColumnVisibility),\n    [visibilitySettingsEnabled, columnVisibilityToReset, localColumnVisibility],\n  );\n\n  // checks if local default column order has changed\n  const hasColumnOrderChanged =\n    columnOrderSettingsEnabled &&\n    getHasColumnOrderChanged(columnOrderToReset, filteredLocalColumnOrder);\n\n  // checks if local default column pinning state has changed\n  const hasColumnPinningChanged =\n    columnPinningSettingsEnabled &&\n    getHasColumnPinningChanged(\n      {\n        left: columnPinningToReset?.left ?? [],\n        right: columnPinningToReset?.right ?? [],\n      },\n      localColumnPinning,\n    );\n\n  // determines whether all columns are visible\n  const showHideAllState = getCombinedVisibilityCheckboxState(\n    localColumnVisibility,\n    leafColumnsWithoutBuiltin,\n  );\n\n  const visibleColumnCount = Object.values(localColumnVisibility).filter(\n    Boolean,\n  ).length;\n\n  const exceedsError =\n    errorLimit !== undefined && visibleColumnCount > errorLimit;\n\n  const limitMessage = getVisibilityLimitMessage(\n    showMinError,\n    errorLimit,\n    warningLimit,\n    visibleColumnCount,\n    intl,\n  );\n\n  /**\n   * Updates the local column visibility state.\n   * @param column - the column to update.\n   * @param currentVisibilityState - the current visibility state of the column.\n   */\n  const updateLocalColumnVisibility = (\n    column: Column<TFeatures, TData>,\n    currentVisibilityState: boolean | 'indeterminate',\n  ): void => {\n    const childColumns = column.columns;\n    if (childColumns.length === 0) {\n      setLocalColumnVisibility((prevState) => ({\n        ...prevState,\n        [column.id]: !currentVisibilityState,\n      }));\n    } else {\n      setLocalColumnVisibility((prevState) =>\n        getMultipleLocalColumnVisibility(\n          childColumns,\n          currentVisibilityState,\n          prevState,\n        ),\n      );\n    }\n    showResetStatus && setShowResetStatus(false);\n    showMinError && setShowMinError(false);\n  };\n\n  /**\n   * Updates the local column order state.\n   * @param newColumnOrder - the new column order.\n   */\n  const updateLocalColumnOrder = (newColumnOrder: string[]): void => {\n    setLocalColumnOrder(newColumnOrder);\n    showResetStatus && setShowResetStatus(false);\n  };\n\n  /**\n   * Updates the local column pinning state.\n   * @param newState - the new column pinning state.\n   */\n  const updateLocalColumnPinning = (newState: ColumnPinningState): void => {\n    setLocalColumnPinning(newState);\n    showResetStatus && setShowResetStatus(false);\n  };\n\n  const onShowHideAllChange = () => {\n    setLocalColumnVisibility((prevState) =>\n      getMultipleLocalColumnVisibility(\n        leafColumnsWithoutBuiltin,\n        showHideAllState,\n        prevState,\n      ),\n    );\n    showResetStatus && setShowResetStatus(false);\n    showMinError && setShowMinError(false);\n  };\n\n  const showVisibilityControl =\n    visibilitySettingsEnabled && activeFilterValue.length === 0;\n  const showFilterControl =\n    visibilitySettingsEnabled || columnPinningSettingsEnabled;\n\n  const onReset = () => {\n    let didReset = false;\n\n    // reset visibility, order and/or pinning state if they are enabled\n    if (visibilitySettingsEnabled && columnVisibilityToReset) {\n      setLocalColumnVisibility(\n        generateColumnVisibilityObject(\n          leafColumnsWithoutBuiltin,\n          columnVisibilityToReset,\n        ),\n      );\n      didReset = true;\n    }\n\n    if (columnOrderSettingsEnabled && columnOrderToReset) {\n      const { columnOrderWithParents } = generateColumnOrderWithParentIds(\n        table.getColumn,\n        columnOrderToReset,\n      );\n\n      setLocalColumnOrder(columnOrderWithParents);\n      didReset = true;\n    }\n\n    if (columnPinningSettingsEnabled && columnPinningToReset) {\n      setLocalColumnPinning({\n        left: columnPinningToReset?.left ?? [],\n        right: columnPinningToReset?.right ?? [],\n      });\n      didReset = true;\n    }\n\n    // if settings were successfully reset,\n    // show a status message for the screen reader\n    didReset && setShowResetStatus(true);\n    showMinError && setShowMinError(false);\n  };\n\n  const onApply = () => {\n    if (visibilitySettingsEnabled && visibleColumnCount < 1) {\n      setShowMinError(true);\n      return;\n    }\n    table.setColumnVisibility(localColumnVisibility);\n    table.setColumnOrder(filteredLocalColumnOrder);\n    table.setColumnPinning(localColumnPinning);\n    onModalClose();\n  };\n\n  return (\n    <DataTableSettingsModal\n      title={intl.formatMessage(dataTableMessages.columnSettingsTitle)}\n      show={true}\n      showResetStatus={showResetStatus}\n      onDismiss={onModalClose}\n      onReset={onReset}\n      onApply={onApply}\n      disableButtons={{\n        reset:\n          !hasColumnOrderChanged &&\n          !hasVisibilityChanged &&\n          !hasColumnPinningChanged,\n        apply: exceedsError,\n      }}\n      footerMessage={limitMessage}\n      controlLabels={{\n        reset: intl.formatMessage(\n          dataTableMessages.resetColumnSettingsButtonText,\n        ),\n        cancel: intl.formatMessage(dataTableMessages.cancelButtonText),\n        apply: intl.formatMessage(dataTableMessages.applyButtonText),\n      }}\n    >\n      <DataTableVisibilityFilterControls\n        showVisibilityControl={showVisibilityControl}\n        showFilterControl={showFilterControl}\n        setActiveFilterValue={setActiveFilterValue}\n        showHideAllState={showHideAllState}\n        onShowHideAllChange={onShowHideAllChange}\n      />\n      <DataTableColumnsList\n        visibilitySettings={visibilitySettingsEnabled}\n        columnOrderSettings={columnOrderSettingsEnabled}\n        columnPinningSettings={columnPinningSettingsEnabled}\n        activeFilterValue={activeFilterValue}\n        localColumnVisibility={localColumnVisibility}\n        updateLocalColumnVisibility={updateLocalColumnVisibility}\n        localColumnOrder={localColumnOrder}\n        updateLocalColumnOrder={updateLocalColumnOrder}\n        localColumnPinning={localColumnPinning}\n        updateLocalColumnPinning={updateLocalColumnPinning}\n        hasFilterBar={showFilterControl || showVisibilityControl}\n        hasMessage={limitMessage !== undefined}\n      />\n    </DataTableSettingsModal>\n  );\n}\n\nfunction DataTableColumnSettingsModalFwd(\n  props: DataTableColumnSettingsModalProps,\n  forwardedRef: Ref<DataTableColumnSettingsModalRef>,\n): JSX.Element | null {\n  const [modalOpen, setModalOpen] = useState(false);\n  const [columnSettingsOverride, setColumnSettingsOverride] =\n    useState<DataTableColumnSettingsConfig>();\n\n  // open the modal from outside\n  useImperativeHandle(forwardedRef, () => ({\n    openColumnSettings: (columnSettings?: DataTableColumnSettingsConfig) => {\n      setColumnSettingsOverride(columnSettings);\n      setModalOpen(true);\n    },\n  }));\n\n  if (modalOpen) {\n    return (\n      <ColumnSettingsModal\n        {...props}\n        columnSettingsOverride={columnSettingsOverride}\n        onModalClose={() => setModalOpen(false)}\n      />\n    );\n  }\n  return null;\n}\n\n/**\n * @internal\n */\nexport const DataTableColumnSettingsModal = forwardRef(\n  DataTableColumnSettingsModalFwd,\n);\n"],
+  "mappings": "AAwWI,SAuBE,KAvBF;AAnWJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,SAAS,yCAAyC;AAClD,SAAS,oBAAoB;AAO7B,SAAS,yBAAyB;AAElC,SAAS,8BAA8B;AAsCvC,SAAS,oBAIP,OAIa;AACb,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAC3B,QAAM,4BAA4B,MAAM,6BAA6B;AAErE,QAAM,qBAAqB,wBAAwB;AACnD,QAAM,sBAAsB,wBAAwB;AACpD,QAAM,wBAAwB,wBAAwB;AAGtD,QAAM,yBACJ,iBAAiB,oBAAoB,qBAAqB,KAC1D;AAEF,QAAM,+BAA+B;AAAA,IACnC,MACE,0BAA0B;AAAA,MACxB,CAAC,QAAQ,IAAI,UAAU,iBAAiB;AAAA,IAC1C,EAAE;AAAA,IACJ,CAAC,yBAAyB;AAAA,EAC5B;AAEA,QAAM,EAAE,cAAc,WAAW,IAAI;AAAA,IACnC,MACE;AAAA,MACE;AAAA,MACA;AAAA,IACF;AAAA,IACF,CAAC,wBAAwB,4BAA4B;AAAA,EACvD;AAEA,QAAM,4BAA4B;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AACA,QAAM,6BAA6B;AAAA,IACjC;AAAA,IACA;AAAA,EACF;AACA,QAAM,+BAA+B;AAAA,IACnC;AAAA,IACA;AAAA,EACF;AAGA,QAAM;AAAA,IACJ,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,EACnB,IAAI;AAAA,IACF,MAAM;AAAA,IACN,MAAM,MAAM,aAAa,IAAI,KAAK,CAAC;AAAA,EACrC;AAEA,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAiB,EAAE;AAGrE,QAAM,0BAA0B;AAAA,IAC9B,MAAM,+BAA+B,yBAAyB;AAAA,IAC9D,CAAC,yBAAyB;AAAA,EAC5B;AAGA,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAExD,uBAAuB;AAGzB,QAAM,CAAC,kBAAkB,mBAAmB,IAC1C,SAAmB,gBAAgB;AAGrC,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C;AAAA;AAAA,IAEE,MAAM,MAAM,MAAM,MAAM;AAAA,EAC1B;AAGF,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAE5D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,qBACJ,iBAAiB,qBAAqB,kBAAkB,KACxD,oBACA,MAAM,QAAQ;AAChB,QAAM,0BACJ,iBAAiB,oBAAoB,uBAAuB,KAC5D,yBACA,MAAM,QAAQ;AAChB,QAAM,uBACJ,iBAAiB,uBAAuB,oBAAoB,KAC5D,sBACA,MAAM,QAAQ;AAGhB,QAAM,2BAA2B;AAAA,IAC/B,MACE,iBAAiB;AAAA,MACf,CAAC,UAAU,CAAC,yBAAyB,SAAS,KAAK;AAAA,IACrD;AAAA,IACF,CAAC,kBAAkB,wBAAwB;AAAA,EAC7C;AAGA,QAAM,uBAAuB;AAAA,IAC3B,MACE,6BACA,wBAAwB,yBAAyB,qBAAqB;AAAA,IACxE,CAAC,2BAA2B,yBAAyB,qBAAqB;AAAA,EAC5E;AAGA,QAAM,wBACJ,8BACA,yBAAyB,oBAAoB,wBAAwB;AAGvE,QAAM,0BACJ,gCACA;AAAA,IACE;AAAA,MACE,MAAM,sBAAsB,QAAQ,CAAC;AAAA,MACrC,OAAO,sBAAsB,SAAS,CAAC;AAAA,IACzC;AAAA,IACA;AAAA,EACF;AAGF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,qBAAqB,OAAO,OAAO,qBAAqB,EAAE;AAAA,IAC9D;AAAA,EACF,EAAE;AAEF,QAAM,eACJ,eAAe,UAAa,qBAAqB;AAEnD,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAOA,QAAM,8BAA8B,CAClC,QACA,2BACS;AACT,UAAM,eAAe,OAAO;AAC5B,QAAI,aAAa,WAAW,GAAG;AAC7B,+BAAyB,CAAC,eAAe;AAAA,QACvC,GAAG;AAAA,QACH,CAAC,OAAO,EAAE,GAAG,CAAC;AAAA,MAChB,EAAE;AAAA,IACJ,OAAO;AACL;AAAA,QAAyB,CAAC,cACxB;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,uBAAmB,mBAAmB,KAAK;AAC3C,oBAAgB,gBAAgB,KAAK;AAAA,EACvC;AAMA,QAAM,yBAAyB,CAAC,mBAAmC;AACjE,wBAAoB,cAAc;AAClC,uBAAmB,mBAAmB,KAAK;AAAA,EAC7C;AAMA,QAAM,2BAA2B,CAAC,aAAuC;AACvE,0BAAsB,QAAQ;AAC9B,uBAAmB,mBAAmB,KAAK;AAAA,EAC7C;AAEA,QAAM,sBAAsB,MAAM;AAChC;AAAA,MAAyB,CAAC,cACxB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,uBAAmB,mBAAmB,KAAK;AAC3C,oBAAgB,gBAAgB,KAAK;AAAA,EACvC;AAEA,QAAM,wBACJ,6BAA6B,kBAAkB,WAAW;AAC5D,QAAM,oBACJ,6BAA6B;AAE/B,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW;AAGf,QAAI,6BAA6B,yBAAyB;AACxD;AAAA,QACE;AAAA,UACE;AAAA,UACA;AAAA,QACF;AAAA,MACF;AACA,iBAAW;AAAA,IACb;AAEA,QAAI,8BAA8B,oBAAoB;AACpD,YAAM,EAAE,uBAAuB,IAAI;AAAA,QACjC,MAAM;AAAA,QACN;AAAA,MACF;AAEA,0BAAoB,sBAAsB;AAC1C,iBAAW;AAAA,IACb;AAEA,QAAI,gCAAgC,sBAAsB;AACxD,4BAAsB;AAAA,QACpB,MAAM,sBAAsB,QAAQ,CAAC;AAAA,QACrC,OAAO,sBAAsB,SAAS,CAAC;AAAA,MACzC,CAAC;AACD,iBAAW;AAAA,IACb;AAIA,gBAAY,mBAAmB,IAAI;AACnC,oBAAgB,gBAAgB,KAAK;AAAA,EACvC;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,6BAA6B,qBAAqB,GAAG;AACvD,sBAAgB,IAAI;AACpB;AAAA,IACF;AACA,UAAM,oBAAoB,qBAAqB;AAC/C,UAAM,eAAe,wBAAwB;AAC7C,UAAM,iBAAiB,kBAAkB;AACzC,iBAAa;AAAA,EACf;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,KAAK,cAAc,kBAAkB,mBAAmB;AAAA,MAC/D,MAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,QACd,OACE,CAAC,yBACD,CAAC,wBACD,CAAC;AAAA,QACH,OAAO;AAAA,MACT;AAAA,MACA,eAAe;AAAA,MACf,eAAe;AAAA,QACb,OAAO,KAAK;AAAA,UACV,kBAAkB;AAAA,QACpB;AAAA,QACA,QAAQ,KAAK,cAAc,kBAAkB,gBAAgB;AAAA,QAC7D,OAAO,KAAK,cAAc,kBAAkB,eAAe;AAAA,MAC7D;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,oBAAoB;AAAA,YACpB,qBAAqB;AAAA,YACrB,uBAAuB;AAAA,YACvB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAc,qBAAqB;AAAA,YACnC,YAAY,iBAAiB;AAAA;AAAA,QAC/B;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,gCACP,OACA,cACoB;AACpB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,wBAAwB,yBAAyB,IACtD,SAAwC;AAG1C,sBAAoB,cAAc,OAAO;AAAA,IACvC,oBAAoB,CAAC,mBAAmD;AACtE,gCAA0B,cAAc;AACxC,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,EAAE;AAEF,MAAI,WAAW;AACb,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,cAAc,MAAM,aAAa,KAAK;AAAA;AAAA,IACxC;AAAA,EAEJ;AACA,SAAO;AACT;AAKO,MAAM,+BAA+B;AAAA,EAC1C;AACF;",
   "names": []
 }

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

@@ -1,5 +1,6 @@
 const DataTableColumnVisibilitySettings = ({
-  resetColumnVisibility
+  resetColumnVisibility,
+  visibleColumnLimits
 }) => null;
 DataTableColumnVisibilitySettings.displayName = "DataTable.VisibilitySettings";
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnVisibilitySettings.tsx"],
-  "sourcesContent": ["import type { DataTableColumnVisibilitySettingsProps } from './column-settings-types.js';\n\n/**\n * The slot component serves the sole purpose of detecting the user's intention\n * to display column visibility within the column settings modal, situated in the DataTable toolbar.\n * @public\n */\nexport const DataTableColumnVisibilitySettings = ({\n  resetColumnVisibility,\n}: DataTableColumnVisibilitySettingsProps) => null;\n\nDataTableColumnVisibilitySettings.displayName = 'DataTable.VisibilitySettings';\n"],
-  "mappings": "AAOO,MAAM,oCAAoC,CAAC;AAAA,EAChD;AACF,MAA8C;AAE9C,kCAAkC,cAAc;",
+  "sourcesContent": ["import type { DataTableColumnVisibilitySettingsProps } from './column-settings-types.js';\n\n/**\n * The slot component serves the sole purpose of detecting the user's intention\n * to display column visibility within the column settings modal, situated in the DataTable toolbar.\n * @public\n */\nexport const DataTableColumnVisibilitySettings = ({\n  resetColumnVisibility,\n  visibleColumnLimits,\n}: DataTableColumnVisibilitySettingsProps) => null;\n\nDataTableColumnVisibilitySettings.displayName = 'DataTable.VisibilitySettings';\n"],
+  "mappings": "AAOO,MAAM,oCAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AACF,MAA8C;AAE9C,kCAAkC,cAAc;",
   "names": []
 }

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

@@ -1,19 +1,31 @@
-._14dz1ui0-3-7-1 {
+._14dz1ui0-3-8-0 {
   padding: var(--dt-spacings-size-4, 4px) 0;
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._14dz1ui1-3-7-1 {
+._14dz1ui2-3-8-0 {
+  --_14dz1ui1-3-8-0: 96dvh;
   overflow: auto;
   position: relative;
   margin-top: var(--dt-spacings-size-12, 12px);
 }
-._14dz1ui2-3-7-1 {
-  max-height: calc(96vh - 200px - 56px);
+._14dz1ui7-3-8-0 {
+  max-height: calc(var(--_14dz1ui1-3-8-0) - 200px);
 }
-._14dz1ui3-3-7-1 {
-  max-height: calc(96vh - 200px);
+._14dz1ui8-3-8-0 {
+  max-height: calc(var(--_14dz1ui1-3-8-0) - 200px - 56px);
 }
-._14dz1ui4-3-7-1 {
+._14dz1ui9-3-8-0 {
+  max-height: calc(var(--_14dz1ui1-3-8-0) - 200px - 34px);
+}
+._14dz1uia-3-8-0 {
+  max-height: calc(var(--_14dz1ui1-3-8-0) - 200px - 56px - 34px);
+}
+._14dz1uib-3-8-0 {
   width: 100%;
   position: relative;
+}
+@supports not (height: 1dvh) {
+  ._14dz1ui2-3-8-0 {
+    --_14dz1ui1-3-8-0: 96vh;
+  }
 }

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

@@ -32,7 +32,8 @@ function DataTableColumnsList(props) {
     updateLocalColumnOrder,
     localColumnPinning,
     updateLocalColumnPinning,
-    hasFilterBar
+    hasFilterBar,
+    hasMessage
   } = props;
   const table = useDataTable();
   const intl = useIntl();
@@ -74,9 +75,12 @@ function DataTableColumnsList(props) {
         const columnLabel = columnLabelsById.get(columnId) ?? "";
         return activeFilterWords.every((word) => columnLabel.includes(word));
       };
+      if (matchesFilter(column.id)) {
+        return true;
+      }
       const childColumns = column.columns;
       if (childColumns.length === 0) {
-        return matchesFilter(column.id);
+        return column.parent !== void 0 && matchesFilter(column.parent.id);
       }
       return childColumns.filter((child) => columnSection.find((col) => col.id === child.id)).some((childColumn) => matchesFilter(childColumn.id));
     },
@@ -202,7 +206,8 @@ function DataTableColumnsList(props) {
       className: clsx(
         "strato-table-settings-virtualization-container",
         styles.virtualizationScrollContainer({
-          hasFilter: hasFilterBar
+          hasFilter: hasFilterBar,
+          hasMessage
         })
       ),
       children: /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsList.tsx"],
-  "sourcesContent": ["import type {\n  ReactTable,\n  ColumnPinningPosition,\n  ColumnPinningState,\n  Column,\n  RowData,\n  TableFeatures,\n} from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { type JSX, useCallback, useMemo, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type { ColumnListItem } from './column-settings-types.js';\nimport {\n  generateColumnLabelsMap,\n  getVisibilityCheckboxState,\n  groupColumns,\n  isParentColumnHideable,\n  processFilterValue,\n} from './column-settings-utils.js';\nimport { DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT } from './ColumnOrderSettings/column-order-settings-dnd-utils.js';\nimport { ColumnOrderSettingsDragAndDropContext } from './ColumnOrderSettings/ColumnOrderSettingsDragAndDrop.js';\nimport * as styles from './DataTableColumnsList.sty.js';\nimport { columnName } from './DataTableColumnsListItem.sty.js';\nimport { DataTableColumnsListItem } from './DataTableColumnsListItem.js';\nimport { Grid } from '../../../../../layouts/grid/Grid.js';\nimport { Text } from '../../../../../typography/text/Text.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { getCanHide } from '../../../features/ColumnVisibility/ColumnVisibility.js';\nimport type { TDataTableFeatures } from '../../../features/types/features.types.js';\nimport { dataTableMessages } from '../../../messages.js';\n\ninterface DataTableColumnsListProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> {\n  /**\n   * Whether the visibility settings (checkboxes) are enabled.\n   */\n  visibilitySettings: boolean;\n  /**\n   * Whether the column order settings (drag and drop) are enabled.\n   */\n  columnOrderSettings: boolean;\n  /**\n   * Whether the column pinning settings (pin/unpin buttons) are enabled.\n   */\n  columnPinningSettings: boolean;\n  /**\n   * Current value of the filter input in the column settings modal.\n   */\n  activeFilterValue: string;\n  /**\n   * Current local column visibility state in the column settings modal.\n   */\n  localColumnVisibility: Record<string, boolean>;\n  /**\n   * Updates the local column visibility state in the column settings modal.\n   * @param column - the column to update.\n   * @param currentVisibility - the current visibility state of the column.\n   */\n  updateLocalColumnVisibility: (\n    column: Column<TFeatures, TData>,\n    currentVisibility: boolean | 'indeterminate',\n  ) => void;\n  /**\n   * Current local column order in the column settings modal.\n   */\n  localColumnOrder: string[];\n  /**\n   * Updates the local column order in the column settings modal.\n   * @param newColumnOrder - the new column order.\n   */\n  updateLocalColumnOrder: (newColumnOrder: string[]) => void;\n  /**\n   * Current local column pinning state in the column settings modal.\n   */\n  localColumnPinning: ColumnPinningState;\n  /**\n   * Updates the local column pinning state in the column settings modal.\n   * @param newState - the new column pinning state.\n   */\n  updateLocalColumnPinning: (newState: ColumnPinningState) => void;\n  /**\n   * Whether the filter bar is present in the modal above the list.\n   */\n  hasFilterBar: boolean;\n}\n\n/**\n * Renders the ordered, filtered list of columns for the column settings modal.\n * @internal\n */\nexport function DataTableColumnsList<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(\n  props: Readonly<DataTableColumnsListProps<TFeatures, TData>>,\n): JSX.Element | JSX.Element[] {\n  const {\n    visibilitySettings: showVisibilityCheckbox,\n    columnOrderSettings,\n    columnPinningSettings,\n    activeFilterValue,\n    localColumnVisibility,\n    updateLocalColumnVisibility,\n    localColumnOrder,\n    updateLocalColumnOrder,\n    localColumnPinning,\n    updateLocalColumnPinning,\n    hasFilterBar,\n  } = props;\n  const table = useDataTable();\n  const intl = useIntl();\n  const parentRef = useRef<HTMLDivElement | null>(null);\n\n  const allLeafColumnsWithoutBuiltin = table.getAllLeafColumnsWithoutBuiltin();\n  const columnsById = useMemo(\n    () => new Map(allLeafColumnsWithoutBuiltin.map((col) => [col.id, col])),\n    [allLeafColumnsWithoutBuiltin],\n  );\n\n  // Memoize column labels to avoid repeated getColumnLabel calls during filtering\n  const columnLabelsById = useMemo(\n    () => generateColumnLabelsMap(allLeafColumnsWithoutBuiltin),\n    [allLeafColumnsWithoutBuiltin],\n  );\n\n  // Pre-process filter value to lowercase words once\n  const activeFilterWords = useMemo(\n    () => processFilterValue(activeFilterValue),\n    [activeFilterValue],\n  );\n\n  // order the columns using the local column order\n  const compareColumns = useCallback(\n    (a: Column<TFeatures, TData>, b: Column<TFeatures, TData>) => {\n      const idChildColumnA = a.columns.at(0)?.id;\n      const idChildColumnB = b.columns.at(0)?.id;\n      const isBChildOfA = !!a.columns.find((childCol) => childCol.id === b.id);\n      const isAChildOfB = !!b.columns.find((childCol) => childCol.id === a.id);\n\n      if (isBChildOfA) {\n        return -1;\n      } else if (isAChildOfB) {\n        return 1;\n      }\n\n      return (\n        localColumnOrder.indexOf(idChildColumnA ?? a.id) -\n        localColumnOrder.indexOf(idChildColumnB ?? b.id)\n      );\n    },\n    [localColumnOrder],\n  );\n\n  // filter the flat columns using the active filter value specified in the search bar\n  const filterColumns = useCallback(\n    (\n      column: ColumnListItem<TFeatures, TData>,\n      _: number,\n      columnSection: ColumnListItem<TFeatures, TData>[],\n    ): boolean => {\n      // Early return if no filter\n      if (activeFilterWords.length === 0) {\n        return true;\n      }\n\n      // Helper function to check if a column matches the filter words\n      const matchesFilter = (columnId: string): boolean => {\n        const columnLabel = columnLabelsById.get(columnId) ?? '';\n        return activeFilterWords.every((word) => columnLabel.includes(word));\n      };\n\n      const childColumns = column.columns;\n      if (childColumns.length === 0) {\n        return matchesFilter(column.id);\n      }\n\n      return (\n        childColumns\n          // only consider children part of the current (un)pinned section\n          .filter((child) => columnSection.find((col) => col.id === child.id))\n          .some((childColumn) => matchesFilter(childColumn.id))\n      );\n    },\n    [activeFilterWords, columnLabelsById],\n  );\n\n  const mapToListItem = (\n    col: Column<TFeatures, TData>,\n    idx: number,\n    pinnedPosition: ColumnPinningPosition,\n  ): ColumnListItem<TFeatures, TData> => ({\n    ...col,\n    key: `${col.id}_${idx}_${pinnedPosition}`, // unique React key; parent columns may appear multiple times in list\n    pinned: pinnedPosition,\n  });\n\n  const orderedLeftFlatColumns: ColumnListItem<TFeatures, TData>[] =\n    useMemo(() => {\n      // map column IDs to columns\n      const localColumnsPinned =\n        localColumnPinning.left\n          ?.map((id) => columnsById.get(id))\n          .filter((column) => !!column) ?? [];\n\n      // group nested columns\n      const groupedColumns = groupColumns(localColumnsPinned);\n\n      // add unique key\n      return groupedColumns.map((col, idx) => mapToListItem(col, idx, 'left'));\n    }, [columnsById, localColumnPinning.left]);\n\n  const orderedCenterFlatColumns: ColumnListItem<TFeatures, TData>[] =\n    useMemo(() => {\n      // find unpinned columns\n      const localColumnsUnpinned = allLeafColumnsWithoutBuiltin.filter(\n        (column) =>\n          !localColumnPinning.left?.includes(column.id) &&\n          !localColumnPinning.right?.includes(column.id),\n      );\n\n      // group nested columns\n      const groupedColumns = groupColumns(localColumnsUnpinned);\n\n      // order columns and add unique key\n      return groupedColumns\n        .toSorted(compareColumns)\n        .map((col, idx) => mapToListItem(col, idx, false));\n    }, [\n      allLeafColumnsWithoutBuiltin,\n      compareColumns,\n      localColumnPinning.left,\n      localColumnPinning.right,\n    ]);\n\n  const orderedRightFlatColumns: ColumnListItem<TFeatures, TData>[] =\n    useMemo(() => {\n      // map column IDs to columns\n      const localColumnsPinned =\n        localColumnPinning.right\n          ?.map((id) => columnsById.get(id))\n          .filter((column) => !!column) ?? [];\n\n      // group nested columns\n      const groupedColumns = groupColumns(localColumnsPinned);\n\n      // add unique key\n      return groupedColumns.map((col, idx) => mapToListItem(col, idx, 'right'));\n    }, [columnsById, localColumnPinning.right]);\n\n  const orderedFlatColumns = {\n    left: orderedLeftFlatColumns,\n    center: orderedCenterFlatColumns,\n    right: orderedRightFlatColumns,\n  };\n\n  const filteredColumns = useMemo(\n    () => [\n      ...orderedLeftFlatColumns.filter(filterColumns),\n      ...orderedCenterFlatColumns.filter(filterColumns),\n      ...orderedRightFlatColumns.filter(filterColumns),\n    ],\n    [\n      filterColumns,\n      orderedCenterFlatColumns,\n      orderedLeftFlatColumns,\n      orderedRightFlatColumns,\n    ],\n  );\n\n  const getItemKey = useCallback(\n    (index: number) => filteredColumns[index].key,\n    [filteredColumns],\n  );\n\n  const columnVirtualizer = useVirtualizer({\n    count: filteredColumns.length,\n    overscan: 5,\n    getScrollElement: () => parentRef.current,\n    getItemKey,\n    // Approximate height of a column list item\n    estimateSize: () => DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT,\n    measureElement: (element) => {\n      if (!element || !(element instanceof HTMLElement)) {\n        return DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT;\n      }\n\n      const labelElement = element.querySelector(`.${columnName}`);\n      if (!labelElement) {\n        return DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT;\n      }\n\n      const computedStyle = getComputedStyle(element);\n      const borderTop = parseFloat(computedStyle.borderTopWidth);\n      const borderBottom = parseFloat(computedStyle.borderBottomWidth);\n\n      return (\n        labelElement.getBoundingClientRect().height +\n        2 * 4 + // padding top and bottom\n        borderTop +\n        borderBottom\n      );\n    },\n  });\n\n  const virtualItems = columnVirtualizer.getVirtualItems();\n\n  // fallback message if no columns match the filter\n  if (filteredColumns.length === 0) {\n    return (\n      <Text className={styles.noItemsFound}>\n        {intl.formatMessage(dataTableMessages.noItemsFound)}\n      </Text>\n    );\n  }\n\n  const showColumnPinningButton =\n    !!table.optionsStore.state.enableColumnPinning && columnPinningSettings;\n  const canOrder =\n    !!table.optionsStore.state.enableColumnOrdering &&\n    columnOrderSettings &&\n    activeFilterValue.length === 0;\n\n  const columnListItems = virtualItems.map((virtualItem) => {\n    const column = filteredColumns[virtualItem.index];\n    const columnKey = column.key;\n    const canHide = getCanHide<TFeatures, TData>(\n      // Need to cast this one here in order to make sure that it allows\n      // instanciating with the same Subtype of RowData\n      table as unknown as ReactTable<TFeatures, TData>,\n      column,\n      isParentColumnHideable,\n    );\n    const visibilityCheckboxState = getVisibilityCheckboxState(\n      localColumnVisibility,\n      column,\n    );\n    const showColumnOrderDragHandle = canOrder && column.pinned === false;\n\n    return (\n      <DataTableColumnsListItem\n        key={columnKey}\n        column={column}\n        columnIndex={localColumnOrder.indexOf(column.id)}\n        orderedFlatColumns={orderedFlatColumns}\n        showVisibilityCheckbox={showVisibilityCheckbox}\n        enableVisibilityCheckbox={canHide}\n        currentVisibilityState={visibilityCheckboxState}\n        onVisibilityChange={updateLocalColumnVisibility}\n        showColumnOrderDragHandle={showColumnOrderDragHandle}\n        showColumnPinningMenu={showColumnPinningButton}\n        localColumnPinning={localColumnPinning}\n        updateLocalColumnPinning={updateLocalColumnPinning}\n        virtualIndex={virtualItem.index}\n        measureElement={columnVirtualizer.measureElement}\n      />\n    );\n  });\n\n  const columnList = (\n    <div\n      ref={parentRef}\n      className={clsx(\n        'strato-table-settings-virtualization-container',\n        styles.virtualizationScrollContainer({\n          hasFilter: hasFilterBar,\n        }),\n      )}\n    >\n      <Grid\n        gridTemplateColumns=\"1fr\"\n        padding={0}\n        gap={0}\n        className={clsx(styles.virtualizationInnerContainer)}\n        gridTemplateRows={columnVirtualizer.measurementsCache\n          .map((el) => `${el.size}px`)\n          .join(' ')}\n        // add 1px to prevent unwanted scrollbar during drag and drop\n        height={columnVirtualizer.getTotalSize() + 1}\n      >\n        {columnListItems}\n      </Grid>\n    </div>\n  );\n\n  return canOrder ? (\n    <ColumnOrderSettingsDragAndDropContext\n      localColumnOrder={localColumnOrder}\n      updateLocalColumnOrder={updateLocalColumnOrder}\n      localColumnPinning={localColumnPinning}\n      itemVirtualizer={columnVirtualizer}\n    >\n      {columnList}\n    </ColumnOrderSettingsDragAndDropContext>\n  ) : (\n    columnList\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type {\n  ReactTable,\n  ColumnPinningPosition,\n  ColumnPinningState,\n  Column,\n  RowData,\n  TableFeatures,\n} from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { type JSX, useCallback, useMemo, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type { ColumnListItem } from './column-settings-types.js';\nimport {\n  generateColumnLabelsMap,\n  getVisibilityCheckboxState,\n  groupColumns,\n  isParentColumnHideable,\n  processFilterValue,\n} from './column-settings-utils.js';\nimport { DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT } from './ColumnOrderSettings/column-order-settings-dnd-utils.js';\nimport { ColumnOrderSettingsDragAndDropContext } from './ColumnOrderSettings/ColumnOrderSettingsDragAndDrop.js';\nimport * as styles from './DataTableColumnsList.sty.js';\nimport { columnName } from './DataTableColumnsListItem.sty.js';\nimport { DataTableColumnsListItem } from './DataTableColumnsListItem.js';\nimport { Grid } from '../../../../../layouts/grid/Grid.js';\nimport { Text } from '../../../../../typography/text/Text.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { getCanHide } from '../../../features/ColumnVisibility/ColumnVisibility.js';\nimport type { TDataTableFeatures } from '../../../features/types/features.types.js';\nimport { dataTableMessages } from '../../../messages.js';\n\ninterface DataTableColumnsListProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> {\n  /**\n   * Whether the visibility settings (checkboxes) are enabled.\n   */\n  visibilitySettings: boolean;\n  /**\n   * Whether the column order settings (drag and drop) are enabled.\n   */\n  columnOrderSettings: boolean;\n  /**\n   * Whether the column pinning settings (pin/unpin buttons) are enabled.\n   */\n  columnPinningSettings: boolean;\n  /**\n   * Current value of the filter input in the column settings modal.\n   */\n  activeFilterValue: string;\n  /**\n   * Current local column visibility state in the column settings modal.\n   */\n  localColumnVisibility: Record<string, boolean>;\n  /**\n   * Updates the local column visibility state in the column settings modal.\n   * @param column - the column to update.\n   * @param currentVisibility - the current visibility state of the column.\n   */\n  updateLocalColumnVisibility: (\n    column: Column<TFeatures, TData>,\n    currentVisibility: boolean | 'indeterminate',\n  ) => void;\n  /**\n   * Current local column order in the column settings modal.\n   */\n  localColumnOrder: string[];\n  /**\n   * Updates the local column order in the column settings modal.\n   * @param newColumnOrder - the new column order.\n   */\n  updateLocalColumnOrder: (newColumnOrder: string[]) => void;\n  /**\n   * Current local column pinning state in the column settings modal.\n   */\n  localColumnPinning: ColumnPinningState;\n  /**\n   * Updates the local column pinning state in the column settings modal.\n   * @param newState - the new column pinning state.\n   */\n  updateLocalColumnPinning: (newState: ColumnPinningState) => void;\n  /**\n   * Whether the filter bar is present in the modal above the list.\n   */\n  hasFilterBar: boolean;\n  /**\n   * Whether a warning or error message is shown in the modal footer.\n   */\n  hasMessage: boolean;\n}\n\n/**\n * Renders the ordered, filtered list of columns for the column settings modal.\n * @internal\n */\nexport function DataTableColumnsList<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(\n  props: Readonly<DataTableColumnsListProps<TFeatures, TData>>,\n): JSX.Element | JSX.Element[] {\n  const {\n    visibilitySettings: showVisibilityCheckbox,\n    columnOrderSettings,\n    columnPinningSettings,\n    activeFilterValue,\n    localColumnVisibility,\n    updateLocalColumnVisibility,\n    localColumnOrder,\n    updateLocalColumnOrder,\n    localColumnPinning,\n    updateLocalColumnPinning,\n    hasFilterBar,\n    hasMessage,\n  } = props;\n  const table = useDataTable();\n  const intl = useIntl();\n  const parentRef = useRef<HTMLDivElement | null>(null);\n\n  const allLeafColumnsWithoutBuiltin = table.getAllLeafColumnsWithoutBuiltin();\n  const columnsById = useMemo(\n    () => new Map(allLeafColumnsWithoutBuiltin.map((col) => [col.id, col])),\n    [allLeafColumnsWithoutBuiltin],\n  );\n\n  // Memoize column labels to avoid repeated getColumnLabel calls during filtering\n  const columnLabelsById = useMemo(\n    () => generateColumnLabelsMap(allLeafColumnsWithoutBuiltin),\n    [allLeafColumnsWithoutBuiltin],\n  );\n\n  // Pre-process filter value to lowercase words once\n  const activeFilterWords = useMemo(\n    () => processFilterValue(activeFilterValue),\n    [activeFilterValue],\n  );\n\n  // order the columns using the local column order\n  const compareColumns = useCallback(\n    (a: Column<TFeatures, TData>, b: Column<TFeatures, TData>) => {\n      const idChildColumnA = a.columns.at(0)?.id;\n      const idChildColumnB = b.columns.at(0)?.id;\n      const isBChildOfA = !!a.columns.find((childCol) => childCol.id === b.id);\n      const isAChildOfB = !!b.columns.find((childCol) => childCol.id === a.id);\n\n      if (isBChildOfA) {\n        return -1;\n      } else if (isAChildOfB) {\n        return 1;\n      }\n\n      return (\n        localColumnOrder.indexOf(idChildColumnA ?? a.id) -\n        localColumnOrder.indexOf(idChildColumnB ?? b.id)\n      );\n    },\n    [localColumnOrder],\n  );\n\n  // filter the flat columns using the active filter value specified in the search bar\n  const filterColumns = useCallback(\n    (\n      column: ColumnListItem<TFeatures, TData>,\n      _: number,\n      columnSection: ColumnListItem<TFeatures, TData>[],\n    ): boolean => {\n      // Early return if no filter\n      if (activeFilterWords.length === 0) {\n        return true;\n      }\n\n      // Helper function to check if a column matches the filter words\n      const matchesFilter = (columnId: string): boolean => {\n        const columnLabel = columnLabelsById.get(columnId) ?? '';\n        return activeFilterWords.every((word) => columnLabel.includes(word));\n      };\n\n      // a column always matches on its own label, regardless of nesting\n      if (matchesFilter(column.id)) {\n        return true;\n      }\n\n      const childColumns = column.columns;\n      if (childColumns.length === 0) {\n        // leaf column: also match its parent group label\n        // so the children stay visible when the parent group name is searched.\n        return column.parent !== undefined && matchesFilter(column.parent.id);\n      }\n\n      // parent (grouped) column: match any of its children\n      // within the current (un)pinned section.\n      return childColumns\n        .filter((child) => columnSection.find((col) => col.id === child.id))\n        .some((childColumn) => matchesFilter(childColumn.id));\n    },\n    [activeFilterWords, columnLabelsById],\n  );\n\n  const mapToListItem = (\n    col: Column<TFeatures, TData>,\n    idx: number,\n    pinnedPosition: ColumnPinningPosition,\n  ): ColumnListItem<TFeatures, TData> => ({\n    ...col,\n    key: `${col.id}_${idx}_${pinnedPosition}`, // unique React key; parent columns may appear multiple times in list\n    pinned: pinnedPosition,\n  });\n\n  const orderedLeftFlatColumns: ColumnListItem<TFeatures, TData>[] =\n    useMemo(() => {\n      // map column IDs to columns\n      const localColumnsPinned =\n        localColumnPinning.left\n          ?.map((id) => columnsById.get(id))\n          .filter((column) => !!column) ?? [];\n\n      // group nested columns\n      const groupedColumns = groupColumns(localColumnsPinned);\n\n      // add unique key\n      return groupedColumns.map((col, idx) => mapToListItem(col, idx, 'left'));\n    }, [columnsById, localColumnPinning.left]);\n\n  const orderedCenterFlatColumns: ColumnListItem<TFeatures, TData>[] =\n    useMemo(() => {\n      // find unpinned columns\n      const localColumnsUnpinned = allLeafColumnsWithoutBuiltin.filter(\n        (column) =>\n          !localColumnPinning.left?.includes(column.id) &&\n          !localColumnPinning.right?.includes(column.id),\n      );\n\n      // group nested columns\n      const groupedColumns = groupColumns(localColumnsUnpinned);\n\n      // order columns and add unique key\n      return groupedColumns\n        .toSorted(compareColumns)\n        .map((col, idx) => mapToListItem(col, idx, false));\n    }, [\n      allLeafColumnsWithoutBuiltin,\n      compareColumns,\n      localColumnPinning.left,\n      localColumnPinning.right,\n    ]);\n\n  const orderedRightFlatColumns: ColumnListItem<TFeatures, TData>[] =\n    useMemo(() => {\n      // map column IDs to columns\n      const localColumnsPinned =\n        localColumnPinning.right\n          ?.map((id) => columnsById.get(id))\n          .filter((column) => !!column) ?? [];\n\n      // group nested columns\n      const groupedColumns = groupColumns(localColumnsPinned);\n\n      // add unique key\n      return groupedColumns.map((col, idx) => mapToListItem(col, idx, 'right'));\n    }, [columnsById, localColumnPinning.right]);\n\n  const orderedFlatColumns = {\n    left: orderedLeftFlatColumns,\n    center: orderedCenterFlatColumns,\n    right: orderedRightFlatColumns,\n  };\n\n  const filteredColumns = useMemo(\n    () => [\n      ...orderedLeftFlatColumns.filter(filterColumns),\n      ...orderedCenterFlatColumns.filter(filterColumns),\n      ...orderedRightFlatColumns.filter(filterColumns),\n    ],\n    [\n      filterColumns,\n      orderedCenterFlatColumns,\n      orderedLeftFlatColumns,\n      orderedRightFlatColumns,\n    ],\n  );\n\n  const getItemKey = useCallback(\n    (index: number) => filteredColumns[index].key,\n    [filteredColumns],\n  );\n\n  const columnVirtualizer = useVirtualizer({\n    count: filteredColumns.length,\n    overscan: 5,\n    getScrollElement: () => parentRef.current,\n    getItemKey,\n    // Approximate height of a column list item\n    estimateSize: () => DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT,\n    measureElement: (element) => {\n      if (!element || !(element instanceof HTMLElement)) {\n        return DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT;\n      }\n\n      const labelElement = element.querySelector(`.${columnName}`);\n      if (!labelElement) {\n        return DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT;\n      }\n\n      const computedStyle = getComputedStyle(element);\n      const borderTop = parseFloat(computedStyle.borderTopWidth);\n      const borderBottom = parseFloat(computedStyle.borderBottomWidth);\n\n      return (\n        labelElement.getBoundingClientRect().height +\n        2 * 4 + // padding top and bottom\n        borderTop +\n        borderBottom\n      );\n    },\n  });\n\n  const virtualItems = columnVirtualizer.getVirtualItems();\n\n  // fallback message if no columns match the filter\n  if (filteredColumns.length === 0) {\n    return (\n      <Text className={styles.noItemsFound}>\n        {intl.formatMessage(dataTableMessages.noItemsFound)}\n      </Text>\n    );\n  }\n\n  const showColumnPinningButton =\n    !!table.optionsStore.state.enableColumnPinning && columnPinningSettings;\n  const canOrder =\n    !!table.optionsStore.state.enableColumnOrdering &&\n    columnOrderSettings &&\n    activeFilterValue.length === 0;\n\n  const columnListItems = virtualItems.map((virtualItem) => {\n    const column = filteredColumns[virtualItem.index];\n    const columnKey = column.key;\n    const canHide = getCanHide<TFeatures, TData>(\n      // Need to cast this one here in order to make sure that it allows\n      // instanciating with the same Subtype of RowData\n      table as unknown as ReactTable<TFeatures, TData>,\n      column,\n      isParentColumnHideable,\n    );\n    const visibilityCheckboxState = getVisibilityCheckboxState(\n      localColumnVisibility,\n      column,\n    );\n    const showColumnOrderDragHandle = canOrder && column.pinned === false;\n\n    return (\n      <DataTableColumnsListItem\n        key={columnKey}\n        column={column}\n        columnIndex={localColumnOrder.indexOf(column.id)}\n        orderedFlatColumns={orderedFlatColumns}\n        showVisibilityCheckbox={showVisibilityCheckbox}\n        enableVisibilityCheckbox={canHide}\n        currentVisibilityState={visibilityCheckboxState}\n        onVisibilityChange={updateLocalColumnVisibility}\n        showColumnOrderDragHandle={showColumnOrderDragHandle}\n        showColumnPinningMenu={showColumnPinningButton}\n        localColumnPinning={localColumnPinning}\n        updateLocalColumnPinning={updateLocalColumnPinning}\n        virtualIndex={virtualItem.index}\n        measureElement={columnVirtualizer.measureElement}\n      />\n    );\n  });\n\n  const columnList = (\n    <div\n      ref={parentRef}\n      className={clsx(\n        'strato-table-settings-virtualization-container',\n        styles.virtualizationScrollContainer({\n          hasFilter: hasFilterBar,\n          hasMessage,\n        }),\n      )}\n    >\n      <Grid\n        gridTemplateColumns=\"1fr\"\n        padding={0}\n        gap={0}\n        className={clsx(styles.virtualizationInnerContainer)}\n        gridTemplateRows={columnVirtualizer.measurementsCache\n          .map((el) => `${el.size}px`)\n          .join(' ')}\n        // add 1px to prevent unwanted scrollbar during drag and drop\n        height={columnVirtualizer.getTotalSize() + 1}\n      >\n        {columnListItems}\n      </Grid>\n    </div>\n  );\n\n  return canOrder ? (\n    <ColumnOrderSettingsDragAndDropContext\n      localColumnOrder={localColumnOrder}\n      updateLocalColumnOrder={updateLocalColumnOrder}\n      localColumnPinning={localColumnPinning}\n      itemVirtualizer={columnVirtualizer}\n    >\n      {columnList}\n    </ColumnOrderSettingsDragAndDropContext>\n  ) : (\n    columnList\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 import "./DataTableColumnsList.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var noItemsFound = "_14dz1ui0-3-7-1";
-var virtualizationInnerContainer = "_14dz1ui4-3-7-1";
-var virtualizationScrollContainer = _7a468({ defaultClassName: "_14dz1ui1-3-7-1", variantClassNames: { hasFilter: { true: "_14dz1ui2-3-7-1", false: "_14dz1ui3-3-7-1" } }, defaultVariants: { hasFilter: false }, compoundVariants: [] });
+var noItemsFound = "_14dz1ui0-3-8-0";
+var virtualizationInnerContainer = "_14dz1uib-3-8-0";
+var virtualizationScrollContainer = _7a468({ defaultClassName: "_14dz1ui2-3-8-0", variantClassNames: { hasFilter: { true: "_14dz1ui3-3-8-0", false: "_14dz1ui4-3-8-0" }, hasMessage: { true: "_14dz1ui5-3-8-0", false: "_14dz1ui6-3-8-0" } }, defaultVariants: { hasFilter: false, hasMessage: false }, compoundVariants: [[{ hasFilter: false, hasMessage: false }, "_14dz1ui7-3-8-0"], [{ hasFilter: true, hasMessage: false }, "_14dz1ui8-3-8-0"], [{ hasFilter: false, hasMessage: true }, "_14dz1ui9-3-8-0"], [{ hasFilter: true, hasMessage: true }, "_14dz1uia-3-8-0"]] });
 export {
   noItemsFound,
   virtualizationInnerContainer,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsList.css.ts"],
-  "sourcesContent": ["import './DataTableColumnsList.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var noItemsFound = '_14dz1ui0-3-7-1';\nexport var virtualizationInnerContainer = '_14dz1ui4-3-7-1';\nexport var virtualizationScrollContainer = _7a468({defaultClassName:'_14dz1ui1-3-7-1',variantClassNames:{hasFilter:{true:'_14dz1ui2-3-7-1',false:'_14dz1ui3-3-7-1'}},defaultVariants:{hasFilter:false},compoundVariants:[]});"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,+BAA+B;AACnC,IAAI,gCAAgC,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,WAAU,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import './DataTableColumnsList.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var noItemsFound = '_14dz1ui0-3-8-0';\nexport var virtualizationInnerContainer = '_14dz1uib-3-8-0';\nexport var virtualizationScrollContainer = _7a468({defaultClassName:'_14dz1ui2-3-8-0',variantClassNames:{hasFilter:{true:'_14dz1ui3-3-8-0',false:'_14dz1ui4-3-8-0'},hasMessage:{true:'_14dz1ui5-3-8-0',false:'_14dz1ui6-3-8-0'}},defaultVariants:{hasFilter:false,hasMessage:false},compoundVariants:[[{hasFilter:false,hasMessage:false},'_14dz1ui7-3-8-0'],[{hasFilter:true,hasMessage:false},'_14dz1ui8-3-8-0'],[{hasFilter:false,hasMessage:true},'_14dz1ui9-3-8-0'],[{hasFilter:true,hasMessage:true},'_14dz1uia-3-8-0']]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,+BAA+B;AACnC,IAAI,gCAAgC,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,WAAU,OAAM,YAAW,MAAK,GAAE,kBAAiB,CAAC,CAAC,EAAC,WAAU,OAAM,YAAW,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,WAAU,MAAK,YAAW,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,WAAU,OAAM,YAAW,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,WAAU,MAAK,YAAW,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._13ypmcy0-3-7-1 {
+._13ypmcy0-3-8-0 {
   flex: 0 1 auto;
   word-break: break-all;
   padding-top: var(--dt-spacings-size-4, 4px);
@@ -7,21 +7,21 @@
   padding-left: var(--dt-spacings-size-8, 8px);
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._13ypmcy0-3-7-1[data-parentcolumnid] {
+._13ypmcy0-3-8-0[data-parentcolumnid] {
   padding-left: var(--dt-spacings-size-20, 20px);
 }
-._13ypmcy0-3-7-1:last-child, ._13ypmcy0-3-7-1:not([data-pinned-position="right"]):has(+ [data-pinned-position="right"]) {
+._13ypmcy0-3-8-0:last-child, ._13ypmcy0-3-8-0:not([data-pinned-position="right"]):has(+ [data-pinned-position="right"]) {
   border-bottom: none;
 }
-._13ypmcy0-3-7-1[data-pinned-position="left"]:not(:has(+ [data-pinned-position="left"])) {
+._13ypmcy0-3-8-0[data-pinned-position="left"]:not(:has(+ [data-pinned-position="left"])) {
   border-bottom: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._13ypmcy0-3-7-1[data-pinned-position="right"]:not([data-pinned-position="right"] + ._13ypmcy0-3-7-1, [data-pinned-position="left"] + ._13ypmcy0-3-7-1) {
+._13ypmcy0-3-8-0[data-pinned-position="right"]:not([data-pinned-position="right"] + ._13ypmcy0-3-8-0, [data-pinned-position="left"] + ._13ypmcy0-3-8-0) {
   border-top: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._13ypmcy1-3-7-1 {
+._13ypmcy1-3-8-0 {
   visibility: hidden;
 }
-._13ypmcy2-3-7-1 {
+._13ypmcy2-3-8-0 {
   padding: var(--dt-spacings-size-2, 2px) 0;
 }

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

@@ -1,7 +1,7 @@
 import "./DataTableColumnsListItem.css";
-var columnName = "_13ypmcy2-3-7-1";
-var columnsListItem = "_13ypmcy0-3-7-1";
-var dragging = "_13ypmcy1-3-7-1";
+var columnName = "_13ypmcy2-3-8-0";
+var columnsListItem = "_13ypmcy0-3-8-0";
+var dragging = "_13ypmcy1-3-8-0";
 export {
   columnName,
   columnsListItem,

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 = '_13ypmcy2-3-7-1';\nexport var columnsListItem = '_13ypmcy0-3-7-1';\nexport var dragging = '_13ypmcy1-3-7-1';"],
+  "sourcesContent": ["import './DataTableColumnsListItem.css';\nexport var columnName = '_13ypmcy2-3-8-0';\nexport var columnsListItem = '_13ypmcy0-3-8-0';\nexport var dragging = '_13ypmcy1-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,kBAAkB;AACtB,IAAI,WAAW;",
   "names": []
 }

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

@@ -1,18 +1,18 @@
-._1rh6hs00-3-7-1 {
+._1rh6hs00-3-8-0 {
   flex: 0 1 auto;
   padding-left: var(--dt-spacings-size-8, 8px);
 }
-._1rh6hs01-3-7-1 {
+._1rh6hs01-3-8-0 {
   flex: 0 1 calc(50% - var(--dt-spacings-size-4, 4px));
   margin-left: auto;
 }
-._1rh6hs01-3-7-1._1rh6hs01-3-7-1 {
+._1rh6hs01-3-8-0._1rh6hs01-3-8-0 {
   min-width: unset;
 }
-._1rh6hs02-3-7-1 {
+._1rh6hs02-3-8-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._dmotjm0-3-7-1 div:has(> ._1rh6hs02-3-7-1) {
+._dmotjm0-3-8-0 div:has(> ._1rh6hs02-3-8-0) {
   padding-top: var(--dt-spacings-size-0, 0);
 }

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

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

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 filterControls = '_1rh6hs02-3-7-1';\nexport var searchInput = '_1rh6hs01-3-7-1';\nexport var showHideAll = '_1rh6hs00-3-7-1';"],
+  "sourcesContent": ["import '../../../../../overlays/modal/Modal.css';\nimport './DataTableVisibilityFilterControls.css';\nexport var filterControls = '_1rh6hs02-3-8-0';\nexport var searchInput = '_1rh6hs01-3-8-0';\nexport var showHideAll = '_1rh6hs00-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,cAAc;AAClB,IAAI,cAAc;",
   "names": []
 }