npm - @dynatrace/strato-components - Versions diffs - 3.11.2 → 3.12.0 - Mend

@dynatrace/strato-components 3.11.2 → 3.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2357) hide show

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsList.tsx"],
-  "sourcesContent": ["import type {\n  ReactTable,\n  ColumnPinningPosition,\n  ColumnPinningState,\n  Column,\n  RowData,\n  TableFeatures,\n} from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { type JSX, useCallback, useMemo, useRef } from 'react';\nimport { useIntl, type IntlShape } from 'react-intl';\n\nimport type {\n  ColumnListItem,\n  ColumnSettingsListItem,\n} from './column-settings-types.js';\nimport {\n  generateColumnLabelsMap,\n  getVisibilityState,\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 { DataTableColumnsSectionHeader } from './DataTableColumnsSectionHeader.js';\nimport { DataTableNoFilterResultsEmptyState } from './DataTableNoFilterResultsEmptyState.js';\nimport { Grid } from '../../../../../layouts/grid/Grid.js';\nimport { screenReaderOnly } from '../../../../../styles/screen-reader-only.sty.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 (toggles) 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   * Whether hidden columns are shown in the list.\n   * @defaultValue true\n   */\n  listHiddenColumns?: boolean;\n  /**\n   * Current local column visibility state in the column settings modal.\n   */\n  localColumnVisibility: Record<string, boolean>;\n  /**\n   * Updates the local column visibility state in the column settings modal.\n   * @param column - the column to update.\n   * @param currentVisibility - the current visibility state of the column.\n   */\n  updateLocalColumnVisibility: (\n    column: Column<TFeatures, TData>,\n    currentVisibility: boolean | 'indeterminate',\n  ) => void;\n  /**\n   * Current local column order in the column settings modal.\n   */\n  localColumnOrder: string[];\n  /**\n   * Updates the local column order in the column settings modal.\n   * @param newColumnOrder - the new column order.\n   */\n  updateLocalColumnOrder: (newColumnOrder: string[]) => void;\n  /**\n   * Current local column pinning state in the column settings modal.\n   */\n  localColumnPinning: ColumnPinningState;\n  /**\n   * Updates the local column pinning state in the column settings modal.\n   * @param newState - the new column pinning state.\n   */\n  updateLocalColumnPinning: (newState: ColumnPinningState) => void;\n  /**\n   * Whether the filter bar is present in the modal above the list.\n   */\n  hasFilterBar: boolean;\n  /**\n   * Whether the visibility controls (switch + column counter) are shown above the list.\n   */\n  hasVisibilityControl: boolean;\n  /**\n   * Whether a warning or error message is shown in the modal footer.\n   */\n  hasMessage: boolean;\n  /**\n   * Callback to clear the active search filter.\n   */\n  onClearFilter: () => void;\n}\n\n/**\n * Builds the screen-reader announcement for the current search outcome.\n * Reports the number of leaf columns matching the current filter value.\n * Nothing is announced when no filter is active.\n * @param listItems - the current list items shown in the column settings panel.\n * @param filterValueLength - length of the active filter string; 0 means no filter is active.\n * @returns the live-region message\n */\nfunction getFilterResultAnnouncement<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(\n  listItems: ColumnSettingsListItem<TFeatures, TData>[],\n  filterValueLength: number,\n  intl: IntlShape,\n): string {\n  if (filterValueLength === 0) {\n    return '';\n  }\n\n  const count = listItems.filter(\n    (item) => item.itemType === 'column' && item.columns.length === 0,\n  ).length;\n\n  return count === 0\n    ? intl.formatMessage(dataTableMessages.noFilterResultsTitle)\n    : intl.formatMessage(dataTableMessages.filterResultsCount, { count });\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: showVisibilityToggle,\n    columnOrderSettings,\n    columnPinningSettings,\n    activeFilterValue,\n    listHiddenColumns = true,\n    localColumnVisibility,\n    updateLocalColumnVisibility,\n    localColumnOrder,\n    updateLocalColumnOrder,\n    localColumnPinning,\n    updateLocalColumnPinning,\n    hasFilterBar,\n    hasVisibilityControl,\n    hasMessage,\n    onClearFilter,\n  } = props;\n  const intl = useIntl();\n  const table = useDataTable();\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      // When listHiddenColumns is false, exclude hidden columns from the list.\n      if (!listHiddenColumns) {\n        const childCols = column.columns;\n        if (childCols.length === 0) {\n          if (!localColumnVisibility[column.id]) {\n            return false;\n          }\n        } else {\n          // Group column: hide if all children are hidden\n          const hasVisibleChild = childCols.some(\n            (c) => localColumnVisibility[c.id],\n          );\n          if (!hasVisibleChild) {\n            return false;\n          }\n        }\n      }\n\n      // Early return if no text filter\n      if (activeFilterWords.length === 0) {\n        return true;\n      }\n\n      // Helper function to check if a column matches the filter words\n      const matchesFilter = (columnId: string): boolean => {\n        const columnLabel = columnLabelsById.get(columnId) ?? '';\n        return activeFilterWords.every((word) => columnLabel.includes(word));\n      };\n\n      // a column always matches on its own label, regardless of nesting\n      if (matchesFilter(column.id)) {\n        return true;\n      }\n\n      const childColumns = column.columns;\n      if (childColumns.length === 0) {\n        // leaf column: also match its parent group label\n        // so the children stay visible when the parent group name is searched.\n        return column.parent !== undefined && matchesFilter(column.parent.id);\n      }\n\n      // parent (grouped) column: match any of its children\n      // within the current (un)pinned section.\n      return childColumns\n        .filter((child) => columnSection.find((col) => col.id === child.id))\n        .some((childColumn) => matchesFilter(childColumn.id));\n    },\n    [\n      activeFilterWords,\n      columnLabelsById,\n      listHiddenColumns,\n      localColumnVisibility,\n    ],\n  );\n\n  const mapToListItem = (\n    col: Column<TFeatures, TData>,\n    idx: number,\n    pinnedPosition: ColumnPinningPosition,\n  ): ColumnListItem<TFeatures, TData> & { itemType: 'column' } => ({\n    ...col,\n    key: `${col.id}_${idx}_${pinnedPosition}`, // unique React key; parent columns may appear multiple times in list\n    pinned: pinnedPosition,\n    itemType: 'column',\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 showColumnPinningButton =\n    !!table.optionsStore.state.enableColumnPinning && columnPinningSettings;\n\n  // Section headers are only meaningful when pinning is available and at least\n  // one column is actually pinned; otherwise the list is a single ungrouped section.\n  const showSectionHeaders =\n    showColumnPinningButton &&\n    (orderedLeftFlatColumns.length > 0 || orderedRightFlatColumns.length > 0);\n\n  // Flat, virtualized list of items: each section's columns, optionally preceded\n  // by a section header. Empty sections (e.g. filtered out) are skipped.\n  const listItems = useMemo<ColumnSettingsListItem<TFeatures, TData>[]>(() => {\n    const sections: {\n      position: ColumnPinningPosition;\n      columns: ColumnListItem<TFeatures, TData>[];\n    }[] = [\n      {\n        position: 'left',\n        columns: orderedLeftFlatColumns.filter(filterColumns),\n      },\n      {\n        position: 'right',\n        columns: orderedRightFlatColumns.filter(filterColumns),\n      },\n      {\n        position: false, // = center\n        columns: orderedCenterFlatColumns.filter(filterColumns),\n      },\n    ];\n\n    const items: ColumnSettingsListItem<TFeatures, TData>[] = [];\n    for (const section of sections) {\n      if (section.columns.length === 0) {\n        continue;\n      }\n      if (showSectionHeaders) {\n        items.push({\n          itemType: 'sectionHeader',\n          position: section.position,\n          key: `__section_header_${section.position}`,\n        });\n      }\n      items.push(\n        ...(section.columns as ColumnSettingsListItem<TFeatures, TData>[]),\n      );\n    }\n    return items;\n  }, [\n    filterColumns,\n    orderedCenterFlatColumns,\n    orderedLeftFlatColumns,\n    orderedRightFlatColumns,\n    showSectionHeaders,\n  ]);\n\n  const getItemKey = useCallback(\n    (index: number) => listItems[index].key,\n    [listItems],\n  );\n\n  const columnVirtualizer = useVirtualizer({\n    count: listItems.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        // section headers (and any non-column items) are measured by their own height\n        return (\n          element.getBoundingClientRect().height ||\n          DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT\n        );\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  const filterResultAnnouncement = getFilterResultAnnouncement(\n    listItems,\n    activeFilterValue.length,\n    intl,\n  );\n\n  const liveRegion = (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      className={screenReaderOnly}\n    >\n      {filterResultAnnouncement}\n    </div>\n  );\n\n  // fallback if no columns match the filter\n  if (listItems.length === 0) {\n    return (\n      <>\n        {liveRegion}\n        <DataTableNoFilterResultsEmptyState onClearSearch={onClearFilter} />\n      </>\n    );\n  }\n\n  const canOrder =\n    !!table.optionsStore.state.enableColumnOrdering &&\n    columnOrderSettings &&\n    activeFilterValue.length === 0;\n\n  const columnListItems = virtualItems.map((virtualItem) => {\n    const column = listItems[virtualItem.index];\n\n    if (column.itemType === 'sectionHeader') {\n      return (\n        <DataTableColumnsSectionHeader\n          key={column.key}\n          position={column.position}\n          virtualIndex={virtualItem.index}\n          measureElement={columnVirtualizer.measureElement}\n        />\n      );\n    }\n\n    const columnKey = column.key;\n    const nextItem = listItems[virtualItem.index + 1];\n    const isLastInSection =\n      nextItem === undefined || nextItem.itemType === 'sectionHeader';\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 visibilityState = getVisibilityState(localColumnVisibility, column);\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        filterWords={activeFilterWords}\n        orderedFlatColumns={orderedFlatColumns}\n        showVisibilityToggle={showVisibilityToggle}\n        enableVisibilityToggle={canHide}\n        currentVisibilityState={visibilityState}\n        onVisibilityChange={updateLocalColumnVisibility}\n        showColumnOrderDragHandle={showColumnOrderDragHandle}\n        showColumnPinningMenu={showColumnPinningButton}\n        localColumnPinning={localColumnPinning}\n        updateLocalColumnPinning={updateLocalColumnPinning}\n        isLastInSection={isLastInSection}\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          hasVisibilityControl,\n          hasMessage,\n          hasPinnedColumns: listItems[0].itemType === 'sectionHeader',\n        }),\n      )}\n    >\n      <Grid\n        gridTemplateColumns=\"1fr\"\n        padding={0}\n        gap={0}\n        className={clsx(styles.virtualizationInnerContainer)}\n        // Array.from is used instead of .map() because measurementsCache can be sparse, causing gaps between options.\n        gridTemplateRows={Array.from(\n          columnVirtualizer.measurementsCache,\n          (el) => `${el?.size ?? DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT}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 (\n    <>\n      {liveRegion}\n      {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  );\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, type IntlShape } from 'react-intl';\n\nimport type {\n  ColumnListItem,\n  ColumnSettingsListItem,\n} from './column-settings-types.js';\nimport {\n  generateColumnLabelsMap,\n  getVisibilityState,\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 { DataTableColumnsSectionHeader } from './DataTableColumnsSectionHeader.js';\nimport { DataTableNoFilterResultsEmptyState } from './DataTableNoFilterResultsEmptyState.js';\nimport { Grid } from '../../../../../layouts/grid/Grid.js';\nimport { screenReaderOnly } from '../../../../../styles/screen-reader-only.sty.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 (toggles) 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   * Whether hidden columns are shown in the list.\n   * @defaultValue true\n   */\n  listHiddenColumns?: boolean;\n  /**\n   * Current local column visibility state in the column settings modal.\n   */\n  localColumnVisibility: Record<string, boolean>;\n  /**\n   * Updates the local column visibility state in the column settings modal.\n   * @param column - the column to update.\n   * @param currentVisibility - the current visibility state of the column.\n   */\n  updateLocalColumnVisibility: (\n    column: Column<TFeatures, TData>,\n    currentVisibility: boolean | 'indeterminate',\n  ) => void;\n  /**\n   * Current local column order in the column settings modal.\n   */\n  localColumnOrder: string[];\n  /**\n   * Updates the local column order in the column settings modal.\n   * @param newColumnOrder - the new column order.\n   */\n  updateLocalColumnOrder: (newColumnOrder: string[]) => void;\n  /**\n   * Current local column pinning state in the column settings modal.\n   */\n  localColumnPinning: ColumnPinningState;\n  /**\n   * Updates the local column pinning state in the column settings modal.\n   * @param newState - the new column pinning state.\n   */\n  updateLocalColumnPinning: (newState: ColumnPinningState) => void;\n  /**\n   * Whether the filter bar is present in the modal above the list.\n   */\n  hasFilterBar: boolean;\n  /**\n   * Whether the visibility controls (switch + column counter) are shown above the list.\n   */\n  hasVisibilityControl: boolean;\n  /**\n   * Whether a warning or error message is shown in the modal footer.\n   */\n  hasMessage: boolean;\n  /**\n   * Callback to clear the active search filter.\n   */\n  onClearFilter: () => void;\n}\n\n/**\n * Builds the screen-reader announcement for the current search outcome.\n * Reports the number of leaf columns matching the current filter value.\n * Nothing is announced when no filter is active.\n * @param listItems - the current list items shown in the column settings panel.\n * @param filterValueLength - length of the active filter string; 0 means no filter is active.\n * @returns the live-region message\n */\nfunction getFilterResultAnnouncement<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(\n  listItems: ColumnSettingsListItem<TFeatures, TData>[],\n  filterValueLength: number,\n  hasFilterBar: boolean,\n  intl: IntlShape,\n): string {\n  if (!hasFilterBar) {\n    return '';\n  }\n\n  const count = listItems.filter(\n    (item) => item.itemType === 'column' && item.columns.length === 0,\n  ).length;\n\n  if (filterValueLength === 0) {\n    return intl.formatMessage(dataTableMessages.showingAllColumns, { count });\n  }\n\n  return count === 0\n    ? intl.formatMessage(dataTableMessages.noFilterResultsTitle)\n    : intl.formatMessage(dataTableMessages.filterResultsCount, { count });\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: showVisibilityToggle,\n    columnOrderSettings,\n    columnPinningSettings,\n    activeFilterValue,\n    listHiddenColumns = true,\n    localColumnVisibility,\n    updateLocalColumnVisibility,\n    localColumnOrder,\n    updateLocalColumnOrder,\n    localColumnPinning,\n    updateLocalColumnPinning,\n    hasFilterBar,\n    hasVisibilityControl,\n    hasMessage,\n    onClearFilter,\n  } = props;\n  const intl = useIntl();\n  const table = useDataTable();\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      // When listHiddenColumns is false, exclude hidden columns from the list.\n      if (!listHiddenColumns) {\n        const childCols = column.columns;\n        if (childCols.length === 0) {\n          if (!localColumnVisibility[column.id]) {\n            return false;\n          }\n        } else {\n          // Group column: hide if all children are hidden\n          const hasVisibleChild = childCols.some(\n            (c) => localColumnVisibility[c.id],\n          );\n          if (!hasVisibleChild) {\n            return false;\n          }\n        }\n      }\n\n      // Early return if no text filter\n      if (activeFilterWords.length === 0) {\n        return true;\n      }\n\n      // Helper function to check if a column matches the filter words\n      const matchesFilter = (columnId: string): boolean => {\n        const columnLabel = columnLabelsById.get(columnId) ?? '';\n        return activeFilterWords.every((word) => columnLabel.includes(word));\n      };\n\n      // a column always matches on its own label, regardless of nesting\n      if (matchesFilter(column.id)) {\n        return true;\n      }\n\n      const childColumns = column.columns;\n      if (childColumns.length === 0) {\n        // leaf column: also match its parent group label\n        // so the children stay visible when the parent group name is searched.\n        return column.parent !== undefined && matchesFilter(column.parent.id);\n      }\n\n      // parent (grouped) column: match any of its children\n      // within the current (un)pinned section.\n      return childColumns\n        .filter((child) => columnSection.find((col) => col.id === child.id))\n        .some((childColumn) => matchesFilter(childColumn.id));\n    },\n    [\n      activeFilterWords,\n      columnLabelsById,\n      listHiddenColumns,\n      localColumnVisibility,\n    ],\n  );\n\n  const mapToListItem = (\n    col: Column<TFeatures, TData>,\n    idx: number,\n    pinnedPosition: ColumnPinningPosition,\n  ): ColumnListItem<TFeatures, TData> & { itemType: 'column' } => ({\n    ...col,\n    key: `${col.id}_${idx}_${pinnedPosition}`, // unique React key; parent columns may appear multiple times in list\n    pinned: pinnedPosition,\n    itemType: 'column',\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 showColumnPinningButton =\n    !!table.optionsStore.state.enableColumnPinning && columnPinningSettings;\n\n  // Section headers are only meaningful when pinning is available and at least\n  // one column is actually pinned; otherwise the list is a single ungrouped section.\n  const showSectionHeaders =\n    showColumnPinningButton &&\n    (orderedLeftFlatColumns.length > 0 || orderedRightFlatColumns.length > 0);\n\n  // Flat, virtualized list of items: each section's columns, optionally preceded\n  // by a section header. Empty sections (e.g. filtered out) are skipped.\n  const listItems = useMemo<ColumnSettingsListItem<TFeatures, TData>[]>(() => {\n    const sections: {\n      position: ColumnPinningPosition;\n      columns: ColumnListItem<TFeatures, TData>[];\n    }[] = [\n      {\n        position: 'left',\n        columns: orderedLeftFlatColumns.filter(filterColumns),\n      },\n      {\n        position: 'right',\n        columns: orderedRightFlatColumns.filter(filterColumns),\n      },\n      {\n        position: false, // = center\n        columns: orderedCenterFlatColumns.filter(filterColumns),\n      },\n    ];\n\n    const items: ColumnSettingsListItem<TFeatures, TData>[] = [];\n    for (const section of sections) {\n      if (section.columns.length === 0) {\n        continue;\n      }\n      if (showSectionHeaders) {\n        items.push({\n          itemType: 'sectionHeader',\n          position: section.position,\n          key: `__section_header_${section.position}`,\n        });\n      }\n      items.push(\n        ...(section.columns as ColumnSettingsListItem<TFeatures, TData>[]),\n      );\n    }\n    return items;\n  }, [\n    filterColumns,\n    orderedCenterFlatColumns,\n    orderedLeftFlatColumns,\n    orderedRightFlatColumns,\n    showSectionHeaders,\n  ]);\n\n  const getItemKey = useCallback(\n    (index: number) => listItems[index].key,\n    [listItems],\n  );\n\n  const columnVirtualizer = useVirtualizer({\n    count: listItems.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        // section headers (and any non-column items) are measured by their own height\n        return (\n          element.getBoundingClientRect().height ||\n          DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT\n        );\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  const filterResultAnnouncement = getFilterResultAnnouncement(\n    listItems,\n    activeFilterValue.length,\n    hasFilterBar,\n    intl,\n  );\n\n  const liveRegion = (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      className={screenReaderOnly}\n    >\n      {filterResultAnnouncement}\n    </div>\n  );\n\n  // fallback if no columns match the filter\n  if (listItems.length === 0) {\n    return (\n      <>\n        {liveRegion}\n        <DataTableNoFilterResultsEmptyState onClearSearch={onClearFilter} />\n      </>\n    );\n  }\n\n  const canOrder =\n    !!table.optionsStore.state.enableColumnOrdering &&\n    columnOrderSettings &&\n    activeFilterValue.length === 0;\n\n  const columnListItems = virtualItems.map((virtualItem) => {\n    const column = listItems[virtualItem.index];\n\n    if (column.itemType === 'sectionHeader') {\n      return (\n        <DataTableColumnsSectionHeader\n          key={column.key}\n          position={column.position}\n          virtualIndex={virtualItem.index}\n          measureElement={columnVirtualizer.measureElement}\n        />\n      );\n    }\n\n    const columnKey = column.key;\n    const nextItem = listItems[virtualItem.index + 1];\n    const isLastInSection =\n      nextItem === undefined || nextItem.itemType === 'sectionHeader';\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 visibilityState = getVisibilityState(localColumnVisibility, column);\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        filterWords={activeFilterWords}\n        orderedFlatColumns={orderedFlatColumns}\n        showVisibilityToggle={showVisibilityToggle}\n        enableVisibilityToggle={canHide}\n        currentVisibilityState={visibilityState}\n        onVisibilityChange={updateLocalColumnVisibility}\n        showColumnOrderDragHandle={showColumnOrderDragHandle}\n        showColumnPinningMenu={showColumnPinningButton}\n        localColumnPinning={localColumnPinning}\n        updateLocalColumnPinning={updateLocalColumnPinning}\n        isLastInSection={isLastInSection}\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          hasVisibilityControl,\n          hasMessage,\n          hasPinnedColumns: listItems[0].itemType === 'sectionHeader',\n        }),\n      )}\n    >\n      <Grid\n        gridTemplateColumns=\"1fr\"\n        padding={0}\n        gap={0}\n        className={clsx(styles.virtualizationInnerContainer)}\n        // Array.from is used instead of .map() because measurementsCache can be sparse, causing gaps between options.\n        gridTemplateRows={Array.from(\n          columnVirtualizer.measurementsCache,\n          (el) => `${el?.size ?? DATA_TABLE_COLUMNS_LIST_ITEM_MIN_HEIGHT}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 (\n    <>\n      {liveRegion}\n      {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  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

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

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

@@ -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 virtualizationInnerContainer = '_14dz1uig-3-11-2';\nexport var virtualizationScrollContainer = _7a468({defaultClassName:'_14dz1ui1-3-11-2',variantClassNames:{hasFilter:{true:'_14dz1ui2-3-11-2',false:'_14dz1ui3-3-11-2'},hasVisibilityControl:{true:'_14dz1ui4-3-11-2',false:'_14dz1ui5-3-11-2'},hasMessage:{true:'_14dz1ui6-3-11-2',false:'_14dz1ui7-3-11-2'},hasPinnedColumns:{true:'_14dz1ui8-3-11-2',false:'_14dz1ui9-3-11-2'}},defaultVariants:{hasFilter:false,hasVisibilityControl:false,hasMessage:false,hasPinnedColumns:false},compoundVariants:[[{hasFilter:false,hasMessage:false},'_14dz1uia-3-11-2'],[{hasFilter:true,hasVisibilityControl:false,hasMessage:false},'_14dz1uib-3-11-2'],[{hasFilter:true,hasVisibilityControl:true,hasMessage:false},'_14dz1uic-3-11-2'],[{hasFilter:false,hasMessage:true},'_14dz1uid-3-11-2'],[{hasFilter:true,hasVisibilityControl:false,hasMessage:true},'_14dz1uie-3-11-2'],[{hasFilter:true,hasVisibilityControl:true,hasMessage:true},'_14dz1uif-3-11-2']]});"],
+  "sourcesContent": ["import './DataTableColumnsList.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var virtualizationInnerContainer = '_14dz1uig-3-12-0';\nexport var virtualizationScrollContainer = _7a468({defaultClassName:'_14dz1ui1-3-12-0',variantClassNames:{hasFilter:{true:'_14dz1ui2-3-12-0',false:'_14dz1ui3-3-12-0'},hasVisibilityControl:{true:'_14dz1ui4-3-12-0',false:'_14dz1ui5-3-12-0'},hasMessage:{true:'_14dz1ui6-3-12-0',false:'_14dz1ui7-3-12-0'},hasPinnedColumns:{true:'_14dz1ui8-3-12-0',false:'_14dz1ui9-3-12-0'}},defaultVariants:{hasFilter:false,hasVisibilityControl:false,hasMessage:false,hasPinnedColumns:false},compoundVariants:[[{hasFilter:false,hasMessage:false},'_14dz1uia-3-12-0'],[{hasFilter:true,hasVisibilityControl:false,hasMessage:false},'_14dz1uib-3-12-0'],[{hasFilter:true,hasVisibilityControl:true,hasMessage:false},'_14dz1uic-3-12-0'],[{hasFilter:false,hasMessage:true},'_14dz1uid-3-12-0'],[{hasFilter:true,hasVisibilityControl:false,hasMessage:true},'_14dz1uie-3-12-0'],[{hasFilter:true,hasVisibilityControl:true,hasMessage:true},'_14dz1uif-3-12-0']]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,+BAA+B;AACnC,IAAI,gCAAgC,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,WAAU,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,sBAAqB,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,kBAAiB,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,WAAU,OAAM,sBAAqB,OAAM,YAAW,OAAM,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,CAAC,EAAC,WAAU,OAAM,YAAW,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,MAAK,sBAAqB,OAAM,YAAW,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,MAAK,sBAAqB,MAAK,YAAW,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,OAAM,YAAW,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,MAAK,sBAAqB,OAAM,YAAW,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,MAAK,sBAAqB,MAAK,YAAW,KAAI,GAAE,kBAAkB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._13ypmcy0-3-11-2 {
+._13ypmcy0-3-12-0 {
   position: relative;
   flex: 0 1 auto;
   word-break: break-all;
@@ -6,10 +6,10 @@
   padding-bottom: var(--dt-spacings-size-4, 4px);
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) transparent;
 }
-._13ypmcy0-3-11-2[data-parentcolumnid] {
+._13ypmcy0-3-12-0[data-parentcolumnid] {
   padding-left: var(--dt-spacings-size-28, 28px);
 }
-._13ypmcy0-3-11-2::after {
+._13ypmcy0-3-12-0::after {
   content: "";
   position: absolute;
   left: 0;
@@ -18,28 +18,28 @@
   height: var(--dt-borders-width-default, 1px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._13ypmcy0-3-11-2:has(+ [data-parentcolumnid])::after {
+._13ypmcy0-3-12-0:has(+ [data-parentcolumnid])::after {
   left: var(--dt-spacings-size-28, 28px);
 }
-._13ypmcy1-3-11-2::after {
+._13ypmcy1-3-12-0::after {
   display: none;
 }
-._13ypmcy2-3-11-2 {
+._13ypmcy2-3-12-0 {
   padding-left: var(--dt-spacings-size-8, 8px);
 }
-._13ypmcy3-3-11-2 {
+._13ypmcy3-3-12-0 {
   visibility: hidden;
 }
-._13ypmcy4-3-11-2 {
+._13ypmcy4-3-12-0 {
   flex: 1 1 auto;
   min-width: 0;
 }
-._13ypmcy5-3-11-2 {
+._13ypmcy5-3-12-0 {
   padding: var(--dt-spacings-size-2, 2px) 0;
 }
-._13ypmcy6-3-11-2 {
+._13ypmcy6-3-12-0 {
   padding-left: var(--dt-spacings-size-8, 8px);
 }
-._13ypmcy7-3-11-2 {
+._13ypmcy7-3-12-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

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

@@ -1,12 +1,12 @@
 import "./DataTableColumnsListItem.css";
-var columnName = "_13ypmcy5-3-11-2";
-var columnNameContainer = "_13ypmcy4-3-11-2";
-var columnNameIndented = "_13ypmcy6-3-11-2";
-var columnNameSubdued = "_13ypmcy7-3-11-2";
-var columnsListItem = "_13ypmcy0-3-11-2";
-var dragging = "_13ypmcy3-3-11-2";
-var lastInSection = "_13ypmcy1-3-11-2";
-var noDragHandle = "_13ypmcy2-3-11-2";
+var columnName = "_13ypmcy5-3-12-0";
+var columnNameContainer = "_13ypmcy4-3-12-0";
+var columnNameIndented = "_13ypmcy6-3-12-0";
+var columnNameSubdued = "_13ypmcy7-3-12-0";
+var columnsListItem = "_13ypmcy0-3-12-0";
+var dragging = "_13ypmcy3-3-12-0";
+var lastInSection = "_13ypmcy1-3-12-0";
+var noDragHandle = "_13ypmcy2-3-12-0";
 export {
   columnName,
   columnNameContainer,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.css CHANGED Viewed

@@ -1,11 +1,11 @@
-._1ku1w3z0-3-11-2 {
+._1ku1w3z0-3-12-0 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   z-index: 4;
   overflow: hidden;
 }
-._1ku1w3z1-3-11-2::after {
+._1ku1w3z1-3-12-0::after {
   content: "";
   position: absolute;
   top: 0;
@@ -14,13 +14,13 @@
   width: 3px;
   background: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1ku1w3z2-3-11-2::after {
+._1ku1w3z2-3-12-0::after {
   left: 0;
 }
-._1ku1w3z3-3-11-2::after {
+._1ku1w3z3-3-12-0::after {
   right: 0;
 }
-._1ku1w3z4-3-11-2::before {
+._1ku1w3z4-3-12-0::before {
   content: "";
   display: block;
   position: absolute;
@@ -29,12 +29,12 @@
   bottom: var(--dt-spacings-size-6, 6px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z5-3-11-2 {
+._1ku1w3z5-3-12-0 {
   display: none;
 }
-._1ku1w3z6-3-11-2 {
+._1ku1w3z6-3-12-0 {
   cursor: grab;
 }
-._1ku1w3z7-3-11-2 {
+._1ku1w3z7-3-12-0 {
   pointer-events: none;
 }

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.sty.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import "./ColumnOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var columnDndOverlay = "_1ku1w3z0-3-11-2";
-var headerDragAndDrop = { dragging: "_1ku1w3z5-3-11-2", enabled: "_1ku1w3z6-3-11-2", inactive: "_1ku1w3z7-3-11-2" };
-var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-11-2", variantClassNames: { left: { true: "_1ku1w3z2-3-11-2", false: "_1ku1w3z3-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var verticalDividers = "_1ku1w3z4-3-11-2";
+var columnDndOverlay = "_1ku1w3z0-3-12-0";
+var headerDragAndDrop = { dragging: "_1ku1w3z5-3-12-0", enabled: "_1ku1w3z6-3-12-0", inactive: "_1ku1w3z7-3-12-0" };
+var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-12-0", variantClassNames: { left: { true: "_1ku1w3z2-3-12-0", false: "_1ku1w3z3-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var verticalDividers = "_1ku1w3z4-3-12-0";
 export {
   columnDndOverlay,
   headerDragAndDrop,

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/ColumnOrder.css.ts"],
-  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-11-2';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-11-2',enabled:'_1ku1w3z6-3-11-2',inactive:'_1ku1w3z7-3-11-2'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-11-2',variantClassNames:{left:{true:'_1ku1w3z2-3-11-2',false:'_1ku1w3z3-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-11-2';"],
+  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-12-0';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-12-0',enabled:'_1ku1w3z6-3-12-0',inactive:'_1ku1w3z7-3-12-0'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-12-0',variantClassNames:{left:{true:'_1ku1w3z2-3-12-0',false:'_1ku1w3z3-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,oBAAoB,EAAC,UAAS,oBAAmB,SAAQ,oBAAmB,UAAS,mBAAkB;AAC3G,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7L,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrderDragAndDropContext.js CHANGED Viewed

@@ -223,7 +223,11 @@ function ColumnOrderDragAndDropContext({
       collisionDetection: customCollisionDetection,
       modifiers: [restrictColumnDragAndDrop],
       autoScroll: false,
-      accessibility: { container: virtualizationContainer },
+      accessibility: {
+        container: virtualizationContainer,
+        // Suppress dnd-kit's default draggable instructions until full keyboard control is implemented in APPDEV-19270
+        screenReaderInstructions: { draggable: "" }
+      },
       onDragStart: handleDragStart,
       onDragOver: handleDragOver,
       onDragEnd: handleDragEnd,

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrderDragAndDropContext.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/ColumnOrderDragAndDropContext.tsx"],
-  "sourcesContent": ["import {\n  type Active,\n  DndContext as DragAndDropContext,\n  type DragOverEvent,\n  DragOverlay,\n  MouseSensor,\n  type Over,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport type { RowData, Column } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport {\n  type JSX,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  createHeaderPlaceholder,\n  createRestrictColumnDragAndDrop,\n  customCollisionDetection,\n  getCustomScrollSpeed,\n  getDraggableAreaBounds,\n  getDraggedHeaderElement,\n  indicateInsertPosition,\n  SCROLL_PROXIMITY_ZONE,\n  unpinnedHeaderFilter,\n  updateColumnOrderOnDragEnd,\n} from './column-order-dnd-utils.js';\nimport * as styles from './ColumnOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nconst DRAGGED_HEADER_DEFAULT_WIDTH = 100;\nconst DRAGGED_HEADER_DEFAULT_HEIGHT = 37;\n\nexport function ColumnOrderDragAndDropContext<TData extends RowData>({\n  children,\n}: Readonly<{\n  children: ReactNode;\n}>): JSX.Element {\n  const table = useDataTable();\n  const totalHeaderHeight = table.getTotalHeaderHeight();\n  const visualVariantConfig = table.atoms.visualVariantConfig?.get();\n  const containedVariant = visualVariantConfig.contained;\n  const hasSubHeaders = table.getHeaderGroups().length > 1;\n  const verticalDividers =\n    visualVariantConfig.verticalDividers || hasSubHeaders;\n  const pinnedColumns = table.atoms.columnPinning?.get();\n\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n  const [dragOverlayContent, setDragOverlayContent] =\n    useState<RefObject<HTMLDivElement> | null>(null);\n  const pinnedDraggableAreaBoundsRef = useRef<\n    ReturnType<typeof getDraggableAreaBounds>\n  >({ left: undefined, right: undefined });\n  const [draggedHeaderSize, setDraggedHeaderSize] = useState<{\n    width: number;\n    height: number;\n  }>({\n    width: DRAGGED_HEADER_DEFAULT_WIDTH,\n    height: DRAGGED_HEADER_DEFAULT_HEIGHT,\n  });\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {}),\n    useSensor(TouchSensor, {}),\n  );\n\n  const restrictColumnDragAndDrop = useMemo(\n    () =>\n      createRestrictColumnDragAndDrop(\n        totalHeaderHeight,\n        containedVariant,\n        pinnedColumns ?? { left: [], right: [] },\n        hasSubHeaders,\n        virtualizationContainer,\n      ),\n    [\n      totalHeaderHeight,\n      virtualizationContainer,\n      containedVariant,\n      pinnedColumns,\n      hasSubHeaders,\n    ],\n  );\n\n  const placeholderElement = useRef<HTMLElement | null>(null);\n\n  // We drive scrolling from a continuous RAF (requestAnimationFrame) loop instead of\n  // dnd-kit's built-in autoScroll. Using a ref prevents scroll updates from causing re-renders.\n  const scrollFrameRef = useRef<number | null>(null);\n\n  // Track raw pointer position to determine scroll direction.\n  // Using a pointermove listener (rather than dnd-kit's `delta`) is necessary\n  // because dnd-kit adds scroll compensation to `delta.x` as the container\n  // scrolls, which would cause the right-scroll zone to never exit.\n  const pointerXRef = useRef<number>(0);\n  const trackPointerXRef = useRef<((e: PointerEvent) => void) | null>(null);\n  // hold the parent header DOM element when dragging a child column so the scroll loop\n  // can check whether the parent is already fully visible and there's no need for scrolling\n  const parentHeaderComponentRef = useRef<HTMLElement | null>(null);\n\n  const stopScrollLoop = useCallback(() => {\n    if (scrollFrameRef.current !== null) {\n      cancelAnimationFrame(scrollFrameRef.current);\n      scrollFrameRef.current = null;\n    }\n  }, []);\n\n  const startScrollLoop = useCallback(() => {\n    if (scrollFrameRef.current !== null) {\n      return;\n    }\n\n    const loop = () => {\n      if (!virtualizationContainer) {\n        scrollFrameRef.current = null;\n        return;\n      }\n\n      // Read pointer position fresh every frame. RAF callbacks always run after\n      // all pending input events (including pointermove) have been processed,\n      // so pointerXRef.current is guaranteed to hold the latest position here.\n      const mouseX = pointerXRef.current;\n      const containerRect = virtualizationContainer.getBoundingClientRect();\n      const rightBound =\n        pinnedDraggableAreaBoundsRef.current.right ?? containerRect.right;\n      const leftBound =\n        pinnedDraggableAreaBoundsRef.current.left ?? containerRect.left;\n\n      // Positive penetration means the cursor has entered the proximity zone.\n      // Zero or negative means it is safely away from that boundary.\n      const rightPenetration = mouseX - (rightBound - SCROLL_PROXIMITY_ZONE);\n      const leftPenetration = leftBound + SCROLL_PROXIMITY_ZONE - mouseX;\n\n      const { scrollLeft, scrollWidth, clientWidth } = virtualizationContainer;\n\n      // When a child column is being dragged, scrolling should be capped only until the parent header becomes fully visible.\n      // if the parent is already fully visible, skip scrolling entirely.\n      let maxScrollRight = Infinity;\n      let maxScrollLeft = Infinity;\n\n      const parentEl = parentHeaderComponentRef.current;\n      if (parentEl) {\n        const parentRect = parentEl.getBoundingClientRect();\n\n        // many pixels the parent overflows past the right / left bound.\n        maxScrollRight = Math.max(0, parentRect.right - rightBound);\n        maxScrollLeft = Math.max(0, leftBound - parentRect.left);\n      }\n\n      if (rightPenetration > 0 && leftPenetration <= 0) {\n        // Scale speed linearly from MIN at zone entry to MAX at the boundary.\n        const scrollSpeed = getCustomScrollSpeed(rightPenetration);\n\n        const canScrollRight = scrollLeft < scrollWidth - clientWidth;\n        if (canScrollRight && maxScrollRight > 0) {\n          // the RAF loop keeps scheduling the next frame as long as maxScrollRight > speed. Same for right scroll.\n          virtualizationContainer.scrollLeft += Math.min(\n            scrollSpeed,\n            Math.ceil(maxScrollRight),\n          );\n        }\n      } else if (leftPenetration > 0 && rightPenetration <= 0) {\n        const scrollSpeed = getCustomScrollSpeed(leftPenetration);\n\n        const canScrollLeft = scrollLeft > 0;\n        if (canScrollLeft && maxScrollLeft > 0) {\n          virtualizationContainer.scrollLeft -= Math.min(\n            scrollSpeed,\n            Math.ceil(maxScrollLeft),\n          );\n        }\n      }\n\n      scrollFrameRef.current = requestAnimationFrame(loop);\n    };\n\n    scrollFrameRef.current = requestAnimationFrame(loop);\n  }, [virtualizationContainer]);\n\n  const cleanupDragState = useCallback(() => {\n    stopScrollLoop();\n    parentHeaderComponentRef.current = null;\n    if (trackPointerXRef.current) {\n      window.removeEventListener('pointermove', trackPointerXRef.current);\n      trackPointerXRef.current = null;\n    }\n  }, [stopScrollLoop]);\n\n  const handleDragStart = ({ active }: { active: Active }) => {\n    const draggedColumn = active.data.current?.column as Column<\n      TDataTableFeatures,\n      TData\n    >;\n\n    // Browsers can scroll the page when initiating a native drag. Capture the current\n    // scroll position and restore it in the next frame to cancel any unintended jump.\n    const pageScrollY = window.scrollY;\n    requestAnimationFrame(() => {\n      if (window.scrollY !== pageScrollY) {\n        window.scrollTo(window.scrollX, pageScrollY);\n      }\n    });\n\n    // Read bounds fresh from the DOM on every drag start event so they always reflect\n    // the current scroll position and are never stale from an earlier render.\n    pinnedDraggableAreaBoundsRef.current = getDraggableAreaBounds(\n      pinnedColumns,\n      virtualizationContainer,\n      hasSubHeaders ? 1 : 0,\n    );\n\n    // Start tracking raw pointer position for scroll zone detection.\n    trackPointerXRef.current = (e: PointerEvent) => {\n      pointerXRef.current = e.clientX;\n    };\n    window.addEventListener('pointermove', trackPointerXRef.current, {\n      passive: true,\n    });\n    // If the dragged column is a child, store its parent header element so\n    // the scroll loop can cap scrolling to keep the parent fully visible.\n    if (draggedColumn.parent) {\n      const parentId = draggedColumn.parent.id;\n      parentHeaderComponentRef.current =\n        virtualizationContainer?.querySelector<HTMLElement>(\n          `[role=\"columnheader\"][data-header-row=\"0\"][data-columnid=${CSS.escape(\n            parentId,\n          )}]${unpinnedHeaderFilter}`,\n        ) ?? null;\n    }\n\n    // Start the RAF loop immediately so proximity-zone entry is detected on\n    // every frame regardless of when onDragMove fires relative to pointermove.\n    startScrollLoop();\n\n    table.setDraggedHeaderColumn(draggedColumn);\n    setDraggedHeaderSize(table.getHeaderSize(active.id as string));\n    setDragOverlayContent(active.data.current?.portalRef);\n\n    // In order to make sure the header size does not change when the header\n    // is portalled out, we create a placeholder element in the header in order\n    // to preserve the grid layout\n    const { headerGroupElement, draggedHeaderElement } =\n      getDraggedHeaderElement(String(active.id), virtualizationContainer);\n\n    if (\n      headerGroupElement === null ||\n      !(headerGroupElement instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    if (\n      draggedHeaderElement === null ||\n      !(draggedHeaderElement instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    // Extract the position of the dragged element and its size in order\n    // to position the placeholder.\n    const { gridArea } = draggedHeaderElement.style;\n    const { width, height } = draggedHeaderElement.getBoundingClientRect();\n    if (!gridArea) {\n      return;\n    }\n\n    const verticalDividerOptions =\n      verticalDividers && !draggedColumn.getIsFirstVisibleUnpinnedColumn()\n        ? {\n            isParentColumn:\n              draggedHeaderElement.getAttribute('data-header-row') === '0',\n            heightOffset:\n              headerGroupElement.offsetHeight -\n              draggedHeaderElement.offsetHeight,\n          }\n        : undefined;\n\n    placeholderElement.current = createHeaderPlaceholder(\n      gridArea,\n      width,\n      height,\n      verticalDividerOptions,\n    );\n    headerGroupElement.appendChild(placeholderElement.current);\n  };\n\n  const handleDragOver = (event: DragOverEvent) => {\n    indicateInsertPosition(event, virtualizationContainer);\n  };\n\n  const handleDragEnd = ({\n    active,\n    over,\n  }: {\n    active: Active;\n    over: Over | null;\n  }) => {\n    setDragOverlayContent(null);\n    cleanupDragState();\n    updateColumnOrderOnDragEnd({\n      active,\n      over,\n      table,\n      virtualizationContainer,\n    });\n    // with nested headers, removing the placeholder element too early could lead to wrong header measurements\n    // therefore, the placeholder is removed just before the next repaint\n    requestAnimationFrame(() => {\n      placeholderElement.current?.remove();\n    });\n  };\n\n  // Clean up the RAF scroll loop and the global pointermove listener if\n  // the component unmounts during an active drag (e.g. the table is removed\n  // from the DOM), since handleDragEnd would never fire in that case.\n  useEffect(() => {\n    return () => {\n      cleanupDragState();\n      placeholderElement.current?.remove();\n    };\n  }, [stopScrollLoop, cleanupDragState]);\n\n  return (\n    <DragAndDropContext\n      sensors={sensors}\n      collisionDetection={customCollisionDetection}\n      modifiers={[restrictColumnDragAndDrop]}\n      autoScroll={false}\n      accessibility={{ container: virtualizationContainer }}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n    >\n      {\n        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.\n        // This ensures transforms on parent containers don't affect the position of the drag overlay.\n        createPortal(\n          <DragOverlay\n            data-drag-overlay\n            dropAnimation={null}\n            className={clsx(styles.columnDndOverlay)}\n            style={{\n              // the observed header size includes a border which we don't want in the overlay\n              height: draggedHeaderSize.height - getDataTableBorderWidth(),\n              width: draggedHeaderSize.width,\n            }}\n          >\n            <div ref={dragOverlayContent} />\n          </DragOverlay>,\n          document.body,\n        )\n      }\n      {children}\n    </DragAndDropContext>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type Active,\n  DndContext as DragAndDropContext,\n  type DragOverEvent,\n  DragOverlay,\n  MouseSensor,\n  type Over,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport type { RowData, Column } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport {\n  type JSX,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  createHeaderPlaceholder,\n  createRestrictColumnDragAndDrop,\n  customCollisionDetection,\n  getCustomScrollSpeed,\n  getDraggableAreaBounds,\n  getDraggedHeaderElement,\n  indicateInsertPosition,\n  SCROLL_PROXIMITY_ZONE,\n  unpinnedHeaderFilter,\n  updateColumnOrderOnDragEnd,\n} from './column-order-dnd-utils.js';\nimport * as styles from './ColumnOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nconst DRAGGED_HEADER_DEFAULT_WIDTH = 100;\nconst DRAGGED_HEADER_DEFAULT_HEIGHT = 37;\n\nexport function ColumnOrderDragAndDropContext<TData extends RowData>({\n  children,\n}: Readonly<{\n  children: ReactNode;\n}>): JSX.Element {\n  const table = useDataTable();\n  const totalHeaderHeight = table.getTotalHeaderHeight();\n  const visualVariantConfig = table.atoms.visualVariantConfig?.get();\n  const containedVariant = visualVariantConfig.contained;\n  const hasSubHeaders = table.getHeaderGroups().length > 1;\n  const verticalDividers =\n    visualVariantConfig.verticalDividers || hasSubHeaders;\n  const pinnedColumns = table.atoms.columnPinning?.get();\n\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n  const [dragOverlayContent, setDragOverlayContent] =\n    useState<RefObject<HTMLDivElement> | null>(null);\n  const pinnedDraggableAreaBoundsRef = useRef<\n    ReturnType<typeof getDraggableAreaBounds>\n  >({ left: undefined, right: undefined });\n  const [draggedHeaderSize, setDraggedHeaderSize] = useState<{\n    width: number;\n    height: number;\n  }>({\n    width: DRAGGED_HEADER_DEFAULT_WIDTH,\n    height: DRAGGED_HEADER_DEFAULT_HEIGHT,\n  });\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {}),\n    useSensor(TouchSensor, {}),\n  );\n\n  const restrictColumnDragAndDrop = useMemo(\n    () =>\n      createRestrictColumnDragAndDrop(\n        totalHeaderHeight,\n        containedVariant,\n        pinnedColumns ?? { left: [], right: [] },\n        hasSubHeaders,\n        virtualizationContainer,\n      ),\n    [\n      totalHeaderHeight,\n      virtualizationContainer,\n      containedVariant,\n      pinnedColumns,\n      hasSubHeaders,\n    ],\n  );\n\n  const placeholderElement = useRef<HTMLElement | null>(null);\n\n  // We drive scrolling from a continuous RAF (requestAnimationFrame) loop instead of\n  // dnd-kit's built-in autoScroll. Using a ref prevents scroll updates from causing re-renders.\n  const scrollFrameRef = useRef<number | null>(null);\n\n  // Track raw pointer position to determine scroll direction.\n  // Using a pointermove listener (rather than dnd-kit's `delta`) is necessary\n  // because dnd-kit adds scroll compensation to `delta.x` as the container\n  // scrolls, which would cause the right-scroll zone to never exit.\n  const pointerXRef = useRef<number>(0);\n  const trackPointerXRef = useRef<((e: PointerEvent) => void) | null>(null);\n  // hold the parent header DOM element when dragging a child column so the scroll loop\n  // can check whether the parent is already fully visible and there's no need for scrolling\n  const parentHeaderComponentRef = useRef<HTMLElement | null>(null);\n\n  const stopScrollLoop = useCallback(() => {\n    if (scrollFrameRef.current !== null) {\n      cancelAnimationFrame(scrollFrameRef.current);\n      scrollFrameRef.current = null;\n    }\n  }, []);\n\n  const startScrollLoop = useCallback(() => {\n    if (scrollFrameRef.current !== null) {\n      return;\n    }\n\n    const loop = () => {\n      if (!virtualizationContainer) {\n        scrollFrameRef.current = null;\n        return;\n      }\n\n      // Read pointer position fresh every frame. RAF callbacks always run after\n      // all pending input events (including pointermove) have been processed,\n      // so pointerXRef.current is guaranteed to hold the latest position here.\n      const mouseX = pointerXRef.current;\n      const containerRect = virtualizationContainer.getBoundingClientRect();\n      const rightBound =\n        pinnedDraggableAreaBoundsRef.current.right ?? containerRect.right;\n      const leftBound =\n        pinnedDraggableAreaBoundsRef.current.left ?? containerRect.left;\n\n      // Positive penetration means the cursor has entered the proximity zone.\n      // Zero or negative means it is safely away from that boundary.\n      const rightPenetration = mouseX - (rightBound - SCROLL_PROXIMITY_ZONE);\n      const leftPenetration = leftBound + SCROLL_PROXIMITY_ZONE - mouseX;\n\n      const { scrollLeft, scrollWidth, clientWidth } = virtualizationContainer;\n\n      // When a child column is being dragged, scrolling should be capped only until the parent header becomes fully visible.\n      // if the parent is already fully visible, skip scrolling entirely.\n      let maxScrollRight = Infinity;\n      let maxScrollLeft = Infinity;\n\n      const parentEl = parentHeaderComponentRef.current;\n      if (parentEl) {\n        const parentRect = parentEl.getBoundingClientRect();\n\n        // many pixels the parent overflows past the right / left bound.\n        maxScrollRight = Math.max(0, parentRect.right - rightBound);\n        maxScrollLeft = Math.max(0, leftBound - parentRect.left);\n      }\n\n      if (rightPenetration > 0 && leftPenetration <= 0) {\n        // Scale speed linearly from MIN at zone entry to MAX at the boundary.\n        const scrollSpeed = getCustomScrollSpeed(rightPenetration);\n\n        const canScrollRight = scrollLeft < scrollWidth - clientWidth;\n        if (canScrollRight && maxScrollRight > 0) {\n          // the RAF loop keeps scheduling the next frame as long as maxScrollRight > speed. Same for right scroll.\n          virtualizationContainer.scrollLeft += Math.min(\n            scrollSpeed,\n            Math.ceil(maxScrollRight),\n          );\n        }\n      } else if (leftPenetration > 0 && rightPenetration <= 0) {\n        const scrollSpeed = getCustomScrollSpeed(leftPenetration);\n\n        const canScrollLeft = scrollLeft > 0;\n        if (canScrollLeft && maxScrollLeft > 0) {\n          virtualizationContainer.scrollLeft -= Math.min(\n            scrollSpeed,\n            Math.ceil(maxScrollLeft),\n          );\n        }\n      }\n\n      scrollFrameRef.current = requestAnimationFrame(loop);\n    };\n\n    scrollFrameRef.current = requestAnimationFrame(loop);\n  }, [virtualizationContainer]);\n\n  const cleanupDragState = useCallback(() => {\n    stopScrollLoop();\n    parentHeaderComponentRef.current = null;\n    if (trackPointerXRef.current) {\n      window.removeEventListener('pointermove', trackPointerXRef.current);\n      trackPointerXRef.current = null;\n    }\n  }, [stopScrollLoop]);\n\n  const handleDragStart = ({ active }: { active: Active }) => {\n    const draggedColumn = active.data.current?.column as Column<\n      TDataTableFeatures,\n      TData\n    >;\n\n    // Browsers can scroll the page when initiating a native drag. Capture the current\n    // scroll position and restore it in the next frame to cancel any unintended jump.\n    const pageScrollY = window.scrollY;\n    requestAnimationFrame(() => {\n      if (window.scrollY !== pageScrollY) {\n        window.scrollTo(window.scrollX, pageScrollY);\n      }\n    });\n\n    // Read bounds fresh from the DOM on every drag start event so they always reflect\n    // the current scroll position and are never stale from an earlier render.\n    pinnedDraggableAreaBoundsRef.current = getDraggableAreaBounds(\n      pinnedColumns,\n      virtualizationContainer,\n      hasSubHeaders ? 1 : 0,\n    );\n\n    // Start tracking raw pointer position for scroll zone detection.\n    trackPointerXRef.current = (e: PointerEvent) => {\n      pointerXRef.current = e.clientX;\n    };\n    window.addEventListener('pointermove', trackPointerXRef.current, {\n      passive: true,\n    });\n    // If the dragged column is a child, store its parent header element so\n    // the scroll loop can cap scrolling to keep the parent fully visible.\n    if (draggedColumn.parent) {\n      const parentId = draggedColumn.parent.id;\n      parentHeaderComponentRef.current =\n        virtualizationContainer?.querySelector<HTMLElement>(\n          `[role=\"columnheader\"][data-header-row=\"0\"][data-columnid=${CSS.escape(\n            parentId,\n          )}]${unpinnedHeaderFilter}`,\n        ) ?? null;\n    }\n\n    // Start the RAF loop immediately so proximity-zone entry is detected on\n    // every frame regardless of when onDragMove fires relative to pointermove.\n    startScrollLoop();\n\n    table.setDraggedHeaderColumn(draggedColumn);\n    setDraggedHeaderSize(table.getHeaderSize(active.id as string));\n    setDragOverlayContent(active.data.current?.portalRef);\n\n    // In order to make sure the header size does not change when the header\n    // is portalled out, we create a placeholder element in the header in order\n    // to preserve the grid layout\n    const { headerGroupElement, draggedHeaderElement } =\n      getDraggedHeaderElement(String(active.id), virtualizationContainer);\n\n    if (\n      headerGroupElement === null ||\n      !(headerGroupElement instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    if (\n      draggedHeaderElement === null ||\n      !(draggedHeaderElement instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    // Extract the position of the dragged element and its size in order\n    // to position the placeholder.\n    const { gridArea } = draggedHeaderElement.style;\n    const { width, height } = draggedHeaderElement.getBoundingClientRect();\n    if (!gridArea) {\n      return;\n    }\n\n    const verticalDividerOptions =\n      verticalDividers && !draggedColumn.getIsFirstVisibleUnpinnedColumn()\n        ? {\n            isParentColumn:\n              draggedHeaderElement.getAttribute('data-header-row') === '0',\n            heightOffset:\n              headerGroupElement.offsetHeight -\n              draggedHeaderElement.offsetHeight,\n          }\n        : undefined;\n\n    placeholderElement.current = createHeaderPlaceholder(\n      gridArea,\n      width,\n      height,\n      verticalDividerOptions,\n    );\n    headerGroupElement.appendChild(placeholderElement.current);\n  };\n\n  const handleDragOver = (event: DragOverEvent) => {\n    indicateInsertPosition(event, virtualizationContainer);\n  };\n\n  const handleDragEnd = ({\n    active,\n    over,\n  }: {\n    active: Active;\n    over: Over | null;\n  }) => {\n    setDragOverlayContent(null);\n    cleanupDragState();\n    updateColumnOrderOnDragEnd({\n      active,\n      over,\n      table,\n      virtualizationContainer,\n    });\n    // with nested headers, removing the placeholder element too early could lead to wrong header measurements\n    // therefore, the placeholder is removed just before the next repaint\n    requestAnimationFrame(() => {\n      placeholderElement.current?.remove();\n    });\n  };\n\n  // Clean up the RAF scroll loop and the global pointermove listener if\n  // the component unmounts during an active drag (e.g. the table is removed\n  // from the DOM), since handleDragEnd would never fire in that case.\n  useEffect(() => {\n    return () => {\n      cleanupDragState();\n      placeholderElement.current?.remove();\n    };\n  }, [stopScrollLoop, cleanupDragState]);\n\n  return (\n    <DragAndDropContext\n      sensors={sensors}\n      collisionDetection={customCollisionDetection}\n      modifiers={[restrictColumnDragAndDrop]}\n      autoScroll={false}\n      accessibility={{\n        container: virtualizationContainer,\n        // Suppress dnd-kit's default draggable instructions until full keyboard control is implemented in APPDEV-19270\n        screenReaderInstructions: { draggable: '' },\n      }}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n    >\n      {\n        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.\n        // This ensures transforms on parent containers don't affect the position of the drag overlay.\n        createPortal(\n          <DragOverlay\n            data-drag-overlay\n            dropAnimation={null}\n            className={clsx(styles.columnDndOverlay)}\n            style={{\n              // the observed header size includes a border which we don't want in the overlay\n              height: draggedHeaderSize.height - getDataTableBorderWidth(),\n              width: draggedHeaderSize.width,\n            }}\n          >\n            <div ref={dragOverlayContent} />\n          </DragOverlay>,\n          document.body,\n        )\n      }\n      {children}\n    </DragAndDropContext>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.css CHANGED Viewed

@@ -1,9 +1,9 @@
-._17437gx0-3-11-2 {
+._17437gx0-3-12-0 {
   cursor: col-resize;
 }
-._17437gx0-3-11-2 > * {
+._17437gx0-3-12-0 > * {
   pointer-events: none;
 }
-._17437gx0-3-11-2 ._14sp6az0-3-11-2 * {
+._17437gx0-3-12-0 ._14sp6az0-3-12-0 * {
   pointer-events: none;
 }

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "../../DataTable.css";
 import "./ColumnSizing.css";
-var tableColumnResizing = "_17437gx0-3-11-2";
+var tableColumnResizing = "_17437gx0-3-12-0";
 export {
   tableColumnResizing
 };