@dynatrace/strato-components 3.6.0 → 3.7.0

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  ColumnPinningPosition,\n  ColumnPinningState,\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\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 { Column } from '../../../hooks/useTable/types.js';\nimport { dataTableMessages } from '../../../messages.js';\n\ninterface DataTableColumnsListProps {\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<unknown, unknown>,\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 const DataTableColumnsList = (\n  props: DataTableColumnsListProps,\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<unknown, unknown>, b: Column<unknown, unknown>) => {\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,\n      _: number,\n      columnSection: ColumnListItem[],\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<unknown, unknown>,\n    idx: number,\n    pinnedPosition: ColumnPinningPosition,\n  ): ColumnListItem => ({\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[] = 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[] = 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[] = 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.options.enableColumnPinning && columnPinningSettings;\n  const canOrder =\n    !!table.options.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(table, column, isParentColumnHideable);\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\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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",
   "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-6-0";
-var virtualizationInnerContainer = "_14dz1ui4-3-6-0";
-var virtualizationScrollContainer = _7a468({ defaultClassName: "_14dz1ui1-3-6-0", variantClassNames: { hasFilter: { true: "_14dz1ui2-3-6-0", false: "_14dz1ui3-3-6-0" } }, defaultVariants: { hasFilter: false }, compoundVariants: [] });
+var noItemsFound = "_14dz1ui0-3-7-0";
+var virtualizationInnerContainer = "_14dz1ui4-3-7-0";
+var virtualizationScrollContainer = _7a468({ defaultClassName: "_14dz1ui1-3-7-0", variantClassNames: { hasFilter: { true: "_14dz1ui2-3-7-0", false: "_14dz1ui3-3-7-0" } }, defaultVariants: { hasFilter: false }, compoundVariants: [] });
 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-6-0';\nexport var virtualizationInnerContainer = '_14dz1ui4-3-6-0';\nexport var virtualizationScrollContainer = _7a468({defaultClassName:'_14dz1ui1-3-6-0',variantClassNames:{hasFilter:{true:'_14dz1ui2-3-6-0',false:'_14dz1ui3-3-6-0'}},defaultVariants:{hasFilter:false},compoundVariants:[]});"],
+  "sourcesContent": ["import './DataTableColumnsList.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var noItemsFound = '_14dz1ui0-3-7-0';\nexport var virtualizationInnerContainer = '_14dz1ui4-3-7-0';\nexport var virtualizationScrollContainer = _7a468({defaultClassName:'_14dz1ui1-3-7-0',variantClassNames:{hasFilter:{true:'_14dz1ui2-3-7-0',false:'_14dz1ui3-3-7-0'}},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;",
   "names": []
 }

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

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

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

@@ -9,9 +9,8 @@ import * as styles from "./DataTableColumnsListItem.sty.js";
 import { useMergeRefs } from "../../../../../core/hooks/useMergeRefs.js";
 import { Flex } from "../../../../../layouts/flex/Flex.js";
 import { getColumnLabel } from "../../../../utils/get-column-label.js";
-const InternalDataTableColumnsListItem = (props) => {
+function InternalDataTableColumnsListItem(props) {
   const {
-    column,
     columnIndex,
     orderedFlatColumns,
     showVisibilityCheckbox,
@@ -25,13 +24,13 @@ const InternalDataTableColumnsListItem = (props) => {
     virtualIndex,
     measureElement
   } = props;
-  const columnName = getColumnLabel(column);
+  const columnName = getColumnLabel(props.column);
   const localColumnRef = useRef(null);
   const { setNodeRef, isDragging } = useSortable({
-    id: column.key,
+    id: props.column.key,
     data: {
-      column,
-      columnId: column.id,
+      column: props.column,
+      columnId: props.column.id,
       columnIndex,
       localColumnRef
     }
@@ -41,9 +40,9 @@ const InternalDataTableColumnsListItem = (props) => {
     Flex,
     {
       "data-index": virtualIndex,
-      "data-columnid": column.id,
-      "data-parentcolumnid": column.parent?.id,
-      "data-pinned-position": column.pinned === false ? void 0 : column.pinned,
+      "data-columnid": props.column.id,
+      "data-parentcolumnid": props.column.parent?.id,
+      "data-pinned-position": props.column.pinned === false ? void 0 : props.column.pinned,
       ref: mergedRefs,
       justifyContent: "space-between",
       alignItems: "center",
@@ -57,7 +56,7 @@ const InternalDataTableColumnsListItem = (props) => {
         showVisibilityCheckbox ? /* @__PURE__ */ jsx(
           ColumnVisibilityCheckbox,
           {
-            column,
+            column: props.column,
             enableCheckbox: enableVisibilityCheckbox,
             currentState: currentVisibilityState,
             onVisibilityChange
@@ -67,15 +66,15 @@ const InternalDataTableColumnsListItem = (props) => {
           showColumnOrderDragHandle && /* @__PURE__ */ jsx(
             ColumnOrderDragHandle,
             {
-              columnId: column.id,
-              columnKey: column.key,
+              columnId: props.column.id,
+              columnKey: props.column.key,
               isDraggingActive: isDragging
             }
           ),
           showColumnPinningMenu && /* @__PURE__ */ jsx(
             ColumnPinningMenu,
             {
-              column,
+              column: props.column,
               orderedFlatColumns,
               localColumnPinning,
               updateLocalColumnPinning
@@ -85,7 +84,7 @@ const InternalDataTableColumnsListItem = (props) => {
       ]
     }
   );
-};
+}
 const DataTableColumnsListItem = memo(
   InternalDataTableColumnsListItem,
   (prevProps, nextProps) => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsListItem.tsx"],
-  "sourcesContent": ["import { useSortable } from '@dnd-kit/sortable';\nimport clsx from 'clsx';\nimport { memo, useRef } from 'react';\n\n\nimport type { ColumnListItem } from './column-settings-types.js';\nimport { ColumnOrderDragHandle } from './ColumnOrderSettings/ColumnOrderDragHandle.js';\nimport { ColumnPinningMenu } from './ColumnPinningMenu.js';\nimport { ColumnVisibilityCheckbox } from './ColumnVisibilityCheckbox.js';\nimport * as styles from './DataTableColumnsListItem.sty.js';\nimport { useMergeRefs } from '../../../../../core/hooks/useMergeRefs.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { getColumnLabel } from '../../../../utils/get-column-label.js';\nimport type { Column } from '../../../hooks/useTable/types.js';\nimport type { ColumnPinningState } from '../../../tanstack-table-core-override/src/index.js';\n\ninterface DataTableColumnsListItemProps {\n  /**\n   * The column to render in the list.\n   */\n  column: ColumnListItem;\n  /**\n   * The index of the column in the list.\n   */\n  columnIndex: number;\n  /**\n   * The ordered flat columns, grouped by pinning position.\n   */\n  orderedFlatColumns: {\n    left: ColumnListItem[];\n    center: ColumnListItem[];\n    right: ColumnListItem[];\n  };\n  /**\n   * Whether the visibility settings are enabled and a checkbox should be shown.\n   */\n  showVisibilityCheckbox: boolean;\n  /**\n   * Whether visibility can be changed for this column.\n   */\n  enableVisibilityCheckbox: boolean;\n  /**\n   * The current visibility state of the column.\n   */\n  currentVisibilityState: boolean | 'indeterminate';\n  /**\n   * Callback when the checkbox is clicked and visibility of the column changes.\n   */\n  onVisibilityChange: (\n    column: Column<unknown, unknown>,\n    currentVisibility: boolean | 'indeterminate',\n  ) => void;\n  /**\n   * Whether the column order settings are enabled and a drag handle should be shown.\n   */\n  showColumnOrderDragHandle: boolean;\n  /**\n   * Whether buttons to pin/unpin the column should be shown.\n   */\n  showColumnPinningMenu: boolean;\n  /**\n   * The local column pinning state.\n   */\n  localColumnPinning: ColumnPinningState;\n  /**\n   * Callback to update the local column pinning state.\n   */\n  updateLocalColumnPinning: (newState: ColumnPinningState) => void;\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 * A single column item in the column settings list.\n */\nconst InternalDataTableColumnsListItem = (\n  props: DataTableColumnsListItemProps,\n) => {\n  const {\n    column,\n    columnIndex,\n    orderedFlatColumns,\n    showVisibilityCheckbox,\n    enableVisibilityCheckbox,\n    currentVisibilityState,\n    onVisibilityChange,\n    showColumnOrderDragHandle,\n    showColumnPinningMenu,\n    localColumnPinning,\n    updateLocalColumnPinning,\n    virtualIndex,\n    measureElement,\n  } = props;\n\n  const columnName = getColumnLabel(column);\n\n  //#region ordering\n  const localColumnRef = useRef<HTMLDivElement>(null);\n  const { setNodeRef, isDragging } = useSortable({\n    id: column.key,\n    data: {\n      column,\n      columnId: column.id,\n      columnIndex,\n      localColumnRef,\n    },\n  });\n\n  const mergedRefs = useMergeRefs([localColumnRef, setNodeRef, measureElement]);\n  //#endregion\n\n  return (\n    <Flex\n      data-index={virtualIndex}\n      data-columnid={column.id}\n      data-parentcolumnid={column.parent?.id}\n      data-pinned-position={column.pinned === false ? undefined : column.pinned}\n      ref={mergedRefs}\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      className={clsx('strato-table-settings-item', styles.columnsListItem, {\n        [styles.dragging]: isDragging,\n      })}\n      style={{\n        gridRowStart: virtualIndex + 1,\n      }}\n    >\n      {showVisibilityCheckbox ? (\n        <ColumnVisibilityCheckbox\n          column={column}\n          enableCheckbox={enableVisibilityCheckbox}\n          currentState={currentVisibilityState}\n          onVisibilityChange={onVisibilityChange}\n        />\n      ) : (\n        <div className={styles.columnName}>{columnName}</div>\n      )}\n      <Flex gap={4}>\n        {showColumnOrderDragHandle && (\n          <ColumnOrderDragHandle\n            columnId={column.id}\n            columnKey={column.key}\n            isDraggingActive={isDragging}\n          />\n        )}\n        {showColumnPinningMenu && (\n          <ColumnPinningMenu\n            column={column}\n            orderedFlatColumns={orderedFlatColumns}\n            localColumnPinning={localColumnPinning}\n            updateLocalColumnPinning={updateLocalColumnPinning}\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport const DataTableColumnsListItem = memo(\n  InternalDataTableColumnsListItem,\n  (prevProps, nextProps) => {\n    // Custom props comparison to only re-render when relevant props change.\n    // Avoids unnecessary re-renders of all items, e.g. when the orderedFlatColumns prop changes.\n    return (\n      prevProps.column.key === nextProps.column.key &&\n      prevProps.columnIndex === nextProps.columnIndex &&\n      prevProps.showVisibilityCheckbox === nextProps.showVisibilityCheckbox &&\n      prevProps.enableVisibilityCheckbox ===\n        nextProps.enableVisibilityCheckbox &&\n      prevProps.currentVisibilityState === nextProps.currentVisibilityState &&\n      prevProps.showColumnOrderDragHandle ===\n        nextProps.showColumnOrderDragHandle &&\n      prevProps.showColumnPinningMenu === nextProps.showColumnPinningMenu &&\n      prevProps.localColumnPinning === nextProps.localColumnPinning &&\n      prevProps.virtualIndex === nextProps.virtualIndex\n    );\n  },\n);\n"],
-  "mappings": "AAsIQ,cASF,YATE;AAtIR,SAAS,mBAAmB;AAC5B,OAAO,UAAU;AACjB,SAAS,MAAM,cAAc;AAI7B,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,YAAY,YAAY;AACxB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAqE/B,MAAM,mCAAmC,CACvC,UACG;AACH,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,EACF,IAAI;AAEJ,QAAM,aAAa,eAAe,MAAM;AAGxC,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,EAAE,YAAY,WAAW,IAAI,YAAY;AAAA,IAC7C,IAAI,OAAO;AAAA,IACX,MAAM;AAAA,MACJ;AAAA,MACA,UAAU,OAAO;AAAA,MACjB;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,aAAa,aAAa,CAAC,gBAAgB,YAAY,cAAc,CAAC;AAG5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,iBAAe,OAAO;AAAA,MACtB,uBAAqB,OAAO,QAAQ;AAAA,MACpC,wBAAsB,OAAO,WAAW,QAAQ,SAAY,OAAO;AAAA,MACnE,KAAK;AAAA,MACL,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,WAAW,KAAK,8BAA8B,OAAO,iBAAiB;AAAA,QACpE,CAAC,OAAO,QAAQ,GAAG;AAAA,MACrB,CAAC;AAAA,MACD,OAAO;AAAA,QACL,cAAc,eAAe;AAAA,MAC/B;AAAA,MAEC;AAAA,iCACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,gBAAgB;AAAA,YAChB,cAAc;AAAA,YACd;AAAA;AAAA,QACF,IAEA,oBAAC,SAAI,WAAW,OAAO,YAAa,sBAAW;AAAA,QAEjD,qBAAC,QAAK,KAAK,GACR;AAAA,uCACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,OAAO;AAAA,cACjB,WAAW,OAAO;AAAA,cAClB,kBAAkB;AAAA;AAAA,UACpB;AAAA,UAED,yBACC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,2BAA2B;AAAA,EACtC;AAAA,EACA,CAAC,WAAW,cAAc;AAGxB,WACE,UAAU,OAAO,QAAQ,UAAU,OAAO,OAC1C,UAAU,gBAAgB,UAAU,eACpC,UAAU,2BAA2B,UAAU,0BAC/C,UAAU,6BACR,UAAU,4BACZ,UAAU,2BAA2B,UAAU,0BAC/C,UAAU,8BACR,UAAU,6BACZ,UAAU,0BAA0B,UAAU,yBAC9C,UAAU,uBAAuB,UAAU,sBAC3C,UAAU,iBAAiB,UAAU;AAAA,EAEzC;AACF;",
+  "sourcesContent": ["import { useSortable } from '@dnd-kit/sortable';\nimport type {\n  ColumnPinningState,\n  Column,\n  TableFeatures,\n  RowData,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { memo, useRef } from 'react';\n\nimport type { ColumnListItem } from './column-settings-types.js';\nimport { ColumnOrderDragHandle } from './ColumnOrderSettings/ColumnOrderDragHandle.js';\nimport { ColumnPinningMenu } from './ColumnPinningMenu.js';\nimport { ColumnVisibilityCheckbox } from './ColumnVisibilityCheckbox.js';\nimport * as styles from './DataTableColumnsListItem.sty.js';\nimport { useMergeRefs } from '../../../../../core/hooks/useMergeRefs.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { getColumnLabel } from '../../../../utils/get-column-label.js';\n\ninterface DataTableColumnsListItemProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> {\n  /**\n   * The column to render in the list.\n   */\n  column: ColumnListItem<TFeatures, TData>;\n  /**\n   * The index of the column in the list.\n   */\n  columnIndex: number;\n  /**\n   * The ordered flat columns, grouped by pinning position.\n   */\n  orderedFlatColumns: {\n    left: ColumnListItem<TFeatures, TData>[];\n    center: ColumnListItem<TFeatures, TData>[];\n    right: ColumnListItem<TFeatures, TData>[];\n  };\n  /**\n   * Whether the visibility settings are enabled and a checkbox should be shown.\n   */\n  showVisibilityCheckbox: boolean;\n  /**\n   * Whether visibility can be changed for this column.\n   */\n  enableVisibilityCheckbox: boolean;\n  /**\n   * The current visibility state of the column.\n   */\n  currentVisibilityState: boolean | 'indeterminate';\n  /**\n   * Callback when the checkbox is clicked and visibility of the column changes.\n   */\n  onVisibilityChange: (\n    column: Column<TFeatures, TData>,\n    currentVisibility: boolean | 'indeterminate',\n  ) => void;\n  /**\n   * Whether the column order settings are enabled and a drag handle should be shown.\n   */\n  showColumnOrderDragHandle: boolean;\n  /**\n   * Whether buttons to pin/unpin the column should be shown.\n   */\n  showColumnPinningMenu: boolean;\n  /**\n   * The local column pinning state.\n   */\n  localColumnPinning: ColumnPinningState;\n  /**\n   * Callback to update the local column pinning state.\n   */\n  updateLocalColumnPinning: (newState: ColumnPinningState) => void;\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 * A single column item in the column settings list.\n */\nfunction InternalDataTableColumnsListItem<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(props: Readonly<DataTableColumnsListItemProps<TFeatures, TData>>) {\n  const {\n    columnIndex,\n    orderedFlatColumns,\n    showVisibilityCheckbox,\n    enableVisibilityCheckbox,\n    currentVisibilityState,\n    onVisibilityChange,\n    showColumnOrderDragHandle,\n    showColumnPinningMenu,\n    localColumnPinning,\n    updateLocalColumnPinning,\n    virtualIndex,\n    measureElement,\n  } = props;\n\n  const columnName = getColumnLabel(props.column);\n\n  //#region ordering\n  const localColumnRef = useRef<HTMLDivElement>(null);\n  const { setNodeRef, isDragging } = useSortable({\n    id: props.column.key,\n    data: {\n      column: props.column,\n      columnId: props.column.id,\n      columnIndex,\n      localColumnRef,\n    },\n  });\n\n  const mergedRefs = useMergeRefs([localColumnRef, setNodeRef, measureElement]);\n  //#endregion\n\n  return (\n    <Flex\n      data-index={virtualIndex}\n      data-columnid={props.column.id}\n      data-parentcolumnid={props.column.parent?.id}\n      data-pinned-position={\n        props.column.pinned === false ? undefined : props.column.pinned\n      }\n      ref={mergedRefs}\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      className={clsx('strato-table-settings-item', styles.columnsListItem, {\n        [styles.dragging]: isDragging,\n      })}\n      style={{\n        gridRowStart: virtualIndex + 1,\n      }}\n    >\n      {showVisibilityCheckbox ? (\n        <ColumnVisibilityCheckbox\n          column={props.column}\n          enableCheckbox={enableVisibilityCheckbox}\n          currentState={currentVisibilityState}\n          onVisibilityChange={onVisibilityChange}\n        />\n      ) : (\n        <div className={styles.columnName}>{columnName}</div>\n      )}\n      <Flex gap={4}>\n        {showColumnOrderDragHandle && (\n          <ColumnOrderDragHandle\n            columnId={props.column.id}\n            columnKey={props.column.key}\n            isDraggingActive={isDragging}\n          />\n        )}\n        {showColumnPinningMenu && (\n          <ColumnPinningMenu\n            column={props.column}\n            orderedFlatColumns={orderedFlatColumns}\n            localColumnPinning={localColumnPinning}\n            updateLocalColumnPinning={updateLocalColumnPinning}\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n}\n\nexport const DataTableColumnsListItem = memo(\n  InternalDataTableColumnsListItem,\n  (prevProps, nextProps) => {\n    // Custom props comparison to only re-render when relevant props change.\n    // Avoids unnecessary re-renders of all items, e.g. when the orderedFlatColumns prop changes.\n    return (\n      prevProps.column.key === nextProps.column.key &&\n      prevProps.columnIndex === nextProps.columnIndex &&\n      prevProps.showVisibilityCheckbox === nextProps.showVisibilityCheckbox &&\n      prevProps.enableVisibilityCheckbox ===\n        nextProps.enableVisibilityCheckbox &&\n      prevProps.currentVisibilityState === nextProps.currentVisibilityState &&\n      prevProps.showColumnOrderDragHandle ===\n        nextProps.showColumnOrderDragHandle &&\n      prevProps.showColumnPinningMenu === nextProps.showColumnPinningMenu &&\n      prevProps.localColumnPinning === nextProps.localColumnPinning &&\n      prevProps.virtualIndex === nextProps.virtualIndex\n    );\n  },\n);\n"],
+  "mappings": "AA8IQ,cASF,YATE;AA9IR,SAAS,mBAAmB;AAO5B,OAAO,UAAU;AACjB,SAAS,MAAM,cAAc;AAG7B,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,YAAY,YAAY;AACxB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAsE/B,SAAS,iCAGP,OAAkE;AAClE,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,EACF,IAAI;AAEJ,QAAM,aAAa,eAAe,MAAM,MAAM;AAG9C,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,EAAE,YAAY,WAAW,IAAI,YAAY;AAAA,IAC7C,IAAI,MAAM,OAAO;AAAA,IACjB,MAAM;AAAA,MACJ,QAAQ,MAAM;AAAA,MACd,UAAU,MAAM,OAAO;AAAA,MACvB;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,aAAa,aAAa,CAAC,gBAAgB,YAAY,cAAc,CAAC;AAG5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,iBAAe,MAAM,OAAO;AAAA,MAC5B,uBAAqB,MAAM,OAAO,QAAQ;AAAA,MAC1C,wBACE,MAAM,OAAO,WAAW,QAAQ,SAAY,MAAM,OAAO;AAAA,MAE3D,KAAK;AAAA,MACL,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,WAAW,KAAK,8BAA8B,OAAO,iBAAiB;AAAA,QACpE,CAAC,OAAO,QAAQ,GAAG;AAAA,MACrB,CAAC;AAAA,MACD,OAAO;AAAA,QACL,cAAc,eAAe;AAAA,MAC/B;AAAA,MAEC;AAAA,iCACC;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,MAAM;AAAA,YACd,gBAAgB;AAAA,YAChB,cAAc;AAAA,YACd;AAAA;AAAA,QACF,IAEA,oBAAC,SAAI,WAAW,OAAO,YAAa,sBAAW;AAAA,QAEjD,qBAAC,QAAK,KAAK,GACR;AAAA,uCACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,MAAM,OAAO;AAAA,cACvB,WAAW,MAAM,OAAO;AAAA,cACxB,kBAAkB;AAAA;AAAA,UACpB;AAAA,UAED,yBACC;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ,MAAM;AAAA,cACd;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,2BAA2B;AAAA,EACtC;AAAA,EACA,CAAC,WAAW,cAAc;AAGxB,WACE,UAAU,OAAO,QAAQ,UAAU,OAAO,OAC1C,UAAU,gBAAgB,UAAU,eACpC,UAAU,2BAA2B,UAAU,0BAC/C,UAAU,6BACR,UAAU,4BACZ,UAAU,2BAA2B,UAAU,0BAC/C,UAAU,8BACR,UAAU,6BACZ,UAAU,0BAA0B,UAAU,yBAC9C,UAAU,uBAAuB,UAAU,sBAC3C,UAAU,iBAAiB,UAAU;AAAA,EAEzC;AACF;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 import "./DataTableColumnsListItem.css";
-var columnName = "_13ypmcy2-3-6-0";
-var columnsListItem = "_13ypmcy0-3-6-0";
-var dragging = "_13ypmcy1-3-6-0";
+var columnName = "_13ypmcy2-3-7-0";
+var columnsListItem = "_13ypmcy0-3-7-0";
+var dragging = "_13ypmcy1-3-7-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-6-0';\nexport var columnsListItem = '_13ypmcy0-3-6-0';\nexport var dragging = '_13ypmcy1-3-6-0';"],
+  "sourcesContent": ["import './DataTableColumnsListItem.css';\nexport var columnName = '_13ypmcy2-3-7-0';\nexport var columnsListItem = '_13ypmcy0-3-7-0';\nexport var dragging = '_13ypmcy1-3-7-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-6-0 {
+._1rh6hs00-3-7-0 {
   flex: 0 1 auto;
   padding-left: var(--dt-spacings-size-8, 8px);
 }
-._1rh6hs01-3-6-0 {
+._1rh6hs01-3-7-0 {
   flex: 0 1 calc(50% - var(--dt-spacings-size-4, 4px));
   margin-left: auto;
 }
-._1rh6hs01-3-6-0._1rh6hs01-3-6-0 {
+._1rh6hs01-3-7-0._1rh6hs01-3-7-0 {
   min-width: unset;
 }
-._1rh6hs02-3-6-0 {
+._1rh6hs02-3-7-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._dmotjm0-3-6-0 div:has(> ._1rh6hs02-3-6-0) {
+._dmotjm0-3-7-0 div:has(> ._1rh6hs02-3-7-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-6-0";
-var searchInput = "_1rh6hs01-3-6-0";
-var showHideAll = "_1rh6hs00-3-6-0";
+var filterControls = "_1rh6hs02-3-7-0";
+var searchInput = "_1rh6hs01-3-7-0";
+var showHideAll = "_1rh6hs00-3-7-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-6-0';\nexport var searchInput = '_1rh6hs01-3-6-0';\nexport var showHideAll = '_1rh6hs00-3-6-0';"],
+  "sourcesContent": ["import '../../../../../overlays/modal/Modal.css';\nimport './DataTableVisibilityFilterControls.css';\nexport var filterControls = '_1rh6hs02-3-7-0';\nexport var searchInput = '_1rh6hs01-3-7-0';\nexport var showHideAll = '_1rh6hs00-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,cAAc;AAClB,IAAI,cAAc;",
   "names": []
 }

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

@@ -41,7 +41,10 @@ function generateColumnVisibilityObject(columns, columnVisibility) {
   return Object.fromEntries(
     columns.map((column) => [
       column.id,
-      columnVisibility ? columnVisibility[column.id] ?? true : column.getIsVisible()
+      columnVisibility ? columnVisibility[column.id] ?? true : (
+        // Safe cast to align the feature generics
+        column.getIsVisible()
+      )
     ])
   );
 }
@@ -49,7 +52,10 @@ function getMultipleLocalColumnVisibility(columns, currentVisibility, localColum
   const newVisibility = currentVisibility !== true;
   const newState = { ...localColumnsVisibilityState };
   for (const column of columns) {
-    if (column.getCanHide()) {
+    if (
+      // Safe cast to align the feature generics
+      column.getCanHide()
+    ) {
       newState[column.id] = newVisibility;
     }
   }
@@ -69,9 +75,10 @@ function getVisibilityCheckboxState(columnVisibilityState, column) {
 function getCombinedVisibilityCheckboxState(columnVisibilityState, columns) {
   let allVisible = true;
   let allHidden = true;
-  for (const col of columns) {
-    const isVisible = columnVisibilityState[col.id] !== false;
-    if (!isVisible && col.getCanHide() === false) {
+  for (const column of columns) {
+    const isVisible = columnVisibilityState[column.id] !== false;
+    if (!isVisible && // Safe cast to align the feature generics
+    column.getCanHide() === false) {
       continue;
     }
     if (isVisible) {
@@ -102,7 +109,7 @@ function getHasVisibilityChanged(columnVisibilityToReset, localColumnVisibility)
     return localColumnVisibility[key] !== columnVisibilityToReset[key];
   });
 }
-function generateColumnOrderWithParentIds(getColumn, columnOrder) {
+function generateColumnOrderWithParentIds(getColumn, columnOrder = []) {
   const columnOrderWithParents = [];
   const uniqueParentIds = /* @__PURE__ */ new Set();
   for (const columnId of columnOrder) {

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.ts"],
-  "sourcesContent": ["import { isEqual } from 'lodash-es';\n\nimport { getColumnLabel } from '../../../../utils/get-column-label.js';\nimport type { DataTableColumnVisibilityState } from '../../../features/ColumnVisibility/column-visibility-types.js';\nimport type { Column } from '../../../hooks/useTable/types.js';\nimport type { ColumnPinningState } from '../../../tanstack-table-core-override/src/index.js';\n\n//#region filtering\n\n/**\n * Generates a map of column IDs to their lowercase labels for efficient filtering.\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  columns: Column<unknown, unknown>[],\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  }\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 getResetOverride<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 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  columns: Column<unknown, unknown>[],\n): Column<unknown, unknown>[] {\n  const groupedColumns: Column<unknown, unknown>[] = [];\n  let lastParent: Column<unknown, unknown> | 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  childColumns: Column<unknown, unknown>[],\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(\n  columns: Column<unknown, unknown>[],\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        : column.getIsVisible(),\n    ]),\n  );\n}\n\n/**\n * Returns the local column visibility of multiple columns used when clicking show/hide all or parent column checkboxes.\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  columns: Column<unknown, unknown>[],\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 (column.getCanHide()) {\n      newState[column.id] = newVisibility;\n    }\n  }\n\n  return newState;\n}\n\n/**\n * Returns the current checkbox 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 getVisibilityCheckboxState(\n  columnVisibilityState: Record<string, boolean>,\n  column: Column<unknown, unknown>,\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 getCombinedVisibilityCheckboxState(childrenVisibility, childColumns);\n}\n\n/**\n * Gets the combined checked value for a parent visibility checkbox\n * @param columnVisibilityState - The visibility of the table columns.\n * @param columns - The columns to check whether visibility can be toggled.\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 getCombinedVisibilityCheckboxState(\n  columnVisibilityState: Record<string, boolean>,\n  columns: Column<unknown, unknown>[],\n): boolean | 'indeterminate' {\n  let allVisible = true;\n  let allHidden = true;\n\n  for (const col of columns) {\n    const isVisible = columnVisibilityState[col.id] !== false;\n    // skip disabled columns that are not visible\n    if (!isVisible && col.getCanHide() === false) {\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  getColumn: (columnId: string) => Column<unknown, unknown> | 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  TableFeatures,\n  Column_Internal,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\n\nimport { getColumnLabel } from '../../../../utils/get-column-label.js';\nimport type { DataTableColumnVisibilityState } from '../../../features/ColumnVisibility/column-visibility-types.js';\nimport type { TDataTableFeatures } from '../../../features/types/features.types.js';\n\n//#region filtering\n\n/**\n * Generates a map of column IDs to their lowercase labels for efficient filtering.\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  }\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 getResetOverride<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 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 checkboxes.\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 checkbox 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 getVisibilityCheckboxState<\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 getCombinedVisibilityCheckboxState(childrenVisibility, childColumns);\n}\n\n/**\n * Gets the combined checked value for a parent visibility checkbox\n * @param columnVisibilityState - The visibility of the table columns.\n * @param columns - The columns to check whether visibility can be toggled.\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 getCombinedVisibilityCheckboxState<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columnVisibilityState: Record<string, boolean>,\n  columns: Column_Internal<TFeatures, TData>[],\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    // skip disabled columns that are not visible\n    if (\n      !isVisible && // Safe cast to align the feature generics\n      (\n        column as unknown as Column_Internal<TDataTableFeatures, TData>\n      ).getCanHide() === false\n    ) {\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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",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/DataTableToolbar.js

@@ -17,10 +17,8 @@ import { isSlot } from "../../../../core/utils/is-slot.js";
 import { devLog } from "../../../../core/utils/logging.js";
 import { Flex } from "../../../../layouts/flex/Flex.js";
 import { DataTableDownload } from "../../features/Download/Download.js";
-import {
-  DataTableGlobalLineWrapAction,
-  DataTableGlobalLineWrapToolbarAction
-} from "../../features/LineWrap/LineWrap.js";
+import { DataTableGlobalLineWrapAction } from "../../features/LineWrap/LineWrap.js";
+import { DataTableGlobalLineWrapToolbarAction } from "../../features/LineWrap/LineWrapToolbarAction.js";
 function _isDataTableToolbar(child) {
   return child?.type === DataTableToolbar;
 }

package/esm/tables/DataTable/components/Toolbar/DataTableToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/Toolbar/DataTableToolbar.tsx"],
-  "sourcesContent": ["import {\n  Children,\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport type { DataTableColumnSettingsTriggerProps } from './ColumnSettings/column-settings-types.js';\nimport { DataTableColumnOrderSettings } from './ColumnSettings/DataTableColumnOrderSettings.js';\nimport { DataTableColumnPinningSettings } from './ColumnSettings/DataTableColumnPinningSettings.js';\nimport { DataTableColumnSettings } from './ColumnSettings/DataTableColumnSettings.js';\nimport { DataTableColumnSettingsTrigger } from './ColumnSettings/DataTableColumnSettingsTrigger.js';\nimport { DataTableColumnVisibilitySettings } from './ColumnSettings/DataTableColumnVisibilitySettings.js';\nimport { DataTableToolbarMenu } from './DataTableToolbarMenu.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport {\n  Intent,\n  type IntentProps,\n} from '../../../../core/slots/Intent/Intent.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../../core/types/with-children.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport type { DataTablePinnedColumnState } from '../../features/ColumnPinning/column-pinning-types.js';\nimport type { DataTableColumnVisibilityState } from '../../features/ColumnVisibility/column-visibility-types.js';\nimport { DataTableDownload } from '../../features/Download/Download.js';\nimport {\n  DataTableGlobalLineWrapAction,\n  DataTableGlobalLineWrapToolbarAction,\n} from '../../features/LineWrap/LineWrap.js';\n\n/**\n * @public\n */\nexport type DataTableToolbarProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps;\n\n/**\n * A helper function to check whether the child component is the DataTableToolbar component.\n * @internal\n */\nexport function _isDataTableToolbar(\n  child: ReactElement | null,\n): child is ReactElement<DataTableToolbarProps> {\n  return child?.type === DataTableToolbar;\n}\n\n/**\n * Allowed slots for the DataTableToolbar.\n * @internal\n */\nexport type DataTableToolbarSlots = {\n  visibilitySettings: boolean;\n  columnOrderSettings: boolean;\n  columnPinningSettings: boolean;\n  downloadData: boolean;\n  globalLineWrap: boolean;\n};\n\n/**\n * Props for the DataTableToolbar items.\n * @internal\n */\nexport type DataTableToolbarItemProps = {\n  /**\n   * Column visibility reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnVisibility?: DataTableColumnVisibilityState;\n  /**\n   * Column order reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnOrder?: string[];\n  /**\n   * Column pinning reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnPinning?: DataTablePinnedColumnState;\n  /**\n   * The remaining props for the ColumnSettingsTrigger.\n   */\n  customTriggerProps?: DataTableColumnSettingsTriggerProps;\n  /**\n   * Array of column IDs that can optionally be excluded from the download.\n   */\n  downloadExcludedColumns?: string[];\n  /**\n   * Callback, that fires once data has been downloaded and indicates which subset of data was downloaded (all, page or selected) and which columns were excluded.\n   */\n  onDownloadData?: (\n    subset: 'all' | 'page' | 'selected',\n    excludedColumns?: string[],\n  ) => void;\n  /**\n   * Array of intent props for the `Intent` slot, to render the intent actions in the menu.\n   */\n  intents: Array<IntentProps>;\n};\n\n/**\n * @internal\n */\nexport function getToolbarConfig(children: ReactNode) {\n  const slots: DataTableToolbarSlots = {\n    visibilitySettings: false,\n    columnOrderSettings: false,\n    columnPinningSettings: false,\n    downloadData: false,\n    globalLineWrap: false,\n  };\n  const toolbarItemProps: DataTableToolbarItemProps = { intents: [] };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, DataTableColumnVisibilitySettings)) {\n      slots.visibilitySettings = true;\n      toolbarItemProps.resetColumnVisibility =\n        child.props?.resetColumnVisibility;\n    } else if (isSlot(child, DataTableColumnOrderSettings)) {\n      slots.columnOrderSettings = true;\n      toolbarItemProps.resetColumnOrder = child.props?.resetColumnOrder;\n    } else if (isSlot(child, DataTableColumnPinningSettings)) {\n      slots.columnPinningSettings = true;\n      toolbarItemProps.resetColumnPinning = child.props?.resetColumnPinning;\n    } else if (isSlot(child, DataTableColumnSettingsTrigger)) {\n      toolbarItemProps.customTriggerProps = child.props;\n    } else if (isSlot(child, DataTableDownload)) {\n      slots.downloadData = true;\n      toolbarItemProps.downloadExcludedColumns = child.props?.excludeColumns;\n      toolbarItemProps.onDownloadData = child.props?.onDownloadData;\n    } else if (isSlot(child, DataTableGlobalLineWrapAction)) {\n      slots.globalLineWrap = true;\n    } else if (isSlot(child, Intent)) {\n      toolbarItemProps.intents.push(child.props);\n    } else {\n      devLog('Invalid child of DataTableToolbar');\n    }\n  });\n\n  return { slots, toolbarItemProps };\n}\n\n/**\n * Toolbar slot component for general actions that affect the entire table. Positioned above the header.\n * @public\n */\nexport const DataTableToolbar = forwardRef(\n  (\n    props: DataTableToolbarProps,\n    forwardedRef: Ref<HTMLDivElement>,\n  ): ReactElement | null => {\n    const {\n      children,\n      'data-testid': dataTestId,\n      className: consumerClassName,\n      style: consumerStyle,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const { slots, toolbarItemProps } = getToolbarConfig(children);\n\n    if (Children.count(children) === 0) {\n      return null;\n    }\n\n    return (\n      <Flex\n        ref={forwardedRef}\n        justifyContent=\"flex-end\"\n        alignItems=\"flex-end\"\n        gap={4}\n        data-testid={dataTestId}\n        className={consumerClassName}\n        style={{\n          gridArea: '1 / 2 / 2 / 2',\n          ...consumerStyle,\n        }}\n        {...behavioralTrackingProps}\n        {...restProps}\n      >\n        {(slots.visibilitySettings ||\n          slots.columnOrderSettings ||\n          slots.columnPinningSettings) && (\n          <DataTableColumnSettings\n            customTriggerProps={toolbarItemProps?.customTriggerProps}\n          />\n        )}\n        {slots.globalLineWrap && <DataTableGlobalLineWrapToolbarAction />}\n        {(slots.downloadData || toolbarItemProps.intents.length > 0) && (\n          <DataTableToolbarMenu\n            hasDownloadData={slots.downloadData}\n            downloadExcludedColumns={toolbarItemProps?.downloadExcludedColumns}\n            intents={toolbarItemProps.intents}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\n(\n  DataTableToolbar as typeof DataTableToolbar & {\n    displayName: string;\n  }\n).displayName = 'DataTable.Toolbar';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  Children,\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport type { DataTableColumnSettingsTriggerProps } from './ColumnSettings/column-settings-types.js';\nimport { DataTableColumnOrderSettings } from './ColumnSettings/DataTableColumnOrderSettings.js';\nimport { DataTableColumnPinningSettings } from './ColumnSettings/DataTableColumnPinningSettings.js';\nimport { DataTableColumnSettings } from './ColumnSettings/DataTableColumnSettings.js';\nimport { DataTableColumnSettingsTrigger } from './ColumnSettings/DataTableColumnSettingsTrigger.js';\nimport { DataTableColumnVisibilitySettings } from './ColumnSettings/DataTableColumnVisibilitySettings.js';\nimport { DataTableToolbarMenu } from './DataTableToolbarMenu.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport {\n  Intent,\n  type IntentProps,\n} from '../../../../core/slots/Intent/Intent.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../../core/types/with-children.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport type { DataTablePinnedColumnState } from '../../features/ColumnPinning/column-pinning-types.js';\nimport type { DataTableColumnVisibilityState } from '../../features/ColumnVisibility/column-visibility-types.js';\nimport { DataTableDownload } from '../../features/Download/Download.js';\nimport { DataTableGlobalLineWrapAction } from '../../features/LineWrap/LineWrap.js';\nimport { DataTableGlobalLineWrapToolbarAction } from '../../features/LineWrap/LineWrapToolbarAction.js';\n\n/**\n * @public\n */\nexport type DataTableToolbarProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps;\n\n/**\n * A helper function to check whether the child component is the DataTableToolbar component.\n * @internal\n */\nexport function _isDataTableToolbar(\n  child: ReactElement | null,\n): child is ReactElement<DataTableToolbarProps> {\n  return child?.type === DataTableToolbar;\n}\n\n/**\n * Allowed slots for the DataTableToolbar.\n * @internal\n */\nexport type DataTableToolbarSlots = {\n  visibilitySettings: boolean;\n  columnOrderSettings: boolean;\n  columnPinningSettings: boolean;\n  downloadData: boolean;\n  globalLineWrap: boolean;\n};\n\n/**\n * Props for the DataTableToolbar items.\n * @internal\n */\nexport type DataTableToolbarItemProps = {\n  /**\n   * Column visibility reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnVisibility?: DataTableColumnVisibilityState;\n  /**\n   * Column order reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnOrder?: string[];\n  /**\n   * Column pinning reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnPinning?: DataTablePinnedColumnState;\n  /**\n   * The remaining props for the ColumnSettingsTrigger.\n   */\n  customTriggerProps?: DataTableColumnSettingsTriggerProps;\n  /**\n   * Array of column IDs that can optionally be excluded from the download.\n   */\n  downloadExcludedColumns?: string[];\n  /**\n   * Callback, that fires once data has been downloaded and indicates which subset of data was downloaded (all, page or selected) and which columns were excluded.\n   */\n  onDownloadData?: (\n    subset: 'all' | 'page' | 'selected',\n    excludedColumns?: string[],\n  ) => void;\n  /**\n   * Array of intent props for the `Intent` slot, to render the intent actions in the menu.\n   */\n  intents: Array<IntentProps>;\n};\n\n/**\n * @internal\n */\nexport function getToolbarConfig(children: ReactNode) {\n  const slots: DataTableToolbarSlots = {\n    visibilitySettings: false,\n    columnOrderSettings: false,\n    columnPinningSettings: false,\n    downloadData: false,\n    globalLineWrap: false,\n  };\n  const toolbarItemProps: DataTableToolbarItemProps = { intents: [] };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, DataTableColumnVisibilitySettings)) {\n      slots.visibilitySettings = true;\n      toolbarItemProps.resetColumnVisibility =\n        child.props?.resetColumnVisibility;\n    } else if (isSlot(child, DataTableColumnOrderSettings)) {\n      slots.columnOrderSettings = true;\n      toolbarItemProps.resetColumnOrder = child.props?.resetColumnOrder;\n    } else if (isSlot(child, DataTableColumnPinningSettings)) {\n      slots.columnPinningSettings = true;\n      toolbarItemProps.resetColumnPinning = child.props?.resetColumnPinning;\n    } else if (isSlot(child, DataTableColumnSettingsTrigger)) {\n      toolbarItemProps.customTriggerProps = child.props;\n    } else if (isSlot(child, DataTableDownload)) {\n      slots.downloadData = true;\n      toolbarItemProps.downloadExcludedColumns = child.props?.excludeColumns;\n      toolbarItemProps.onDownloadData = child.props?.onDownloadData;\n    } else if (isSlot(child, DataTableGlobalLineWrapAction)) {\n      slots.globalLineWrap = true;\n    } else if (isSlot(child, Intent)) {\n      toolbarItemProps.intents.push(child.props);\n    } else {\n      devLog('Invalid child of DataTableToolbar');\n    }\n  });\n\n  return { slots, toolbarItemProps };\n}\n\n/**\n * Toolbar slot component for general actions that affect the entire table. Positioned above the header.\n * @public\n */\nexport const DataTableToolbar = forwardRef(\n  (\n    props: DataTableToolbarProps,\n    forwardedRef: Ref<HTMLDivElement>,\n  ): ReactElement | null => {\n    const {\n      children,\n      'data-testid': dataTestId,\n      className: consumerClassName,\n      style: consumerStyle,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const { slots, toolbarItemProps } = getToolbarConfig(children);\n\n    if (Children.count(children) === 0) {\n      return null;\n    }\n\n    return (\n      <Flex\n        ref={forwardedRef}\n        justifyContent=\"flex-end\"\n        alignItems=\"flex-end\"\n        gap={4}\n        data-testid={dataTestId}\n        className={consumerClassName}\n        style={{\n          gridArea: '1 / 2 / 2 / 2',\n          ...consumerStyle,\n        }}\n        {...behavioralTrackingProps}\n        {...restProps}\n      >\n        {(slots.visibilitySettings ||\n          slots.columnOrderSettings ||\n          slots.columnPinningSettings) && (\n          <DataTableColumnSettings\n            customTriggerProps={toolbarItemProps?.customTriggerProps}\n          />\n        )}\n        {slots.globalLineWrap && <DataTableGlobalLineWrapToolbarAction />}\n        {(slots.downloadData || toolbarItemProps.intents.length > 0) && (\n          <DataTableToolbarMenu\n            hasDownloadData={slots.downloadData}\n            downloadExcludedColumns={toolbarItemProps?.downloadExcludedColumns}\n            intents={toolbarItemProps.intents}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\n(\n  DataTableToolbar as typeof DataTableToolbar & {\n    displayName: string;\n  }\n).displayName = 'DataTable.Toolbar';\n"],
+  "mappings": "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",
   "names": []
 }

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

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

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

@@ -31,7 +31,7 @@ const DataTableDownloadData = ({
         children: [
           intl.formatMessage(dataTableMessages.downloadAll),
           /* @__PURE__ */ jsx(Menu.Suffix, { className: styles.downloadMenuSuffix, children: intl.formatMessage(dataTableMessages.downloadRowsCount, {
-            noOfRows: table.getPrePaginationRowModel().flatRows.length
+            noOfRows: table.getPrePaginatedRowModel().flatRows.length
           }) })
         ]
       }
@@ -51,7 +51,7 @@ const DataTableDownloadData = ({
         children: [
           intl.formatMessage(dataTableMessages.downloadPage),
           /* @__PURE__ */ jsx(Menu.Suffix, { className: styles.downloadMenuSuffix, children: intl.formatMessage(dataTableMessages.downloadRowsCount, {
-            noOfRows: table.getPaginationRowModel().flatRows.length
+            noOfRows: table.getPaginatedRowModel().flatRows.length
           }) })
         ]
       }