@dynatrace/strato-components 3.8.0 → 3.9.1

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 {\n  DataTableColumnVisibilityState,\n  DataTableVisibleColumnLimits,\n} 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   * Upper limits for the number of visible columns in the column settings modal.\n   */\n  visibleColumnLimits?: DataTableVisibleColumnLimits;\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      toolbarItemProps.visibleColumnLimits = child.props?.visibleColumnLimits;\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 {\n  DataTableColumnVisibilityState,\n  DataTableVisibleColumnLimits,\n} from '../../features/ColumnVisibility/column-visibility-types.js';\nimport type { DataTableDownloadHeaderContext } from '../../features/Download/download-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   * Upper limits for the number of visible columns in the column settings modal.\n   */\n  visibleColumnLimits?: DataTableVisibleColumnLimits;\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   * Callback to override the header name of each included leaf column in the downloaded file.\n   */\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined;\n  /**\n   * Name of the downloaded CSV file.\n   */\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string);\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      toolbarItemProps.visibleColumnLimits = child.props?.visibleColumnLimits;\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      toolbarItemProps.formatDownloadHeader = child.props?.formatDownloadHeader;\n      toolbarItemProps.fileName = child.props?.fileName;\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            fileName={toolbarItemProps?.fileName}\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": "AA+LM,SAiBI,KAjBJ;AA/LN;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AAGP,SAAS,oCAAoC;AAC7C,SAAS,sCAAsC;AAC/C,SAAS,+BAA+B;AACxC,SAAS,sCAAsC;AAC/C,SAAS,yCAAyC;AAClD,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,OAEK;AAKP,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAOrB,SAAS,yBAAyB;AAClC,SAAS,qCAAqC;AAC9C,SAAS,4CAA4C;AAc9C,SAAS,oBACd,OAC8C;AAC9C,SAAO,OAAO,SAAS;AACzB;AAqEO,SAAS,iBAAiB,UAAqB;AACpD,QAAM,QAA+B;AAAA,IACnC,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,IACvB,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB;AACA,QAAM,mBAA8C,EAAE,SAAS,CAAC,EAAE;AAElE,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,iCAAiC,GAAG;AACpD,YAAM,qBAAqB;AAC3B,uBAAiB,wBACf,MAAM,OAAO;AACf,uBAAiB,sBAAsB,MAAM,OAAO;AAAA,IACtD,WAAW,OAAO,OAAO,4BAA4B,GAAG;AACtD,YAAM,sBAAsB;AAC5B,uBAAiB,mBAAmB,MAAM,OAAO;AAAA,IACnD,WAAW,OAAO,OAAO,8BAA8B,GAAG;AACxD,YAAM,wBAAwB;AAC9B,uBAAiB,qBAAqB,MAAM,OAAO;AAAA,IACrD,WAAW,OAAO,OAAO,8BAA8B,GAAG;AACxD,uBAAiB,qBAAqB,MAAM;AAAA,IAC9C,WAAW,OAAO,OAAO,iBAAiB,GAAG;AAC3C,YAAM,eAAe;AACrB,uBAAiB,0BAA0B,MAAM,OAAO;AACxD,uBAAiB,iBAAiB,MAAM,OAAO;AAC/C,uBAAiB,uBAAuB,MAAM,OAAO;AACrD,uBAAiB,WAAW,MAAM,OAAO;AAAA,IAC3C,WAAW,OAAO,OAAO,6BAA6B,GAAG;AACvD,YAAM,iBAAiB;AAAA,IACzB,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,uBAAiB,QAAQ,KAAK,MAAM,KAAK;AAAA,IAC3C,OAAO;AACL,aAAO,mCAAmC;AAAA,IAC5C;AAAA,EACF,CAAC;AAED,SAAO,EAAE,OAAO,iBAAiB;AACnC;AAMO,MAAM,mBAAmB;AAAA,EAC9B,CACE,OACA,iBACwB;AACxB,UAAM;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,WAAW;AAAA,MACX,OAAO;AAAA,MACP,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,UAAM,EAAE,OAAO,iBAAiB,IAAI,iBAAiB,QAAQ;AAE7D,QAAI,SAAS,MAAM,QAAQ,MAAM,GAAG;AAClC,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,KAAK;AAAA,QACL,eAAa;AAAA,QACb,WAAW;AAAA,QACX,OAAO;AAAA,UACL,UAAU;AAAA,UACV,GAAG;AAAA,QACL;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,QAEF;AAAA,iBAAM,sBACN,MAAM,uBACN,MAAM,0BACN;AAAA,YAAC;AAAA;AAAA,cACC,oBAAoB,kBAAkB;AAAA;AAAA,UACxC;AAAA,UAED,MAAM,kBAAkB,oBAAC,wCAAqC;AAAA,WAC7D,MAAM,gBAAgB,iBAAiB,QAAQ,SAAS,MACxD;AAAA,YAAC;AAAA;AAAA,cACC,iBAAiB,MAAM;AAAA,cACvB,yBAAyB,kBAAkB;AAAA,cAC3C,UAAU,kBAAkB;AAAA,cAC5B,SAAS,iBAAiB;AAAA;AAAA,UAC5B;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAGE,iBAGA,cAAc;",
   "names": []
 }

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

@@ -8,7 +8,7 @@ import { Menu } from "../../../../navigation/menu/Menu.js";
 import { Tooltip } from "../../../../overlays/tooltip/Tooltip.js";
 import { dataTableMessages } from "../../messages.js";
 const DataTableToolbarMenu = (props) => {
-  const { hasDownloadData, downloadExcludedColumns, intents } = props;
+  const { hasDownloadData, downloadExcludedColumns, fileName, intents } = props;
   const [menuOpen, setMenuOpen] = useState(false);
   const [isDownloading, setIsDownloading] = useState(false);
   const hasIntents = intents.length > 0;
@@ -74,6 +74,7 @@ const DataTableToolbarMenu = (props) => {
             DataTableDownloadData,
             {
               excludeColumns: downloadExcludedColumns,
+              fileName,
               hasIntents,
               isDownloading,
               onDownloadStart: () => setIsDownloading(true),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/Toolbar/DataTableToolbarMenu.tsx"],
-  "sourcesContent": ["import { Fragment, useRef, useState, type ReactElement, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DotMenuIcon, DownloadIcon } from '@dynatrace/strato-icons';\n\nimport { DataTableDownloadData } from './Download/DataTableDownloadData.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { type IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { dataTableMessages } from '../../messages.js';\n\ninterface ToolbarMenuProps {\n  /**\n   * Indicates whether the `DownloadData` slot is used, to determine if the download action should be rendered in the menu.\n   */\n  hasDownloadData: boolean;\n  /**\n   * Array of column IDs that can optionally be excluded from the download, passed down to the `DownloadData` slot.\n   */\n  downloadExcludedColumns?: string[];\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 * The menu component for the `DownloadData` and `Intent` slots.\n * @internal\n */\nexport const DataTableToolbarMenu = (\n  props: ToolbarMenuProps,\n): JSX.Element | undefined => {\n  const { hasDownloadData, downloadExcludedColumns, intents } = props;\n\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n  const hasIntents = intents.length > 0;\n\n  const triggerIcon = hasIntents ? <DotMenuIcon /> : <DownloadIcon />;\n\n  const Group = hasIntents ? Menu.Group : Fragment;\n\n  const intl = useIntl();\n  let toolbarMenuMessage = dataTableMessages.downloadButtonLabel;\n\n  if (isDownloading) {\n    toolbarMenuMessage = dataTableMessages.downloadingButtonLabel;\n  } else if (hasIntents) {\n    toolbarMenuMessage = dataTableMessages.toolbarButtonLabel;\n  }\n\n  const toolbarMenuLabel = intl.formatMessage(toolbarMenuMessage);\n  const simpleButtonRef = useRef<HTMLButtonElement>(null);\n\n  // do not render anything if neither the `DownloadData` nor the `Intent` slot is used\n  if (!hasDownloadData && !hasIntents) {\n    return;\n  }\n\n  // Avoid spawning the menu while it is closed to avoid react render\n  // performance issues.\n  if (menuOpen === false) {\n    return (\n      <Tooltip text={toolbarMenuLabel}>\n        <Button\n          ref={simpleButtonRef}\n          variant=\"default\"\n          aria-label={toolbarMenuLabel}\n          onClick={() => setMenuOpen(true)}\n          loading={isDownloading}\n        >\n          <Button.Prefix>{triggerIcon}</Button.Prefix>\n        </Button>\n      </Tooltip>\n    );\n  }\n\n  // according to the GUIDEline intent items with app ids are grouped\n  // intent items that don't have an app id are positioned below that group\n  const {\n    intentsWithAppOrIntentId: intentsWithAppId,\n    intentsWithoutAppOrIntentId: intentsWithoutAppId,\n  } = intents.reduce<{\n    intentsWithAppOrIntentId: ReactElement[];\n    intentsWithoutAppOrIntentId: ReactElement[];\n  }>(\n    (acc, intentProps, idx) => {\n      const hasAppOrIntentId =\n        intentProps.options.recommendedAppId !== undefined ||\n        intentProps.options.recommendedIntentId !== undefined;\n\n      const intent = (\n        <Menu.Intent key={`intent-${idx}`} {...intentProps}>\n          {intentProps.icon && <Menu.Prefix>{intentProps.icon}</Menu.Prefix>}\n          {intentProps.children}\n        </Menu.Intent>\n      );\n\n      hasAppOrIntentId\n        ? acc.intentsWithAppOrIntentId.push(intent)\n        : acc.intentsWithoutAppOrIntentId.push(intent);\n      return acc;\n    },\n    { intentsWithAppOrIntentId: [], intentsWithoutAppOrIntentId: [] },\n  );\n\n  return (\n    <Menu\n      open={menuOpen}\n      onOpenChange={(open) => {\n        // Since the elements are actually swapped when the menu is open / closed\n        // the focus needs to move back to the button only render.\n        if (open === false) {\n          requestAnimationFrame(() => {\n            simpleButtonRef.current?.focus();\n          });\n        }\n        setMenuOpen(open);\n      }}\n      modal={false}\n    >\n      <Tooltip text={toolbarMenuLabel}>\n        <Menu.Trigger>\n          <Button variant=\"default\" aria-label={toolbarMenuLabel}>\n            <Button.Prefix>{triggerIcon}</Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n\n      <Menu.Content alignment=\"end\">\n        {hasDownloadData && (\n          <Group>\n            <DataTableDownloadData\n              excludeColumns={downloadExcludedColumns}\n              hasIntents={hasIntents}\n              isDownloading={isDownloading}\n              onDownloadStart={() => setIsDownloading(true)}\n              onDownloadEnd={() => setIsDownloading(false)}\n            />\n          </Group>\n        )}\n        {intentsWithAppId.length > 0 && <Group>{intentsWithAppId}</Group>}\n        {intentsWithoutAppId.length > 0 && <Group>{intentsWithoutAppId}</Group>}\n      </Menu.Content>\n    </Menu>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Fragment, useRef, useState, type ReactElement, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DotMenuIcon, DownloadIcon } from '@dynatrace/strato-icons';\n\nimport { DataTableDownloadData } from './Download/DataTableDownloadData.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { type IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { dataTableMessages } from '../../messages.js';\n\ninterface ToolbarMenuProps {\n  /**\n   * Indicates whether the `DownloadData` slot is used, to determine if the download action should be rendered in the menu.\n   */\n  hasDownloadData: boolean;\n  /**\n   * Array of column IDs that can optionally be excluded from the download, passed down to the `DownloadData` slot.\n   */\n  downloadExcludedColumns?: string[];\n  /**\n   * Name of the downloaded CSV file, passed down to the `DownloadData` slot.\n   */\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string);\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 * The menu component for the `DownloadData` and `Intent` slots.\n * @internal\n */\nexport const DataTableToolbarMenu = (\n  props: ToolbarMenuProps,\n): JSX.Element | undefined => {\n  const { hasDownloadData, downloadExcludedColumns, fileName, intents } = props;\n\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n  const hasIntents = intents.length > 0;\n\n  const triggerIcon = hasIntents ? <DotMenuIcon /> : <DownloadIcon />;\n\n  const Group = hasIntents ? Menu.Group : Fragment;\n\n  const intl = useIntl();\n  let toolbarMenuMessage = dataTableMessages.downloadButtonLabel;\n\n  if (isDownloading) {\n    toolbarMenuMessage = dataTableMessages.downloadingButtonLabel;\n  } else if (hasIntents) {\n    toolbarMenuMessage = dataTableMessages.toolbarButtonLabel;\n  }\n\n  const toolbarMenuLabel = intl.formatMessage(toolbarMenuMessage);\n  const simpleButtonRef = useRef<HTMLButtonElement>(null);\n\n  // do not render anything if neither the `DownloadData` nor the `Intent` slot is used\n  if (!hasDownloadData && !hasIntents) {\n    return;\n  }\n\n  // Avoid spawning the menu while it is closed to avoid react render\n  // performance issues.\n  if (menuOpen === false) {\n    return (\n      <Tooltip text={toolbarMenuLabel}>\n        <Button\n          ref={simpleButtonRef}\n          variant=\"default\"\n          aria-label={toolbarMenuLabel}\n          onClick={() => setMenuOpen(true)}\n          loading={isDownloading}\n        >\n          <Button.Prefix>{triggerIcon}</Button.Prefix>\n        </Button>\n      </Tooltip>\n    );\n  }\n\n  // according to the GUIDEline intent items with app ids are grouped\n  // intent items that don't have an app id are positioned below that group\n  const {\n    intentsWithAppOrIntentId: intentsWithAppId,\n    intentsWithoutAppOrIntentId: intentsWithoutAppId,\n  } = intents.reduce<{\n    intentsWithAppOrIntentId: ReactElement[];\n    intentsWithoutAppOrIntentId: ReactElement[];\n  }>(\n    (acc, intentProps, idx) => {\n      const hasAppOrIntentId =\n        intentProps.options.recommendedAppId !== undefined ||\n        intentProps.options.recommendedIntentId !== undefined;\n\n      const intent = (\n        <Menu.Intent key={`intent-${idx}`} {...intentProps}>\n          {intentProps.icon && <Menu.Prefix>{intentProps.icon}</Menu.Prefix>}\n          {intentProps.children}\n        </Menu.Intent>\n      );\n\n      hasAppOrIntentId\n        ? acc.intentsWithAppOrIntentId.push(intent)\n        : acc.intentsWithoutAppOrIntentId.push(intent);\n      return acc;\n    },\n    { intentsWithAppOrIntentId: [], intentsWithoutAppOrIntentId: [] },\n  );\n\n  return (\n    <Menu\n      open={menuOpen}\n      onOpenChange={(open) => {\n        // Since the elements are actually swapped when the menu is open / closed\n        // the focus needs to move back to the button only render.\n        if (open === false) {\n          requestAnimationFrame(() => {\n            simpleButtonRef.current?.focus();\n          });\n        }\n        setMenuOpen(open);\n      }}\n      modal={false}\n    >\n      <Tooltip text={toolbarMenuLabel}>\n        <Menu.Trigger>\n          <Button variant=\"default\" aria-label={toolbarMenuLabel}>\n            <Button.Prefix>{triggerIcon}</Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n\n      <Menu.Content alignment=\"end\">\n        {hasDownloadData && (\n          <Group>\n            <DataTableDownloadData\n              excludeColumns={downloadExcludedColumns}\n              fileName={fileName}\n              hasIntents={hasIntents}\n              isDownloading={isDownloading}\n              onDownloadStart={() => setIsDownloading(true)}\n              onDownloadEnd={() => setIsDownloading(false)}\n            />\n          </Group>\n        )}\n        {intentsWithAppId.length > 0 && <Group>{intentsWithAppId}</Group>}\n        {intentsWithoutAppId.length > 0 && <Group>{intentsWithoutAppId}</Group>}\n      </Menu.Content>\n    </Menu>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

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

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

@@ -6,6 +6,7 @@ import { useDataTable } from "../../../contexts/DataTableContext.js";
 import { dataTableMessages } from "../../../messages.js";
 const DataTableDownloadData = ({
   excludeColumns,
+  fileName,
   hasIntents,
   isDownloading,
   onDownloadStart,
@@ -15,8 +16,9 @@ const DataTableDownloadData = ({
   const table = useDataTable();
   const selectionCount = table.getSelectionCount();
   const menuGroupLabel = intl.formatMessage(dataTableMessages.downloadTable);
+  const isServerSidePaginated = table.options.enablePagination === true && table.options.manualPagination === true;
   const downloadMenuItems = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
+    !isServerSidePaginated && /* @__PURE__ */ jsxs(
       Menu.Item,
       {
         onSelect: () => {
@@ -24,7 +26,7 @@ const DataTableDownloadData = ({
             return;
           }
           onDownloadStart();
-          table.downloadAllData(excludeColumns, onDownloadEnd);
+          table.downloadAllData(excludeColumns, void 0, fileName, onDownloadEnd);
         },
         className: styles.downloadMenuItem,
         "data-dt-name": "ToolbarDownloadAll",
@@ -44,7 +46,7 @@ const DataTableDownloadData = ({
             return;
           }
           onDownloadStart();
-          table.downloadPageData(excludeColumns, onDownloadEnd);
+          table.downloadPageData(excludeColumns, void 0, fileName, onDownloadEnd);
         },
         className: styles.downloadMenuItem,
         "data-dt-name": "ToolbarDownloadPage",
@@ -65,7 +67,12 @@ const DataTableDownloadData = ({
             return;
           }
           onDownloadStart();
-          table.downloadSelectedData(excludeColumns, onDownloadEnd);
+          table.downloadSelectedData(
+            excludeColumns,
+            void 0,
+            fileName,
+            onDownloadEnd
+          );
         },
         className: styles.downloadMenuItem,
         "data-dt-name": "ToolbarDownloadSelected",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.tsx"],
-  "sourcesContent": ["import type { JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableDownloadData.sty.js';\nimport { Menu } from '../../../../../navigation/menu/Menu.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n/**\n * A component providing the menu with the functionalities to download data.\n * @internal\n */\nexport const DataTableDownloadData = ({\n  excludeColumns,\n  hasIntents,\n  isDownloading,\n  onDownloadStart,\n  onDownloadEnd,\n}: {\n  excludeColumns?: string[];\n  hasIntents: boolean;\n  isDownloading: boolean;\n  onDownloadStart: () => void;\n  onDownloadEnd: () => void;\n}): JSX.Element => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const selectionCount = table.getSelectionCount();\n  const menuGroupLabel = intl.formatMessage(dataTableMessages.downloadTable);\n\n  const downloadMenuItems = (\n    <>\n      <Menu.Item\n        onSelect={() => {\n          if (isDownloading) {\n            return;\n          }\n          onDownloadStart();\n          table.downloadAllData(excludeColumns, onDownloadEnd);\n        }}\n        className={styles.downloadMenuItem}\n        data-dt-name=\"ToolbarDownloadAll\"\n      >\n        {intl.formatMessage(dataTableMessages.downloadAll)}\n        <Menu.Suffix className={styles.downloadMenuSuffix}>\n          {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n            noOfRows: table.getPrePaginatedRowModel().flatRows.length,\n          })}\n        </Menu.Suffix>\n      </Menu.Item>\n      {table.options.enablePagination && (\n        <Menu.Item\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadPageData(excludeColumns, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadPage\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadPage)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: table.getPaginatedRowModel().flatRows.length,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n      {table.options.enableRowSelection && (\n        <Menu.Item\n          disabled={selectionCount === 0}\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadSelectedData(excludeColumns, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadSelected\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadSelected)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: selectionCount,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n    </>\n  );\n\n  return hasIntents ? (\n    <Menu.Sub defaultOpen={false}>\n      <Menu.SubTrigger>{menuGroupLabel}</Menu.SubTrigger>\n      <Menu.SubContent>{downloadMenuItems}</Menu.SubContent>\n    </Menu.Sub>\n  ) : (\n    <>\n      <Menu.Label>{menuGroupLabel}</Menu.Label>\n      {downloadMenuItems}\n    </>\n  );\n};\n"],
-  "mappings": "AA+BI,mBAaI,KAZF,YADF;AA9BJ,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAM3B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMmB;AACjB,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAC3B,QAAM,iBAAiB,MAAM,kBAAkB;AAC/C,QAAM,iBAAiB,KAAK,cAAc,kBAAkB,aAAa;AAEzE,QAAM,oBACJ,iCACE;AAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,gBAAgB,gBAAgB,aAAa;AAAA,QACrD;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,WAAW;AAAA,UACjD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,wBAAwB,EAAE,SAAS;AAAA,UACrD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IACC,MAAM,QAAQ,oBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,iBAAiB,gBAAgB,aAAa;AAAA,QACtD;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,YAAY;AAAA,UAClD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,qBAAqB,EAAE,SAAS;AAAA,UAClD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IAED,MAAM,QAAQ,sBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,mBAAmB;AAAA,QAC7B,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,qBAAqB,gBAAgB,aAAa;AAAA,QAC1D;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,gBAAgB;AAAA,UACtD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU;AAAA,UACZ,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ;AAGF,SAAO,aACL,qBAAC,KAAK,KAAL,EAAS,aAAa,OACrB;AAAA,wBAAC,KAAK,YAAL,EAAiB,0BAAe;AAAA,IACjC,oBAAC,KAAK,YAAL,EAAiB,6BAAkB;AAAA,KACtC,IAEA,iCACE;AAAA,wBAAC,KAAK,OAAL,EAAY,0BAAe;AAAA,IAC3B;AAAA,KACH;AAEJ;",
+  "sourcesContent": ["import type { JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableDownloadData.sty.js';\nimport { Menu } from '../../../../../navigation/menu/Menu.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n/**\n * A component providing the menu with the functionalities to download data.\n * @internal\n */\nexport const DataTableDownloadData = ({\n  excludeColumns,\n  fileName,\n  hasIntents,\n  isDownloading,\n  onDownloadStart,\n  onDownloadEnd,\n}: {\n  excludeColumns?: string[];\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string);\n  hasIntents: boolean;\n  isDownloading: boolean;\n  onDownloadStart: () => void;\n  onDownloadEnd: () => void;\n}): JSX.Element => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const selectionCount = table.getSelectionCount();\n  const menuGroupLabel = intl.formatMessage(dataTableMessages.downloadTable);\n\n  // Hide download all option for server side pagination.\n  const isServerSidePaginated =\n    table.options.enablePagination === true &&\n    table.options.manualPagination === true;\n\n  const downloadMenuItems = (\n    <>\n      {!isServerSidePaginated && (\n        <Menu.Item\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadAllData(excludeColumns, undefined, fileName, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadAll\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadAll)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: table.getPrePaginatedRowModel().flatRows.length,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n      {table.options.enablePagination && (\n        <Menu.Item\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadPageData(excludeColumns, undefined, fileName, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadPage\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadPage)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: table.getPaginatedRowModel().flatRows.length,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n      {table.options.enableRowSelection && (\n        <Menu.Item\n          disabled={selectionCount === 0}\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadSelectedData(\n              excludeColumns,\n              undefined,\n              fileName,\n              onDownloadEnd,\n            );\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadSelected\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadSelected)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: selectionCount,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n    </>\n  );\n\n  return hasIntents ? (\n    <Menu.Sub defaultOpen={false}>\n      <Menu.SubTrigger>{menuGroupLabel}</Menu.SubTrigger>\n      <Menu.SubContent>{downloadMenuItems}</Menu.SubContent>\n    </Menu.Sub>\n  ) : (\n    <>\n      <Menu.Label>{menuGroupLabel}</Menu.Label>\n      {downloadMenuItems}\n    </>\n  );\n};\n"],
+  "mappings": "AAsCI,mBAcM,KAZF,YAFJ;AArCJ,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAM3B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOmB;AACjB,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAC3B,QAAM,iBAAiB,MAAM,kBAAkB;AAC/C,QAAM,iBAAiB,KAAK,cAAc,kBAAkB,aAAa;AAGzE,QAAM,wBACJ,MAAM,QAAQ,qBAAqB,QACnC,MAAM,QAAQ,qBAAqB;AAErC,QAAM,oBACJ,iCACG;AAAA,KAAC,yBACA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,gBAAgB,gBAAgB,QAAW,UAAU,aAAa;AAAA,QAC1E;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,WAAW;AAAA,UACjD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,wBAAwB,EAAE,SAAS;AAAA,UACrD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IAED,MAAM,QAAQ,oBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,iBAAiB,gBAAgB,QAAW,UAAU,aAAa;AAAA,QAC3E;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,YAAY;AAAA,UAClD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,qBAAqB,EAAE,SAAS;AAAA,UAClD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IAED,MAAM,QAAQ,sBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,mBAAmB;AAAA,QAC7B,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,gBAAgB;AAAA,UACtD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU;AAAA,UACZ,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ;AAGF,SAAO,aACL,qBAAC,KAAK,KAAL,EAAS,aAAa,OACrB;AAAA,wBAAC,KAAK,YAAL,EAAiB,0BAAe;AAAA,IACjC,oBAAC,KAAK,YAAL,EAAiB,6BAAkB;AAAA,KACtC,IAEA,iCACE;AAAA,wBAAC,KAAK,OAAL,EAAY,0BAAe;AAAA,IAC3B;AAAA,KACH;AAEJ;",
   "names": []
 }

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

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

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

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

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

@@ -1,11 +1,11 @@
-._1ku1w3z0-3-8-0 {
+._1ku1w3z0-3-9-1 {
   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-8-0::after {
+._1ku1w3z1-3-9-1::after {
   content: "";
   position: absolute;
   top: 0;
@@ -14,13 +14,13 @@
   width: 3px;
   background: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1ku1w3z2-3-8-0::after {
+._1ku1w3z2-3-9-1::after {
   left: 0;
 }
-._1ku1w3z3-3-8-0::after {
+._1ku1w3z3-3-9-1::after {
   right: 0;
 }
-._1ku1w3z4-3-8-0::before {
+._1ku1w3z4-3-9-1::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-8-0 {
+._1ku1w3z5-3-9-1 {
   display: none;
 }
-._1ku1w3z6-3-8-0 {
+._1ku1w3z6-3-9-1 {
   cursor: grab;
 }
-._1ku1w3z7-3-8-0 {
+._1ku1w3z7-3-9-1 {
   pointer-events: none;
 }

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

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

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

@@ -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-8-0';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-8-0',enabled:'_1ku1w3z6-3-8-0',inactive:'_1ku1w3z7-3-8-0'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-8-0',variantClassNames:{left:{true:'_1ku1w3z2-3-8-0',false:'_1ku1w3z3-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-8-0';"],
+  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-9-1';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-9-1',enabled:'_1ku1w3z6-3-9-1',inactive:'_1ku1w3z7-3-9-1'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-9-1',variantClassNames:{left:{true:'_1ku1w3z2-3-9-1',false:'_1ku1w3z3-3-9-1'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-9-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,oBAAoB,EAAC,UAAS,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB;AACxG,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1L,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnOrder/column-order-dnd-utils.js

@@ -22,6 +22,7 @@ function isDragMotion(touchMove, touchStart) {
 }
 function updateColumnOrderOnDragEnd(config) {
   const { active, over, virtualizationContainer } = config;
+  config.table.setDraggedHeaderColumn(null);
   if (over === null || active.data.current === void 0 || over.data.current === void 0 || virtualizationContainer === void 0) {
     return;
   }
@@ -56,7 +57,6 @@ function updateColumnOrderOnDragEnd(config) {
     newColumnOrder.splice(toIndex, 0, ...movedColumns);
     config.table.setColumnOrder(newColumnOrder);
   }
-  config.table.setDraggedHeaderColumn(null);
   removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);
 }
 const getCustomScrollSpeed = (scrollZoneDepth) => {

package/esm/tables/DataTable/features/ColumnOrder/column-order-dnd-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/column-order-dnd-utils.ts"],
-  "sourcesContent": ["import {\n  type Active,\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type DroppableContainer,\n  type Modifier,\n  type Over,\n} from '@dnd-kit/core';\nimport type {\n  ColumnPinningState,\n  TableFeatures,\n  Column,\n  RowData,\n  ReactTable,\n} from '@tanstack/react-table';\nimport { TouchEvent } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport * as styles from './ColumnOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n  DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT,\n} from '../../constants.js';\nimport type { DragAndDropTransform } from '../types/dnd.types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n//#region DragAndDrop\n\n// DOM Query for filtering out pinned parent headers\nexport const unpinnedHeaderFilter =\n  ':not([data-headerid*=\"left\"]):not([data-headerid*=\"right\"])';\n// Pixels from the scroll boundary at which custom auto-scroll begins.\nexport const SCROLL_PROXIMITY_ZONE = 10;\n/** Offset for column drag-and-drop collision detection (px). */\nconst COLUMN_DND_COLLISION_OFFSET = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH / 2 - 1;\n/** Number of pixels above which a touch move event is considered a drag motion. */\nconst TOUCH_DRAG_MOTION_THRESHOLD = 5;\n// Min custom scroll speed (px/frame) applied at the edge of the proximity zone. Start slow, then speed up to max scroll speed.\nconst MIN_SCROLL_SPEED = 3;\n// Max custom scroll speed (px/frame) applied when fully past the boundary. 15 feels smooth, anything above feels too fast and anything below feels too slow.\nconst MAX_SCROLL_SPEED = 15;\n\n/**\n * Determines if the touch interaction is a drag motion.\n *\n * @param touchMove - The current touch move event.\n * @param touchStart - The preceding touch start event.\n * @returns A boolean indicating whether the touch move event is considered a drag motion.\n * @internal\n */\nexport function isDragMotion(\n  touchMove: TouchEvent,\n  touchStart?: TouchEvent,\n): boolean {\n  const touchStartX = touchStart?.touches[0].clientX;\n  if (touchStartX === undefined) {\n    return false;\n  }\n  const touchMoveX = touchMove.touches[0].clientX;\n  return Math.abs(touchMoveX - touchStartX) > TOUCH_DRAG_MOTION_THRESHOLD;\n}\n\n/**\n * Updates the column order state based on the active and over columns.\n *\n * @param active - The actively dragged item.\n * @param over - The droppable item which the active item is currently dragged over.\n * @param table - The table instance.\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function updateColumnOrderOnDragEnd(config: {\n  active: Active;\n  over: Over | null;\n  table: ReactTable<TDataTableFeatures, RowData>;\n  virtualizationContainer?: HTMLDivElement;\n}): void {\n  const { active, over, virtualizationContainer } = config;\n  if (\n    over === null ||\n    active.data.current === undefined ||\n    over.data.current === undefined ||\n    virtualizationContainer === undefined\n  ) {\n    return;\n  }\n\n  const activeColumn = active.data.current.column as Column<\n    TDataTableFeatures,\n    RowData\n  >;\n  const activeChildColumnIds = activeColumn.columns.map((child) => child.id);\n  const activeChildColumnsCount = activeChildColumnIds.length;\n  const activeParentColumnId = activeColumn.parent?.id;\n\n  const overColumn = over.data.current.column as Column<\n    TDataTableFeatures,\n    RowData\n  >;\n  const overParentColumnId = over.data.current?.column?.parent?.id;\n  const overChildColumnIds = overColumn.columns.map((child) => child.id);\n  const overChildColumnsCount = overChildColumnIds.length;\n\n  // move columns if both columns have the same parent or no parent\n  if (activeParentColumnId === overParentColumnId) {\n    const columnOrder = config.table.atoms.columnOrder?.get() ?? [];\n    const moveCount = Math.max(activeChildColumnsCount, 1);\n\n    // get the active and over columns' indexes in the unmodified column order to consider hidden columns during reordering\n    const activeColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        activeChildColumnsCount === 0\n          ? activeColumn.id\n          : // get the index of the first child column if the active column is a parent\n            activeColumn.getLeafColumns()[0].id;\n\n      return columnId === id;\n    });\n    const overColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        overChildColumnsCount === 0\n          ? overColumn.id\n          : // get the index of the first child column if the active column is a parent\n            overColumn.getLeafColumns()[0].id;\n      return columnId === id;\n    });\n\n    // update column order\n    const newColumnOrder = [...columnOrder];\n    const movedColumns = newColumnOrder.splice(activeColumnIndex, moveCount);\n    // if moving more than one column to the right, toIndex needs to be adjusted since more than one column were spliced from the array\n    const toIndex =\n      overColumnIndex > activeColumnIndex\n        ? overColumnIndex - (moveCount - 1)\n        : overColumnIndex;\n\n    newColumnOrder.splice(toIndex, 0, ...movedColumns);\n    config.table.setColumnOrder(newColumnOrder);\n  }\n\n  config.table.setDraggedHeaderColumn(null);\n  removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);\n}\n\n/**\n * Gets the speed for the custom auto scroll.\n *\n * @param scrollZoneDepth - the mouse pointer position when penetrating the area where auto scroll should kick in\n *\n * @returns scroll speed measured in pixels per frame, a number between MIN_SCROLL_SPEED and MAX_SCROLL_SPEED\n * @internal\n */\nexport const getCustomScrollSpeed = (scrollZoneDepth: number): number => {\n  return Math.round(\n    MIN_SCROLL_SPEED +\n      (Math.min(scrollZoneDepth, SCROLL_PROXIMITY_ZONE) /\n        SCROLL_PROXIMITY_ZONE) *\n        (MAX_SCROLL_SPEED - MIN_SCROLL_SPEED),\n  );\n};\n\n/**\n * Creates a temporary DOM element that is temporarily inserted into the header group\n * during a drag operation to preserve the CSS grid layout when the dragged header cell is portalled out\n * of its original position.\n *\n * @param gridArea - dragged element's position in the grid\n * @param width - dragged element's width\n * @param height - dragged element's height\n * @param verticalDividerOptions - optional config for the vertical divider styling on the placeholder\n *\n * @internal\n */\nexport const createHeaderPlaceholder = (\n  gridArea: string,\n  width: number,\n  height: number,\n  verticalDividerOptions?: {\n    isParentColumn: boolean;\n    heightOffset: number;\n  },\n): HTMLDivElement => {\n  const placeholder = document.createElement('div');\n  placeholder.style.gridArea = gridArea;\n  placeholder.style.width = `${width}px`;\n  placeholder.style.height = `${height}px`;\n\n  if (verticalDividerOptions) {\n    const { isParentColumn, heightOffset } = verticalDividerOptions;\n    placeholder.classList.add(styles.verticalDividers);\n    placeholder.style.setProperty(\n      DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n      !isParentColumn && heightOffset !== 0\n        ? `${heightOffset}px`\n        : Spacings.Size4,\n    );\n  }\n\n  return placeholder;\n};\n\n//#endregion DragAndDrop\n\n//#region PositionIndicator\n// save the cells that last received the indicator styles to be able to remove them again\nconst lastStyledCells = new Set<HTMLElement>();\n\n/**\n * Transforms columns left/right to make space for the column which is currently being dragged (\"active\" column).\n *\n * @param event - contains \"active\" (column being dragged) and \"over\" columns (column where the active column is currently dragged over).\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function indicateInsertPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(event: DragOverEvent, virtualizationContainer?: HTMLDivElement): void {\n  if (virtualizationContainer === undefined || !event.active || !event.over) {\n    return;\n  }\n\n  const activeColumnIndex = event.active.data.current?.columnIndex;\n  const overColumnId = event.over.id as string;\n  const overColumnIndex = event.over.data.current?.columnIndex;\n\n  // If the over column is a parent, we also need to render the indicator for the first/last unpinned child\n  // depending on whether the active column is moved left or right\n  const overColumnChildren = (\n    event.over.data.current?.column as Column<TFeatures, TData>\n  )\n    .getVisibleLeafColumns()\n    .filter(\n      (child) =>\n        !(\n          child as unknown as Column<TDataTableFeatures, RowData>\n        ).getIsPinned(),\n    );\n  const overFirstChildId = overColumnChildren.at(0)?.id;\n  const overLastChildId = overColumnChildren.at(-1)?.id;\n\n  if (activeColumnIndex < overColumnIndex) {\n    // move right\n    const overChildColumnId =\n      overLastChildId !== overColumnId ? overLastChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'right',\n    );\n  } else if (activeColumnIndex > overColumnIndex) {\n    // move left\n    const overChildColumnId =\n      overFirstChildId !== overColumnId ? overFirstChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'left',\n    );\n  } else {\n    removeInsertPositionIndicator(lastStyledCells);\n  }\n}\n\n/**\n * Renders an indicator at the position where the column will be inserted.\n */\nfunction renderInsertPositionIndicator(\n  virtualizationContainer: HTMLDivElement,\n  columnId: string,\n  childColumnId: string | undefined,\n  position: 'left' | 'right',\n): void {\n  const overCell = getHeaderCell(virtualizationContainer, columnId);\n  if (overCell === null) {\n    return;\n  }\n\n  const overChildColumnCell = getHeaderCell(\n    virtualizationContainer,\n    childColumnId,\n  );\n\n  // remove previous styles\n  removeInsertPositionIndicator(lastStyledCells);\n  // hide resize handles so they don't overlap the indicators\n  const resizeHandles = getResizeHandles(virtualizationContainer);\n  for (const resizeHandle of resizeHandles) {\n    resizeHandle.style.display = 'none';\n  }\n\n  // add indicator after element\n  addPositionIndicatorStyle(overCell, position);\n  lastStyledCells.add(overCell);\n\n  // add indicator also to child column if there is one\n  if (overChildColumnCell) {\n    addPositionIndicatorStyle(overChildColumnCell, position);\n    lastStyledCells.add(overChildColumnCell);\n  }\n}\n\nfunction addPositionIndicatorStyle(\n  elem: HTMLElement,\n  position: 'left' | 'right',\n): void {\n  elem.classList.add(\n    styles.insertPositionIndicator.classNames.base,\n    styles.insertPositionIndicator.classNames.variants.left[\n      position === 'left' ? 'true' : 'false'\n    ],\n  );\n}\n\n/**\n * Removes the insert position indicator from the specified cells.\n */\nfunction removeInsertPositionIndicator(\n  cells: Set<HTMLElement>,\n  virtualizationContainer: HTMLDivElement | undefined = undefined,\n  displayResizeHandles: boolean = false,\n): void {\n  if (cells.size <= 0) {\n    return;\n  }\n\n  if (displayResizeHandles && virtualizationContainer) {\n    const resizeHandles = getResizeHandles(virtualizationContainer);\n    for (const resizeHandle of resizeHandles) {\n      resizeHandle.style.removeProperty('display');\n    }\n  }\n\n  for (const cell of cells) {\n    cell.classList.remove(\n      styles.insertPositionIndicator.classNames.base,\n      styles.insertPositionIndicator.classNames.variants.left.true,\n      styles.insertPositionIndicator.classNames.variants.left.false,\n    );\n    lastStyledCells.delete(cell);\n  }\n}\n\n/**\n * Gets all cells with the given column id.\n * @param virtualizationContainer - The table's virtualization container.\n * @param columnId - id of the column (matches against `data-columnid`).\n * @returns matching cells.\n */\nfunction getHeaderCell(\n  virtualizationContainer: HTMLDivElement,\n  columnId?: string,\n): HTMLElement | null {\n  if (columnId === undefined) {\n    return null;\n  }\n\n  return virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-headerid=${CSS.escape(\n      columnId,\n    )}], [role='columnheader'][data-columnid=\"${CSS.escape(columnId)}\"]`,\n  );\n}\n\n/**\n * Gets all resize handles in the table.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns matching elements.\n */\nfunction getResizeHandles(\n  virtualizationContainer: HTMLDivElement,\n): HTMLElement[] {\n  const resizeHandles = virtualizationContainer.querySelectorAll<HTMLElement>(\n    '[data-trigger=\"resize\"]',\n  );\n  return Array.from(resizeHandles);\n}\n\n//#endregion PositionIndicator\n\n//#region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectX(pointX: number, rect: ClientRect): boolean {\n  return rect.left <= pointX && pointX <= rect.right;\n}\n\n/**\n * Custom collision detection algorithm for column order drag and drop.\n * Determines the closest droppable target within the X-axis based on the dragging direction.\n *\n * @param param0 - Object containing the droppable containers, the droppable rects, the collision rect and\n *                 the active element, which are needed for the collision detection.\n * @returns An array of collision descriptors, sorted by the distance to the dragged column, or an empty array if none is found.\n */\nconst closestTargetWithinX: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  active,\n  collisionRect,\n}): CollisionDescriptor[] => {\n  const initialRect = active.rect.current.initial;\n\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying column widths, depending on the dragging direction\n  // we take either the left or the right of the dragged column to check for collisions\n  // (minus a small offset, so the columns have to overlap a bit, before they would be swapped)\n  const isDraggingLeft = collisionRect.left < initialRect.left;\n  // min column width is 30px, to ensure the offset is in the left/right half: 30 / 2 - 1 = 14\n  const collisionRectX = isDraggingLeft\n    ? collisionRect.left + COLUMN_DND_COLLISION_OFFSET\n    : collisionRect.right - COLUMN_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id } = droppableContainer;\n    const rect = droppableRects.get(id);\n\n    if (rect === undefined) {\n      continue;\n    }\n\n    if (isPointWithinRectX(collisionRectX, rect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer, value: 0 },\n        },\n      ];\n    }\n\n    // in case the dragged column's collisionRectX is not directly within any of the droppable containers\n    // (e.g. when dragging over the scrollbar) we need to find the closest one. Therefore, we calculate\n    // the distance between the droppable container's top/bottom and the collisionRectX coordinate.\n    const droppableContainerX = isDraggingLeft ? rect.left : rect.right;\n    const distance = Math.abs(collisionRectX - droppableContainerX);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.sort((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Custom collision detection function that filters droppable containers based on the type of column being dragged,\n * and then applies the custom closestCenterWithinX algorithm on the filtered targets.\n *\n * @param active - The actively dragged item.\n * @param droppableContainers - The list of all droppable containers.\n * @param rest - Additional collision detection parameters.\n * @internal\n */\nexport const customCollisionDetection: CollisionDetection = ({\n  active,\n  droppableContainers,\n  ...rest\n}): CollisionDescriptor[] => {\n  if (active.data.current === undefined) {\n    return [];\n  }\n\n  const activeParentColumnId = active.data.current?.column?.parent?.id;\n  let validTargets: DroppableContainer[];\n\n  // Filter droppable containers based on the type of column being dragged\n  if (activeParentColumnId === undefined) {\n    // Filter out child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetIsChildColumn =\n        target.data.current?.column?.parent !== undefined;\n      return !targetIsChildColumn;\n    });\n  } else {\n    // Only consider sibling child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetParentColumnId = target.data.current?.column?.parent?.id;\n      return targetParentColumnId === activeParentColumnId; // Only siblings are valid\n    });\n  }\n\n  // Filter builtin, pinned columns, and pinned parent header fragments, as they are not valid drop targets.\n  // When a parent column has some children pinned, tanstack-table creates separate header objects\n  // per pinning group (e.g. \"right_0_col-0_col-0-c\"). These fragments should not be valid drop targets.\n  validTargets = validTargets.filter((target) => {\n    const id = String(target.id);\n    if (id.startsWith('left_') || id.startsWith('right_')) {\n      return false;\n    }\n\n    const column = target.data.current?.column as\n      | Column<TDataTableFeatures, RowData>\n      | undefined;\n\n    if (!column) {\n      return false;\n    }\n\n    if (column.columnDef.meta?.builtin === true) {\n      return false;\n    }\n\n    // A parent column that still has unpinned children is a valid drop target\n    const childColumns = column?.columns ?? [];\n    if (childColumns.length > 0) {\n      return childColumns.some((child) => !child.getIsPinned());\n    }\n\n    return !column.getIsPinned();\n  });\n\n  // Apply closestCenterWithinX on filtered targets and cast to the expected type\n  return closestTargetWithinX({\n    active,\n    droppableContainers: validTargets,\n    ...rest,\n  }) as CollisionDescriptor[];\n};\n//#endregion CollisionDetection\n\n//#region Modifiers\n/**\n * Retrieves the left and right bounds of a column header.\n *\n * @param columnId -\n * @param virtualizationContainer - table's virtualization container.\n * @param rowIndex - Header row to query. Defaults to 0 (parent header).\n * @param centerOnly - Exclude pinned headers if true. Relevant for parents whose children span\n * multiple pinning groups, where we only need the center fragment's bounds.\n */\nfunction getHeaderBounds(\n  columnId: string,\n  virtualizationContainer: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n  centerOnly: boolean = false,\n): {\n  left?: number;\n  right?: number;\n  height?: number;\n} {\n  const element = virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-header-row=\"${rowIndex}\"][data-columnId=${CSS.escape(\n      columnId,\n    )}]${centerOnly ? unpinnedHeaderFilter : ''}`,\n  );\n\n  if (element) {\n    const { left, right, height } = element.getBoundingClientRect();\n    return { left, right, height };\n  }\n\n  return {\n    left: undefined,\n    right: undefined,\n    height: undefined,\n  };\n}\n\n/**\n * Get table bounds based on table variant, header height and virtualization container\n * @returns A custom dnd kit modifier.\n */\nconst getTableBounds = (\n  containedVariant: boolean,\n  virtualizationContainer: HTMLDivElement,\n  totalHeaderHeight: number,\n): {\n  left?: number;\n  right?: number;\n  top?: number;\n  bottom?: number;\n} => {\n  const parentRect = virtualizationContainer.getBoundingClientRect();\n\n  return {\n    left: containedVariant\n      ? parentRect.left + getDataTableBorderWidth()\n      : parentRect.left,\n    right: containedVariant\n      ? parentRect.right - getDataTableBorderWidth()\n      : parentRect.right,\n    top: containedVariant\n      ? parentRect.top + getDataTableBorderWidth()\n      : parentRect.top,\n    bottom: parentRect.bottom - totalHeaderHeight,\n  };\n};\n\n/**\n * Retrieves the left and right bounds of the draggable area, constrained by any pinned columns\n * @internal\n */\nexport function getDraggableAreaBounds(\n  pinnedColumns: ColumnPinningState,\n  virtualizationContainer?: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n): { left: number | undefined; right: number | undefined } {\n  let left: number | undefined;\n  let right: number | undefined;\n\n  const leftPinnedColumns = pinnedColumns.left;\n  const rightPinnedColumns = pinnedColumns.right;\n\n  if (virtualizationContainer) {\n    if (leftPinnedColumns?.length) {\n      const lastLeftPinnedColumn =\n        leftPinnedColumns[leftPinnedColumns.length - 1];\n\n      // left bound should be the right position of the last column pinned to the left\n      left = getHeaderBounds(\n        lastLeftPinnedColumn,\n        virtualizationContainer,\n        rowIndex,\n      ).right;\n    }\n\n    // right bound should be the left position of the first column pinned to the right\n    if (rightPinnedColumns?.length) {\n      right = getHeaderBounds(\n        rightPinnedColumns[0],\n        virtualizationContainer,\n        rowIndex,\n      ).left;\n    }\n  }\n\n  return { left, right };\n}\n\n/**\n * Gets the header element that is being dragged.\n * @internal\n */\nexport function getDraggedHeaderElement(\n  headerId: string,\n  virtualizationContainer?: HTMLDivElement,\n): {\n  headerGroupElement: Element | null;\n  draggedHeaderElement: Element | null | undefined;\n} {\n  if (!virtualizationContainer) {\n    return { headerGroupElement: null, draggedHeaderElement: null };\n  }\n\n  const headerGroupElement =\n    virtualizationContainer.querySelector('[role=\"rowgroup\"]');\n\n  const draggedHeaderElement = headerGroupElement?.querySelector(\n    `[data-headerid=\"${CSS.escape(headerId)}\"]`,\n  );\n\n  return { headerGroupElement, draggedHeaderElement };\n}\n\n/**\n * Restricts the horizontal movement of an element within the specified bounds.\n *\n * @param transform - Transform values of the currently dragged element\n * @param rect - The bounding rectangle of the element being transformed.\n * @param tableBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted x value.\n * @internal\n */\nexport function restrictToTableBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  tableBounds: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  // horizontal restriction (only apply if bound is defined)\n  if (typeof tableBounds.left === 'number') {\n    if (rect.left + transform.x <= tableBounds.left) {\n      value.x = tableBounds.left - rect.left;\n    }\n  }\n\n  if (typeof tableBounds.right === 'number') {\n    if (rect.right + transform.x >= tableBounds.right) {\n      value.x = tableBounds.right - rect.right;\n    }\n  }\n\n  // vertical restriction (only apply if bound is defined)\n  if (typeof tableBounds.top === 'number') {\n    if (rect.top + transform.y <= tableBounds.top) {\n      value.y = tableBounds.top - rect.top;\n    }\n  }\n\n  if (typeof tableBounds.bottom === 'number') {\n    if (rect.bottom + transform.y >= tableBounds.bottom) {\n      value.y = tableBounds.bottom - rect.bottom;\n    }\n  }\n\n  return value;\n}\n\n/**\n * Creates a custom modifier to restrict drag and drop for column ordering.\n * This function ensures that columns cannot be dragged outside the table container,\n * and that child columns cannot be dragged past their parent.\n * If the dragging element would be moved past the desired bounds, the movement\n * coordinates will be manually adjusted accordingly.\n *\n * @param totalHeaderHeight - The height of the table header that is subtracted from the table height.\n * @param containedVariant - Whether the table has the `contained` variant set.\n * @param pinnedColumns - pinned columns state.\n * @param hasSubHeaders - Whether the table has nested columns.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns A custom dnd kit modifier.\n * @internal\n */\nexport const createRestrictColumnDragAndDrop = (\n  totalHeaderHeight: number,\n  containedVariant: boolean,\n  pinnedColumns: ColumnPinningState,\n  hasSubHeaders: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier => {\n  return ({ transform, active, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    const activeColumnParentId = active?.data.current?.column?.parent?.id;\n    const hasChildColumns =\n      activeColumnParentId === undefined &&\n      active?.data.current?.column?.columns.length > 0;\n    const isChildColumn = activeColumnParentId !== undefined;\n    const hasPinnedColumns = !!(\n      pinnedColumns.left?.length ?? pinnedColumns.right?.length\n    );\n    const headerRowIndex = hasSubHeaders ? 1 : 0;\n\n    const tableBounds = getTableBounds(\n      containedVariant,\n      virtualizationContainer,\n      totalHeaderHeight,\n    );\n\n    let leftPinnedAreaBound: number | undefined,\n      rightPinnedAreaBound: number | undefined;\n\n    if (hasPinnedColumns) {\n      const { left, right } = getDraggableAreaBounds(\n        pinnedColumns,\n        virtualizationContainer,\n        headerRowIndex,\n      );\n\n      leftPinnedAreaBound = left;\n      rightPinnedAreaBound = right;\n      tableBounds.left = left ?? tableBounds.left;\n      tableBounds.right = right ?? tableBounds.right;\n    }\n\n    /**\n     * Update table bounds for parent/nested columns\n     */\n    const updateTableBounds = (\n      left?: number,\n      right?: number,\n      height?: number,\n    ): void => {\n      // This check is necessary because the height of nested headers is smaller than the total header height\n      if (height !== undefined && tableBounds) {\n        const horizontalDividerHeight = hasChildColumns\n          ? DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT\n          : 0;\n        // Ensure bottom is defined before incrementing to satisfy TypeScript\n        tableBounds.bottom =\n          (tableBounds.bottom ?? 0) + height + horizontalDividerHeight;\n      }\n\n      if (isChildColumn && left !== undefined && right !== undefined) {\n        tableBounds.left = Math.max(left, leftPinnedAreaBound ?? left);\n        tableBounds.right = Math.min(right, rightPinnedAreaBound ?? right);\n      }\n    };\n\n    // If this is a parent or child column, the vertical/horizontal bounds need to be adjusted\n    if (hasChildColumns || isChildColumn) {\n      const activeColumnId = active?.data.current?.column?.id;\n      const columnIdForMeasuringHeaderBounds = hasChildColumns\n        ? activeColumnId\n        : activeColumnParentId;\n\n      const { left, right, height } = getHeaderBounds(\n        columnIdForMeasuringHeaderBounds,\n        virtualizationContainer,\n        0,\n        isChildColumn && hasPinnedColumns,\n      );\n\n      // If this is a parent or child column, vertical dragging should be restricted to the bottom of the table.\n      // for child columns, horizontal dragging should be restricted to the parent header\n      updateTableBounds(left, right, height);\n    }\n\n    return restrictToTableBounds(transform, draggingNodeRect, tableBounds);\n  };\n};\n//#endregion Modifiers\n"],
-  "mappings": "AAmBA,OAAO,cAAc;AAErB,YAAY,YAAY;AACxB,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,MAAM,uBACX;AAEK,MAAM,wBAAwB;AAErC,MAAM,8BAA8B,sCAAsC,IAAI;AAE9E,MAAM,8BAA8B;AAEpC,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB;AAUlB,SAAS,aACd,WACA,YACS;AACT,QAAM,cAAc,YAAY,QAAQ,CAAC,EAAE;AAC3C,MAAI,gBAAgB,QAAW;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,aAAa,UAAU,QAAQ,CAAC,EAAE;AACxC,SAAO,KAAK,IAAI,aAAa,WAAW,IAAI;AAC9C;AAWO,SAAS,2BAA2B,QAKlC;AACP,QAAM,EAAE,QAAQ,MAAM,wBAAwB,IAAI;AAClD,MACE,SAAS,QACT,OAAO,KAAK,YAAY,UACxB,KAAK,KAAK,YAAY,UACtB,4BAA4B,QAC5B;AACA;AAAA,EACF;AAEA,QAAM,eAAe,OAAO,KAAK,QAAQ;AAIzC,QAAM,uBAAuB,aAAa,QAAQ,IAAI,CAAC,UAAU,MAAM,EAAE;AACzE,QAAM,0BAA0B,qBAAqB;AACrD,QAAM,uBAAuB,aAAa,QAAQ;AAElD,QAAM,aAAa,KAAK,KAAK,QAAQ;AAIrC,QAAM,qBAAqB,KAAK,KAAK,SAAS,QAAQ,QAAQ;AAC9D,QAAM,qBAAqB,WAAW,QAAQ,IAAI,CAAC,UAAU,MAAM,EAAE;AACrE,QAAM,wBAAwB,mBAAmB;AAGjD,MAAI,yBAAyB,oBAAoB;AAC/C,UAAM,cAAc,OAAO,MAAM,MAAM,aAAa,IAAI,KAAK,CAAC;AAC9D,UAAM,YAAY,KAAK,IAAI,yBAAyB,CAAC;AAGrD,UAAM,oBAAoB,YAAY,UAAU,CAAC,aAAa;AAC5D,YAAM,KACJ,4BAA4B,IACxB,aAAa;AAAA;AAAA,QAEb,aAAa,eAAe,EAAE,CAAC,EAAE;AAAA;AAEvC,aAAO,aAAa;AAAA,IACtB,CAAC;AACD,UAAM,kBAAkB,YAAY,UAAU,CAAC,aAAa;AAC1D,YAAM,KACJ,0BAA0B,IACtB,WAAW;AAAA;AAAA,QAEX,WAAW,eAAe,EAAE,CAAC,EAAE;AAAA;AACrC,aAAO,aAAa;AAAA,IACtB,CAAC;AAGD,UAAM,iBAAiB,CAAC,GAAG,WAAW;AACtC,UAAM,eAAe,eAAe,OAAO,mBAAmB,SAAS;AAEvE,UAAM,UACJ,kBAAkB,oBACd,mBAAmB,YAAY,KAC/B;AAEN,mBAAe,OAAO,SAAS,GAAG,GAAG,YAAY;AACjD,WAAO,MAAM,eAAe,cAAc;AAAA,EAC5C;AAEA,SAAO,MAAM,uBAAuB,IAAI;AACxC,gCAA8B,iBAAiB,yBAAyB,IAAI;AAC9E;AAUO,MAAM,uBAAuB,CAAC,oBAAoC;AACvE,SAAO,KAAK;AAAA,IACV,mBACG,KAAK,IAAI,iBAAiB,qBAAqB,IAC9C,yBACC,mBAAmB;AAAA,EAC1B;AACF;AAcO,MAAM,0BAA0B,CACrC,UACA,OACA,QACA,2BAImB;AACnB,QAAM,cAAc,SAAS,cAAc,KAAK;AAChD,cAAY,MAAM,WAAW;AAC7B,cAAY,MAAM,QAAQ,GAAG,KAAK;AAClC,cAAY,MAAM,SAAS,GAAG,MAAM;AAEpC,MAAI,wBAAwB;AAC1B,UAAM,EAAE,gBAAgB,aAAa,IAAI;AACzC,gBAAY,UAAU,IAAI,OAAO,gBAAgB;AACjD,gBAAY,MAAM;AAAA,MAChB;AAAA,MACA,CAAC,kBAAkB,iBAAiB,IAChC,GAAG,YAAY,OACf,SAAS;AAAA,IACf;AAAA,EACF;AAEA,SAAO;AACT;AAMA,MAAM,kBAAkB,oBAAI,IAAiB;AAStC,SAAS,uBAGd,OAAsB,yBAAgD;AACtE,MAAI,4BAA4B,UAAa,CAAC,MAAM,UAAU,CAAC,MAAM,MAAM;AACzE;AAAA,EACF;AAEA,QAAM,oBAAoB,MAAM,OAAO,KAAK,SAAS;AACrD,QAAM,eAAe,MAAM,KAAK;AAChC,QAAM,kBAAkB,MAAM,KAAK,KAAK,SAAS;AAIjD,QAAM,sBACJ,MAAM,KAAK,KAAK,SAAS,QAExB,sBAAsB,EACtB;AAAA,IACC,CAAC,UACC,CACE,MACA,YAAY;AAAA,EAClB;AACF,QAAM,mBAAmB,mBAAmB,GAAG,CAAC,GAAG;AACnD,QAAM,kBAAkB,mBAAmB,GAAG,EAAE,GAAG;AAEnD,MAAI,oBAAoB,iBAAiB;AAEvC,UAAM,oBACJ,oBAAoB,eAAe,kBAAkB;AACvD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,WAAW,oBAAoB,iBAAiB;AAE9C,UAAM,oBACJ,qBAAqB,eAAe,mBAAmB;AACzD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,OAAO;AACL,kCAA8B,eAAe;AAAA,EAC/C;AACF;AAKA,SAAS,8BACP,yBACA,UACA,eACA,UACM;AACN,QAAM,WAAW,cAAc,yBAAyB,QAAQ;AAChE,MAAI,aAAa,MAAM;AACrB;AAAA,EACF;AAEA,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA;AAAA,EACF;AAGA,gCAA8B,eAAe;AAE7C,QAAM,gBAAgB,iBAAiB,uBAAuB;AAC9D,aAAW,gBAAgB,eAAe;AACxC,iBAAa,MAAM,UAAU;AAAA,EAC/B;AAGA,4BAA0B,UAAU,QAAQ;AAC5C,kBAAgB,IAAI,QAAQ;AAG5B,MAAI,qBAAqB;AACvB,8BAA0B,qBAAqB,QAAQ;AACvD,oBAAgB,IAAI,mBAAmB;AAAA,EACzC;AACF;AAEA,SAAS,0BACP,MACA,UACM;AACN,OAAK,UAAU;AAAA,IACb,OAAO,wBAAwB,WAAW;AAAA,IAC1C,OAAO,wBAAwB,WAAW,SAAS,KACjD,aAAa,SAAS,SAAS,OACjC;AAAA,EACF;AACF;AAKA,SAAS,8BACP,OACA,0BAAsD,QACtD,uBAAgC,OAC1B;AACN,MAAI,MAAM,QAAQ,GAAG;AACnB;AAAA,EACF;AAEA,MAAI,wBAAwB,yBAAyB;AACnD,UAAM,gBAAgB,iBAAiB,uBAAuB;AAC9D,eAAW,gBAAgB,eAAe;AACxC,mBAAa,MAAM,eAAe,SAAS;AAAA,IAC7C;AAAA,EACF;AAEA,aAAW,QAAQ,OAAO;AACxB,SAAK,UAAU;AAAA,MACb,OAAO,wBAAwB,WAAW;AAAA,MAC1C,OAAO,wBAAwB,WAAW,SAAS,KAAK;AAAA,MACxD,OAAO,wBAAwB,WAAW,SAAS,KAAK;AAAA,IAC1D;AACA,oBAAgB,OAAO,IAAI;AAAA,EAC7B;AACF;AAQA,SAAS,cACP,yBACA,UACoB;AACpB,MAAI,aAAa,QAAW;AAC1B,WAAO;AAAA,EACT;AAEA,SAAO,wBAAwB;AAAA,IAC7B,uCAAuC,IAAI;AAAA,MACzC;AAAA,IACF,CAAC,2CAA2C,IAAI,OAAO,QAAQ,CAAC;AAAA,EAClE;AACF;AAOA,SAAS,iBACP,yBACe;AACf,QAAM,gBAAgB,wBAAwB;AAAA,IAC5C;AAAA,EACF;AACA,SAAO,MAAM,KAAK,aAAa;AACjC;AAQA,SAAS,mBAAmB,QAAgB,MAA2B;AACrE,SAAO,KAAK,QAAQ,UAAU,UAAU,KAAK;AAC/C;AAUA,MAAM,uBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,cAAc,OAAO,KAAK,QAAQ;AAExC,MAAI,gBAAgB,MAAM;AACxB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,aAAoC,CAAC;AAK3C,QAAM,iBAAiB,cAAc,OAAO,YAAY;AAExD,QAAM,iBAAiB,iBACnB,cAAc,OAAO,8BACrB,cAAc,QAAQ;AAE1B,aAAW,sBAAsB,qBAAqB;AACpD,UAAM,EAAE,GAAG,IAAI;AACf,UAAM,OAAO,eAAe,IAAI,EAAE;AAElC,QAAI,SAAS,QAAW;AACtB;AAAA,IACF;AAEA,QAAI,mBAAmB,gBAAgB,IAAI,GAAG;AAE5C,aAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,MAAM,EAAE,oBAAoB,OAAO,EAAE;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAKA,UAAM,sBAAsB,iBAAiB,KAAK,OAAO,KAAK;AAC9D,UAAM,WAAW,KAAK,IAAI,iBAAiB,mBAAmB;AAC9D,eAAW,KAAK,EAAE,IAAI,MAAM,EAAE,oBAAoB,OAAO,SAAS,EAAE,CAAC;AAAA,EACvE;AAEA,SAAO,WAAW,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,QAAQ,EAAE,KAAK,KAAK;AAC9D;AAWO,MAAM,2BAA+C,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,MAAI,OAAO,KAAK,YAAY,QAAW;AACrC,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,uBAAuB,OAAO,KAAK,SAAS,QAAQ,QAAQ;AAClE,MAAI;AAGJ,MAAI,yBAAyB,QAAW;AAEtC,mBAAe,oBAAoB,OAAO,CAAC,WAAW;AACpD,YAAM,sBACJ,OAAO,KAAK,SAAS,QAAQ,WAAW;AAC1C,aAAO,CAAC;AAAA,IACV,CAAC;AAAA,EACH,OAAO;AAEL,mBAAe,oBAAoB,OAAO,CAAC,WAAW;AACpD,YAAM,uBAAuB,OAAO,KAAK,SAAS,QAAQ,QAAQ;AAClE,aAAO,yBAAyB;AAAA,IAClC,CAAC;AAAA,EACH;AAKA,iBAAe,aAAa,OAAO,CAAC,WAAW;AAC7C,UAAM,KAAK,OAAO,OAAO,EAAE;AAC3B,QAAI,GAAG,WAAW,OAAO,KAAK,GAAG,WAAW,QAAQ,GAAG;AACrD,aAAO;AAAA,IACT;AAEA,UAAM,SAAS,OAAO,KAAK,SAAS;AAIpC,QAAI,CAAC,QAAQ;AACX,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,UAAU,MAAM,YAAY,MAAM;AAC3C,aAAO;AAAA,IACT;AAGA,UAAM,eAAe,QAAQ,WAAW,CAAC;AACzC,QAAI,aAAa,SAAS,GAAG;AAC3B,aAAO,aAAa,KAAK,CAAC,UAAU,CAAC,MAAM,YAAY,CAAC;AAAA,IAC1D;AAEA,WAAO,CAAC,OAAO,YAAY;AAAA,EAC7B,CAAC;AAGD,SAAO,qBAAqB;AAAA,IAC1B;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,CAAC;AACH;AAaA,SAAS,gBACP,UACA,yBACA,WAAkB,GAClB,aAAsB,OAKtB;AACA,QAAM,UAAU,wBAAwB;AAAA,IACtC,0CAA0C,QAAQ,oBAAoB,IAAI;AAAA,MACxE;AAAA,IACF,CAAC,IAAI,aAAa,uBAAuB,EAAE;AAAA,EAC7C;AAEA,MAAI,SAAS;AACX,UAAM,EAAE,MAAM,OAAO,OAAO,IAAI,QAAQ,sBAAsB;AAC9D,WAAO,EAAE,MAAM,OAAO,OAAO;AAAA,EAC/B;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAMA,MAAM,iBAAiB,CACrB,kBACA,yBACA,sBAMG;AACH,QAAM,aAAa,wBAAwB,sBAAsB;AAEjE,SAAO;AAAA,IACL,MAAM,mBACF,WAAW,OAAO,wBAAwB,IAC1C,WAAW;AAAA,IACf,OAAO,mBACH,WAAW,QAAQ,wBAAwB,IAC3C,WAAW;AAAA,IACf,KAAK,mBACD,WAAW,MAAM,wBAAwB,IACzC,WAAW;AAAA,IACf,QAAQ,WAAW,SAAS;AAAA,EAC9B;AACF;AAMO,SAAS,uBACd,eACA,yBACA,WAAkB,GACuC;AACzD,MAAI;AACJ,MAAI;AAEJ,QAAM,oBAAoB,cAAc;AACxC,QAAM,qBAAqB,cAAc;AAEzC,MAAI,yBAAyB;AAC3B,QAAI,mBAAmB,QAAQ;AAC7B,YAAM,uBACJ,kBAAkB,kBAAkB,SAAS,CAAC;AAGhD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE;AAAA,IACJ;AAGA,QAAI,oBAAoB,QAAQ;AAC9B,cAAQ;AAAA,QACN,mBAAmB,CAAC;AAAA,QACpB;AAAA,QACA;AAAA,MACF,EAAE;AAAA,IACJ;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,MAAM;AACvB;AAMO,SAAS,wBACd,UACA,yBAIA;AACA,MAAI,CAAC,yBAAyB;AAC5B,WAAO,EAAE,oBAAoB,MAAM,sBAAsB,KAAK;AAAA,EAChE;AAEA,QAAM,qBACJ,wBAAwB,cAAc,mBAAmB;AAE3D,QAAM,uBAAuB,oBAAoB;AAAA,IAC/C,mBAAmB,IAAI,OAAO,QAAQ,CAAC;AAAA,EACzC;AAEA,SAAO,EAAE,oBAAoB,qBAAqB;AACpD;AAWO,SAAS,sBACd,WACA,MACA,aAMsB;AACtB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAGA,MAAI,OAAO,YAAY,SAAS,UAAU;AACxC,QAAI,KAAK,OAAO,UAAU,KAAK,YAAY,MAAM;AAC/C,YAAM,IAAI,YAAY,OAAO,KAAK;AAAA,IACpC;AAAA,EACF;AAEA,MAAI,OAAO,YAAY,UAAU,UAAU;AACzC,QAAI,KAAK,QAAQ,UAAU,KAAK,YAAY,OAAO;AACjD,YAAM,IAAI,YAAY,QAAQ,KAAK;AAAA,IACrC;AAAA,EACF;AAGA,MAAI,OAAO,YAAY,QAAQ,UAAU;AACvC,QAAI,KAAK,MAAM,UAAU,KAAK,YAAY,KAAK;AAC7C,YAAM,IAAI,YAAY,MAAM,KAAK;AAAA,IACnC;AAAA,EACF;AAEA,MAAI,OAAO,YAAY,WAAW,UAAU;AAC1C,QAAI,KAAK,SAAS,UAAU,KAAK,YAAY,QAAQ;AACnD,YAAM,IAAI,YAAY,SAAS,KAAK;AAAA,IACtC;AAAA,EACF;AAEA,SAAO;AACT;AAiBO,MAAM,kCAAkC,CAC7C,mBACA,kBACA,eACA,eACA,4BACa;AACb,SAAO,CAAC,EAAE,WAAW,QAAQ,iBAAiB,MAAM;AAClD,QAAI,CAAC,oBAAoB,4BAA4B,QAAW;AAC9D,aAAO;AAAA,IACT;AAEA,UAAM,uBAAuB,QAAQ,KAAK,SAAS,QAAQ,QAAQ;AACnE,UAAM,kBACJ,yBAAyB,UACzB,QAAQ,KAAK,SAAS,QAAQ,QAAQ,SAAS;AACjD,UAAM,gBAAgB,yBAAyB;AAC/C,UAAM,mBAAmB,CAAC,EACxB,cAAc,MAAM,UAAU,cAAc,OAAO;AAErD,UAAM,iBAAiB,gBAAgB,IAAI;AAE3C,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,qBACF;AAEF,QAAI,kBAAkB;AACpB,YAAM,EAAE,MAAM,MAAM,IAAI;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,4BAAsB;AACtB,6BAAuB;AACvB,kBAAY,OAAO,QAAQ,YAAY;AACvC,kBAAY,QAAQ,SAAS,YAAY;AAAA,IAC3C;AAKA,UAAM,oBAAoB,CACxB,MACA,OACA,WACS;AAET,UAAI,WAAW,UAAa,aAAa;AACvC,cAAM,0BAA0B,kBAC5B,uCACA;AAEJ,oBAAY,UACT,YAAY,UAAU,KAAK,SAAS;AAAA,MACzC;AAEA,UAAI,iBAAiB,SAAS,UAAa,UAAU,QAAW;AAC9D,oBAAY,OAAO,KAAK,IAAI,MAAM,uBAAuB,IAAI;AAC7D,oBAAY,QAAQ,KAAK,IAAI,OAAO,wBAAwB,KAAK;AAAA,MACnE;AAAA,IACF;AAGA,QAAI,mBAAmB,eAAe;AACpC,YAAM,iBAAiB,QAAQ,KAAK,SAAS,QAAQ;AACrD,YAAM,mCAAmC,kBACrC,iBACA;AAEJ,YAAM,EAAE,MAAM,OAAO,OAAO,IAAI;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,MACnB;AAIA,wBAAkB,MAAM,OAAO,MAAM;AAAA,IACvC;AAEA,WAAO,sBAAsB,WAAW,kBAAkB,WAAW;AAAA,EACvE;AACF;",
+  "sourcesContent": ["import {\n  type Active,\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type DroppableContainer,\n  type Modifier,\n  type Over,\n} from '@dnd-kit/core';\nimport type {\n  ColumnPinningState,\n  TableFeatures,\n  Column,\n  RowData,\n  ReactTable,\n} from '@tanstack/react-table';\nimport { TouchEvent } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport * as styles from './ColumnOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n  DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT,\n} from '../../constants.js';\nimport type { DragAndDropTransform } from '../types/dnd.types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n//#region DragAndDrop\n\n// DOM Query for filtering out pinned parent headers\nexport const unpinnedHeaderFilter =\n  ':not([data-headerid*=\"left\"]):not([data-headerid*=\"right\"])';\n// Pixels from the scroll boundary at which custom auto-scroll begins.\nexport const SCROLL_PROXIMITY_ZONE = 10;\n/** Offset for column drag-and-drop collision detection (px). */\nconst COLUMN_DND_COLLISION_OFFSET = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH / 2 - 1;\n/** Number of pixels above which a touch move event is considered a drag motion. */\nconst TOUCH_DRAG_MOTION_THRESHOLD = 5;\n// Min custom scroll speed (px/frame) applied at the edge of the proximity zone. Start slow, then speed up to max scroll speed.\nconst MIN_SCROLL_SPEED = 3;\n// Max custom scroll speed (px/frame) applied when fully past the boundary. 15 feels smooth, anything above feels too fast and anything below feels too slow.\nconst MAX_SCROLL_SPEED = 15;\n\n/**\n * Determines if the touch interaction is a drag motion.\n *\n * @param touchMove - The current touch move event.\n * @param touchStart - The preceding touch start event.\n * @returns A boolean indicating whether the touch move event is considered a drag motion.\n * @internal\n */\nexport function isDragMotion(\n  touchMove: TouchEvent,\n  touchStart?: TouchEvent,\n): boolean {\n  const touchStartX = touchStart?.touches[0].clientX;\n  if (touchStartX === undefined) {\n    return false;\n  }\n  const touchMoveX = touchMove.touches[0].clientX;\n  return Math.abs(touchMoveX - touchStartX) > TOUCH_DRAG_MOTION_THRESHOLD;\n}\n\n/**\n * Updates the column order state based on the active and over columns.\n *\n * @param active - The actively dragged item.\n * @param over - The droppable item which the active item is currently dragged over.\n * @param table - The table instance.\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function updateColumnOrderOnDragEnd(config: {\n  active: Active;\n  over: Over | null;\n  table: ReactTable<TDataTableFeatures, RowData>;\n  virtualizationContainer?: HTMLDivElement;\n}): void {\n  const { active, over, virtualizationContainer } = config;\n\n  // Always reset drag state, even when there is no valid drop target (e.g. rapid click-release).\n  config.table.setDraggedHeaderColumn(null);\n\n  if (\n    over === null ||\n    active.data.current === undefined ||\n    over.data.current === undefined ||\n    virtualizationContainer === undefined\n  ) {\n    return;\n  }\n\n  const activeColumn = active.data.current.column as Column<\n    TDataTableFeatures,\n    RowData\n  >;\n  const activeChildColumnIds = activeColumn.columns.map((child) => child.id);\n  const activeChildColumnsCount = activeChildColumnIds.length;\n  const activeParentColumnId = activeColumn.parent?.id;\n\n  const overColumn = over.data.current.column as Column<\n    TDataTableFeatures,\n    RowData\n  >;\n  const overParentColumnId = over.data.current?.column?.parent?.id;\n  const overChildColumnIds = overColumn.columns.map((child) => child.id);\n  const overChildColumnsCount = overChildColumnIds.length;\n\n  // move columns if both columns have the same parent or no parent\n  if (activeParentColumnId === overParentColumnId) {\n    const columnOrder = config.table.atoms.columnOrder?.get() ?? [];\n    const moveCount = Math.max(activeChildColumnsCount, 1);\n\n    // get the active and over columns' indexes in the unmodified column order to consider hidden columns during reordering\n    const activeColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        activeChildColumnsCount === 0\n          ? activeColumn.id\n          : // get the index of the first child column if the active column is a parent\n            activeColumn.getLeafColumns()[0].id;\n\n      return columnId === id;\n    });\n    const overColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        overChildColumnsCount === 0\n          ? overColumn.id\n          : // get the index of the first child column if the active column is a parent\n            overColumn.getLeafColumns()[0].id;\n      return columnId === id;\n    });\n\n    // update column order\n    const newColumnOrder = [...columnOrder];\n    const movedColumns = newColumnOrder.splice(activeColumnIndex, moveCount);\n    // if moving more than one column to the right, toIndex needs to be adjusted since more than one column were spliced from the array\n    const toIndex =\n      overColumnIndex > activeColumnIndex\n        ? overColumnIndex - (moveCount - 1)\n        : overColumnIndex;\n\n    newColumnOrder.splice(toIndex, 0, ...movedColumns);\n    config.table.setColumnOrder(newColumnOrder);\n  }\n\n  removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);\n}\n\n/**\n * Gets the speed for the custom auto scroll.\n *\n * @param scrollZoneDepth - the mouse pointer position when penetrating the area where auto scroll should kick in\n *\n * @returns scroll speed measured in pixels per frame, a number between MIN_SCROLL_SPEED and MAX_SCROLL_SPEED\n * @internal\n */\nexport const getCustomScrollSpeed = (scrollZoneDepth: number): number => {\n  return Math.round(\n    MIN_SCROLL_SPEED +\n      (Math.min(scrollZoneDepth, SCROLL_PROXIMITY_ZONE) /\n        SCROLL_PROXIMITY_ZONE) *\n        (MAX_SCROLL_SPEED - MIN_SCROLL_SPEED),\n  );\n};\n\n/**\n * Creates a temporary DOM element that is temporarily inserted into the header group\n * during a drag operation to preserve the CSS grid layout when the dragged header cell is portalled out\n * of its original position.\n *\n * @param gridArea - dragged element's position in the grid\n * @param width - dragged element's width\n * @param height - dragged element's height\n * @param verticalDividerOptions - optional config for the vertical divider styling on the placeholder\n *\n * @internal\n */\nexport const createHeaderPlaceholder = (\n  gridArea: string,\n  width: number,\n  height: number,\n  verticalDividerOptions?: {\n    isParentColumn: boolean;\n    heightOffset: number;\n  },\n): HTMLDivElement => {\n  const placeholder = document.createElement('div');\n  placeholder.style.gridArea = gridArea;\n  placeholder.style.width = `${width}px`;\n  placeholder.style.height = `${height}px`;\n\n  if (verticalDividerOptions) {\n    const { isParentColumn, heightOffset } = verticalDividerOptions;\n    placeholder.classList.add(styles.verticalDividers);\n    placeholder.style.setProperty(\n      DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n      !isParentColumn && heightOffset !== 0\n        ? `${heightOffset}px`\n        : Spacings.Size4,\n    );\n  }\n\n  return placeholder;\n};\n\n//#endregion DragAndDrop\n\n//#region PositionIndicator\n// save the cells that last received the indicator styles to be able to remove them again\nconst lastStyledCells = new Set<HTMLElement>();\n\n/**\n * Transforms columns left/right to make space for the column which is currently being dragged (\"active\" column).\n *\n * @param event - contains \"active\" (column being dragged) and \"over\" columns (column where the active column is currently dragged over).\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function indicateInsertPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(event: DragOverEvent, virtualizationContainer?: HTMLDivElement): void {\n  if (virtualizationContainer === undefined || !event.active || !event.over) {\n    return;\n  }\n\n  const activeColumnIndex = event.active.data.current?.columnIndex;\n  const overColumnId = event.over.id as string;\n  const overColumnIndex = event.over.data.current?.columnIndex;\n\n  // If the over column is a parent, we also need to render the indicator for the first/last unpinned child\n  // depending on whether the active column is moved left or right\n  const overColumnChildren = (\n    event.over.data.current?.column as Column<TFeatures, TData>\n  )\n    .getVisibleLeafColumns()\n    .filter(\n      (child) =>\n        !(\n          child as unknown as Column<TDataTableFeatures, RowData>\n        ).getIsPinned(),\n    );\n  const overFirstChildId = overColumnChildren.at(0)?.id;\n  const overLastChildId = overColumnChildren.at(-1)?.id;\n\n  if (activeColumnIndex < overColumnIndex) {\n    // move right\n    const overChildColumnId =\n      overLastChildId !== overColumnId ? overLastChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'right',\n    );\n  } else if (activeColumnIndex > overColumnIndex) {\n    // move left\n    const overChildColumnId =\n      overFirstChildId !== overColumnId ? overFirstChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'left',\n    );\n  } else {\n    removeInsertPositionIndicator(lastStyledCells);\n  }\n}\n\n/**\n * Renders an indicator at the position where the column will be inserted.\n */\nfunction renderInsertPositionIndicator(\n  virtualizationContainer: HTMLDivElement,\n  columnId: string,\n  childColumnId: string | undefined,\n  position: 'left' | 'right',\n): void {\n  const overCell = getHeaderCell(virtualizationContainer, columnId);\n  if (overCell === null) {\n    return;\n  }\n\n  const overChildColumnCell = getHeaderCell(\n    virtualizationContainer,\n    childColumnId,\n  );\n\n  // remove previous styles\n  removeInsertPositionIndicator(lastStyledCells);\n  // hide resize handles so they don't overlap the indicators\n  const resizeHandles = getResizeHandles(virtualizationContainer);\n  for (const resizeHandle of resizeHandles) {\n    resizeHandle.style.display = 'none';\n  }\n\n  // add indicator after element\n  addPositionIndicatorStyle(overCell, position);\n  lastStyledCells.add(overCell);\n\n  // add indicator also to child column if there is one\n  if (overChildColumnCell) {\n    addPositionIndicatorStyle(overChildColumnCell, position);\n    lastStyledCells.add(overChildColumnCell);\n  }\n}\n\nfunction addPositionIndicatorStyle(\n  elem: HTMLElement,\n  position: 'left' | 'right',\n): void {\n  elem.classList.add(\n    styles.insertPositionIndicator.classNames.base,\n    styles.insertPositionIndicator.classNames.variants.left[\n      position === 'left' ? 'true' : 'false'\n    ],\n  );\n}\n\n/**\n * Removes the insert position indicator from the specified cells.\n */\nfunction removeInsertPositionIndicator(\n  cells: Set<HTMLElement>,\n  virtualizationContainer: HTMLDivElement | undefined = undefined,\n  displayResizeHandles: boolean = false,\n): void {\n  if (cells.size <= 0) {\n    return;\n  }\n\n  if (displayResizeHandles && virtualizationContainer) {\n    const resizeHandles = getResizeHandles(virtualizationContainer);\n    for (const resizeHandle of resizeHandles) {\n      resizeHandle.style.removeProperty('display');\n    }\n  }\n\n  for (const cell of cells) {\n    cell.classList.remove(\n      styles.insertPositionIndicator.classNames.base,\n      styles.insertPositionIndicator.classNames.variants.left.true,\n      styles.insertPositionIndicator.classNames.variants.left.false,\n    );\n    lastStyledCells.delete(cell);\n  }\n}\n\n/**\n * Gets all cells with the given column id.\n * @param virtualizationContainer - The table's virtualization container.\n * @param columnId - id of the column (matches against `data-columnid`).\n * @returns matching cells.\n */\nfunction getHeaderCell(\n  virtualizationContainer: HTMLDivElement,\n  columnId?: string,\n): HTMLElement | null {\n  if (columnId === undefined) {\n    return null;\n  }\n\n  return virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-headerid=${CSS.escape(\n      columnId,\n    )}], [role='columnheader'][data-columnid=\"${CSS.escape(columnId)}\"]`,\n  );\n}\n\n/**\n * Gets all resize handles in the table.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns matching elements.\n */\nfunction getResizeHandles(\n  virtualizationContainer: HTMLDivElement,\n): HTMLElement[] {\n  const resizeHandles = virtualizationContainer.querySelectorAll<HTMLElement>(\n    '[data-trigger=\"resize\"]',\n  );\n  return Array.from(resizeHandles);\n}\n\n//#endregion PositionIndicator\n\n//#region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectX(pointX: number, rect: ClientRect): boolean {\n  return rect.left <= pointX && pointX <= rect.right;\n}\n\n/**\n * Custom collision detection algorithm for column order drag and drop.\n * Determines the closest droppable target within the X-axis based on the dragging direction.\n *\n * @param param0 - Object containing the droppable containers, the droppable rects, the collision rect and\n *                 the active element, which are needed for the collision detection.\n * @returns An array of collision descriptors, sorted by the distance to the dragged column, or an empty array if none is found.\n */\nconst closestTargetWithinX: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  active,\n  collisionRect,\n}): CollisionDescriptor[] => {\n  const initialRect = active.rect.current.initial;\n\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying column widths, depending on the dragging direction\n  // we take either the left or the right of the dragged column to check for collisions\n  // (minus a small offset, so the columns have to overlap a bit, before they would be swapped)\n  const isDraggingLeft = collisionRect.left < initialRect.left;\n  // min column width is 30px, to ensure the offset is in the left/right half: 30 / 2 - 1 = 14\n  const collisionRectX = isDraggingLeft\n    ? collisionRect.left + COLUMN_DND_COLLISION_OFFSET\n    : collisionRect.right - COLUMN_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id } = droppableContainer;\n    const rect = droppableRects.get(id);\n\n    if (rect === undefined) {\n      continue;\n    }\n\n    if (isPointWithinRectX(collisionRectX, rect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer, value: 0 },\n        },\n      ];\n    }\n\n    // in case the dragged column's collisionRectX is not directly within any of the droppable containers\n    // (e.g. when dragging over the scrollbar) we need to find the closest one. Therefore, we calculate\n    // the distance between the droppable container's top/bottom and the collisionRectX coordinate.\n    const droppableContainerX = isDraggingLeft ? rect.left : rect.right;\n    const distance = Math.abs(collisionRectX - droppableContainerX);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.sort((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Custom collision detection function that filters droppable containers based on the type of column being dragged,\n * and then applies the custom closestCenterWithinX algorithm on the filtered targets.\n *\n * @param active - The actively dragged item.\n * @param droppableContainers - The list of all droppable containers.\n * @param rest - Additional collision detection parameters.\n * @internal\n */\nexport const customCollisionDetection: CollisionDetection = ({\n  active,\n  droppableContainers,\n  ...rest\n}): CollisionDescriptor[] => {\n  if (active.data.current === undefined) {\n    return [];\n  }\n\n  const activeParentColumnId = active.data.current?.column?.parent?.id;\n  let validTargets: DroppableContainer[];\n\n  // Filter droppable containers based on the type of column being dragged\n  if (activeParentColumnId === undefined) {\n    // Filter out child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetIsChildColumn =\n        target.data.current?.column?.parent !== undefined;\n      return !targetIsChildColumn;\n    });\n  } else {\n    // Only consider sibling child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetParentColumnId = target.data.current?.column?.parent?.id;\n      return targetParentColumnId === activeParentColumnId; // Only siblings are valid\n    });\n  }\n\n  // Filter builtin, pinned columns, and pinned parent header fragments, as they are not valid drop targets.\n  // When a parent column has some children pinned, tanstack-table creates separate header objects\n  // per pinning group (e.g. \"right_0_col-0_col-0-c\"). These fragments should not be valid drop targets.\n  validTargets = validTargets.filter((target) => {\n    const id = String(target.id);\n    if (id.startsWith('left_') || id.startsWith('right_')) {\n      return false;\n    }\n\n    const column = target.data.current?.column as\n      | Column<TDataTableFeatures, RowData>\n      | undefined;\n\n    if (!column) {\n      return false;\n    }\n\n    if (column.columnDef.meta?.builtin === true) {\n      return false;\n    }\n\n    // A parent column that still has unpinned children is a valid drop target\n    const childColumns = column?.columns ?? [];\n    if (childColumns.length > 0) {\n      return childColumns.some((child) => !child.getIsPinned());\n    }\n\n    return !column.getIsPinned();\n  });\n\n  // Apply closestCenterWithinX on filtered targets and cast to the expected type\n  return closestTargetWithinX({\n    active,\n    droppableContainers: validTargets,\n    ...rest,\n  }) as CollisionDescriptor[];\n};\n//#endregion CollisionDetection\n\n//#region Modifiers\n/**\n * Retrieves the left and right bounds of a column header.\n *\n * @param columnId -\n * @param virtualizationContainer - table's virtualization container.\n * @param rowIndex - Header row to query. Defaults to 0 (parent header).\n * @param centerOnly - Exclude pinned headers if true. Relevant for parents whose children span\n * multiple pinning groups, where we only need the center fragment's bounds.\n */\nfunction getHeaderBounds(\n  columnId: string,\n  virtualizationContainer: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n  centerOnly: boolean = false,\n): {\n  left?: number;\n  right?: number;\n  height?: number;\n} {\n  const element = virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-header-row=\"${rowIndex}\"][data-columnId=${CSS.escape(\n      columnId,\n    )}]${centerOnly ? unpinnedHeaderFilter : ''}`,\n  );\n\n  if (element) {\n    const { left, right, height } = element.getBoundingClientRect();\n    return { left, right, height };\n  }\n\n  return {\n    left: undefined,\n    right: undefined,\n    height: undefined,\n  };\n}\n\n/**\n * Get table bounds based on table variant, header height and virtualization container\n * @returns A custom dnd kit modifier.\n */\nconst getTableBounds = (\n  containedVariant: boolean,\n  virtualizationContainer: HTMLDivElement,\n  totalHeaderHeight: number,\n): {\n  left?: number;\n  right?: number;\n  top?: number;\n  bottom?: number;\n} => {\n  const parentRect = virtualizationContainer.getBoundingClientRect();\n\n  return {\n    left: containedVariant\n      ? parentRect.left + getDataTableBorderWidth()\n      : parentRect.left,\n    right: containedVariant\n      ? parentRect.right - getDataTableBorderWidth()\n      : parentRect.right,\n    top: containedVariant\n      ? parentRect.top + getDataTableBorderWidth()\n      : parentRect.top,\n    bottom: parentRect.bottom - totalHeaderHeight,\n  };\n};\n\n/**\n * Retrieves the left and right bounds of the draggable area, constrained by any pinned columns\n * @internal\n */\nexport function getDraggableAreaBounds(\n  pinnedColumns: ColumnPinningState,\n  virtualizationContainer?: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n): { left: number | undefined; right: number | undefined } {\n  let left: number | undefined;\n  let right: number | undefined;\n\n  const leftPinnedColumns = pinnedColumns.left;\n  const rightPinnedColumns = pinnedColumns.right;\n\n  if (virtualizationContainer) {\n    if (leftPinnedColumns?.length) {\n      const lastLeftPinnedColumn =\n        leftPinnedColumns[leftPinnedColumns.length - 1];\n\n      // left bound should be the right position of the last column pinned to the left\n      left = getHeaderBounds(\n        lastLeftPinnedColumn,\n        virtualizationContainer,\n        rowIndex,\n      ).right;\n    }\n\n    // right bound should be the left position of the first column pinned to the right\n    if (rightPinnedColumns?.length) {\n      right = getHeaderBounds(\n        rightPinnedColumns[0],\n        virtualizationContainer,\n        rowIndex,\n      ).left;\n    }\n  }\n\n  return { left, right };\n}\n\n/**\n * Gets the header element that is being dragged.\n * @internal\n */\nexport function getDraggedHeaderElement(\n  headerId: string,\n  virtualizationContainer?: HTMLDivElement,\n): {\n  headerGroupElement: Element | null;\n  draggedHeaderElement: Element | null | undefined;\n} {\n  if (!virtualizationContainer) {\n    return { headerGroupElement: null, draggedHeaderElement: null };\n  }\n\n  const headerGroupElement =\n    virtualizationContainer.querySelector('[role=\"rowgroup\"]');\n\n  const draggedHeaderElement = headerGroupElement?.querySelector(\n    `[data-headerid=\"${CSS.escape(headerId)}\"]`,\n  );\n\n  return { headerGroupElement, draggedHeaderElement };\n}\n\n/**\n * Restricts the horizontal movement of an element within the specified bounds.\n *\n * @param transform - Transform values of the currently dragged element\n * @param rect - The bounding rectangle of the element being transformed.\n * @param tableBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted x value.\n * @internal\n */\nexport function restrictToTableBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  tableBounds: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  // horizontal restriction (only apply if bound is defined)\n  if (typeof tableBounds.left === 'number') {\n    if (rect.left + transform.x <= tableBounds.left) {\n      value.x = tableBounds.left - rect.left;\n    }\n  }\n\n  if (typeof tableBounds.right === 'number') {\n    if (rect.right + transform.x >= tableBounds.right) {\n      value.x = tableBounds.right - rect.right;\n    }\n  }\n\n  // vertical restriction (only apply if bound is defined)\n  if (typeof tableBounds.top === 'number') {\n    if (rect.top + transform.y <= tableBounds.top) {\n      value.y = tableBounds.top - rect.top;\n    }\n  }\n\n  if (typeof tableBounds.bottom === 'number') {\n    if (rect.bottom + transform.y >= tableBounds.bottom) {\n      value.y = tableBounds.bottom - rect.bottom;\n    }\n  }\n\n  return value;\n}\n\n/**\n * Creates a custom modifier to restrict drag and drop for column ordering.\n * This function ensures that columns cannot be dragged outside the table container,\n * and that child columns cannot be dragged past their parent.\n * If the dragging element would be moved past the desired bounds, the movement\n * coordinates will be manually adjusted accordingly.\n *\n * @param totalHeaderHeight - The height of the table header that is subtracted from the table height.\n * @param containedVariant - Whether the table has the `contained` variant set.\n * @param pinnedColumns - pinned columns state.\n * @param hasSubHeaders - Whether the table has nested columns.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns A custom dnd kit modifier.\n * @internal\n */\nexport const createRestrictColumnDragAndDrop = (\n  totalHeaderHeight: number,\n  containedVariant: boolean,\n  pinnedColumns: ColumnPinningState,\n  hasSubHeaders: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier => {\n  return ({ transform, active, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    const activeColumnParentId = active?.data.current?.column?.parent?.id;\n    const hasChildColumns =\n      activeColumnParentId === undefined &&\n      active?.data.current?.column?.columns.length > 0;\n    const isChildColumn = activeColumnParentId !== undefined;\n    const hasPinnedColumns = !!(\n      pinnedColumns.left?.length ?? pinnedColumns.right?.length\n    );\n    const headerRowIndex = hasSubHeaders ? 1 : 0;\n\n    const tableBounds = getTableBounds(\n      containedVariant,\n      virtualizationContainer,\n      totalHeaderHeight,\n    );\n\n    let leftPinnedAreaBound: number | undefined,\n      rightPinnedAreaBound: number | undefined;\n\n    if (hasPinnedColumns) {\n      const { left, right } = getDraggableAreaBounds(\n        pinnedColumns,\n        virtualizationContainer,\n        headerRowIndex,\n      );\n\n      leftPinnedAreaBound = left;\n      rightPinnedAreaBound = right;\n      tableBounds.left = left ?? tableBounds.left;\n      tableBounds.right = right ?? tableBounds.right;\n    }\n\n    /**\n     * Update table bounds for parent/nested columns\n     */\n    const updateTableBounds = (\n      left?: number,\n      right?: number,\n      height?: number,\n    ): void => {\n      // This check is necessary because the height of nested headers is smaller than the total header height\n      if (height !== undefined && tableBounds) {\n        const horizontalDividerHeight = hasChildColumns\n          ? DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT\n          : 0;\n        // Ensure bottom is defined before incrementing to satisfy TypeScript\n        tableBounds.bottom =\n          (tableBounds.bottom ?? 0) + height + horizontalDividerHeight;\n      }\n\n      if (isChildColumn && left !== undefined && right !== undefined) {\n        tableBounds.left = Math.max(left, leftPinnedAreaBound ?? left);\n        tableBounds.right = Math.min(right, rightPinnedAreaBound ?? right);\n      }\n    };\n\n    // If this is a parent or child column, the vertical/horizontal bounds need to be adjusted\n    if (hasChildColumns || isChildColumn) {\n      const activeColumnId = active?.data.current?.column?.id;\n      const columnIdForMeasuringHeaderBounds = hasChildColumns\n        ? activeColumnId\n        : activeColumnParentId;\n\n      const { left, right, height } = getHeaderBounds(\n        columnIdForMeasuringHeaderBounds,\n        virtualizationContainer,\n        0,\n        isChildColumn && hasPinnedColumns,\n      );\n\n      // If this is a parent or child column, vertical dragging should be restricted to the bottom of the table.\n      // for child columns, horizontal dragging should be restricted to the parent header\n      updateTableBounds(left, right, height);\n    }\n\n    return restrictToTableBounds(transform, draggingNodeRect, tableBounds);\n  };\n};\n//#endregion Modifiers\n"],
+  "mappings": "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",
   "names": []
 }

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

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

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/ColumnSizing.css.ts"],
-  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-8-0';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-9-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._19nyr521-3-8-0 {
+._19nyr521-3-9-1 {
   overflow: hidden;
   text-overflow: ellipsis;
 }

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

@@ -1,6 +1,6 @@
 import "./ColumnTypes.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-8-0", variantClassNames: { linewrap: { false: "_19nyr521-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-9-1", variantClassNames: { linewrap: { false: "_19nyr521-3-9-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   logContentWrapper
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.css.ts"],
-  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-8-0',variantClassNames:{linewrap:{false:'_19nyr521-3-8-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-9-1',variantClassNames:{linewrap:{false:'_19nyr521-3-9-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }