@dynatrace/strato-components 3.10.4 → 3.11.1

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-._cuj2fe0-3-10-4 {
+._cuj2fe0-3-11-1 {
   text-align: center;
 }

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

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

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

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

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

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

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

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

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

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

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

@@ -33,6 +33,8 @@ const DataTableToolbarMenu = (props) => {
         ref: simpleButtonRef,
         variant: "default",
         "aria-label": toolbarMenuLabel,
+        "aria-haspopup": "menu",
+        "aria-expanded": false,
         onClick: () => setMenuOpen(true),
         loading: isDownloading,
         children: /* @__PURE__ */ jsx(Button.Prefix, { children: triggerIcon })

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   * 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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",
+  "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          aria-haspopup=\"menu\"\n          aria-expanded={false}\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-10-4 {
+._1gjma320-3-11-1 {
   gap: var(--dt-spacings-size-24, 24px);
 }
-._1gjma321-3-10-4 {
+._1gjma321-3-11-1 {
   white-space: nowrap;
 }
-._1m01arl7-3-10-4 ._1gjma321-3-10-4 {
+._1m01arl7-3-11-1 ._1gjma321-3-11-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

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

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useIntl } from "react-intl";
 import * as styles from "./DataTableDownloadData.sty.js";
+import { useId } from "../../../../../core/hooks/useId.js";
 import { Menu } from "../../../../../navigation/menu/Menu.js";
 import { useDataTable } from "../../../contexts/DataTableContext.js";
 import { dataTableMessages } from "../../../messages.js";
@@ -17,10 +18,16 @@ const DataTableDownloadData = ({
   const selectionCount = table.getSelectionCount();
   const menuGroupLabel = intl.formatMessage(dataTableMessages.downloadTable);
   const isServerSidePaginated = table.options.enablePagination === true && table.options.manualPagination === true;
+  const labelId = useId();
+  const allItemId = useId();
+  const pageItemId = useId();
+  const selectedItemId = useId();
   const downloadMenuItems = /* @__PURE__ */ jsxs(Fragment, { children: [
     !isServerSidePaginated && /* @__PURE__ */ jsxs(
       Menu.Item,
       {
+        id: allItemId,
+        "aria-labelledby": hasIntents ? void 0 : `${labelId} ${allItemId}`,
         onSelect: () => {
           if (isDownloading) {
             return;
@@ -46,6 +53,8 @@ const DataTableDownloadData = ({
     table.options.enablePagination && /* @__PURE__ */ jsxs(
       Menu.Item,
       {
+        id: pageItemId,
+        "aria-labelledby": hasIntents ? void 0 : `${labelId} ${pageItemId}`,
         onSelect: () => {
           if (isDownloading) {
             return;
@@ -71,6 +80,8 @@ const DataTableDownloadData = ({
     table.options.enableRowSelection && /* @__PURE__ */ jsxs(
       Menu.Item,
       {
+        id: selectedItemId,
+        "aria-labelledby": hasIntents ? void 0 : `${labelId} ${selectedItemId}`,
         disabled: selectionCount === 0,
         onSelect: () => {
           if (isDownloading) {
@@ -99,7 +110,7 @@ const DataTableDownloadData = ({
     /* @__PURE__ */ jsx(Menu.SubTrigger, { children: menuGroupLabel }),
     /* @__PURE__ */ jsx(Menu.SubContent, { children: downloadMenuItems })
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Menu.Label, { children: menuGroupLabel }),
+    /* @__PURE__ */ jsx(Menu.Label, { id: labelId, children: menuGroupLabel }),
     downloadMenuItems
   ] });
 };

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  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(\n              excludeColumns,\n              undefined,\n              fileName,\n              onDownloadEnd,\n            );\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-children-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(\n              excludeColumns,\n              undefined,\n              fileName,\n              onDownloadEnd,\n            );\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-children-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-children-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,mBAmBM,KAjBF,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;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,yBAAsB;AAAA,QAErB;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;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,yBAAsB;AAAA,QAErB;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,yBAAsB;AAAA,QAErB;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 { useId } from '../../../../../core/hooks/useId.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  // ids used for accessible names for download options, ex: \"Download CSV All, 1,234 rows\".\n  // Skipped when intents are configured: the items are then in a Menu.SubContent,\n  // which Radix already labels via the Menu.SubTrigger.\n  const labelId = useId();\n  const allItemId = useId();\n  const pageItemId = useId();\n  const selectedItemId = useId();\n\n  const downloadMenuItems = (\n    <>\n      {!isServerSidePaginated && (\n        <Menu.Item\n          id={allItemId}\n          aria-labelledby={hasIntents ? undefined : `${labelId} ${allItemId}`}\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadAllData(\n              excludeColumns,\n              undefined,\n              fileName,\n              onDownloadEnd,\n            );\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-children-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          id={pageItemId}\n          aria-labelledby={hasIntents ? undefined : `${labelId} ${pageItemId}`}\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadPageData(\n              excludeColumns,\n              undefined,\n              fileName,\n              onDownloadEnd,\n            );\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-children-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          id={selectedItemId}\n          aria-labelledby={\n            hasIntents ? undefined : `${labelId} ${selectedItemId}`\n          }\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-children-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 id={labelId}>{menuGroupLabel}</Menu.Label>\n      {downloadMenuItems}\n    </>\n  );\n};\n"],
+  "mappings": "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",
   "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-10-4";
-var downloadMenuSuffix = "_1gjma321-3-10-4";
+var downloadMenuItem = "_1gjma320-3-11-1";
+var downloadMenuSuffix = "_1gjma321-3-11-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-10-4';\nexport var downloadMenuSuffix = '_1gjma321-3-10-4';"],
+  "sourcesContent": ["import '../../../../../navigation/menu/Menu.css';\nimport './DataTableDownloadData.css';\nexport var downloadMenuItem = '_1gjma320-3-11-1';\nexport var downloadMenuSuffix = '_1gjma321-3-11-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-10-4 {
+._1ku1w3z0-3-11-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-10-4::after {
+._1ku1w3z1-3-11-1::after {
   content: "";
   position: absolute;
   top: 0;
@@ -14,13 +14,13 @@
   width: 3px;
   background: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1ku1w3z2-3-10-4::after {
+._1ku1w3z2-3-11-1::after {
   left: 0;
 }
-._1ku1w3z3-3-10-4::after {
+._1ku1w3z3-3-11-1::after {
   right: 0;
 }
-._1ku1w3z4-3-10-4::before {
+._1ku1w3z4-3-11-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-10-4 {
+._1ku1w3z5-3-11-1 {
   display: none;
 }
-._1ku1w3z6-3-10-4 {
+._1ku1w3z6-3-11-1 {
   cursor: grab;
 }
-._1ku1w3z7-3-10-4 {
+._1ku1w3z7-3-11-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-10-4";
-var headerDragAndDrop = { dragging: "_1ku1w3z5-3-10-4", enabled: "_1ku1w3z6-3-10-4", inactive: "_1ku1w3z7-3-10-4" };
-var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-10-4", variantClassNames: { left: { true: "_1ku1w3z2-3-10-4", false: "_1ku1w3z3-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
-var verticalDividers = "_1ku1w3z4-3-10-4";
+var columnDndOverlay = "_1ku1w3z0-3-11-1";
+var headerDragAndDrop = { dragging: "_1ku1w3z5-3-11-1", enabled: "_1ku1w3z6-3-11-1", inactive: "_1ku1w3z7-3-11-1" };
+var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-11-1", variantClassNames: { left: { true: "_1ku1w3z2-3-11-1", false: "_1ku1w3z3-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
+var verticalDividers = "_1ku1w3z4-3-11-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-10-4';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-10-4',enabled:'_1ku1w3z6-3-10-4',inactive:'_1ku1w3z7-3-10-4'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-10-4',variantClassNames:{left:{true:'_1ku1w3z2-3-10-4',false:'_1ku1w3z3-3-10-4'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-10-4';"],
+  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-11-1';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-11-1',enabled:'_1ku1w3z6-3-11-1',inactive:'_1ku1w3z7-3-11-1'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-11-1',variantClassNames:{left:{true:'_1ku1w3z2-3-11-1',false:'_1ku1w3z3-3-11-1'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-11-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,oBAAoB,EAAC,UAAS,oBAAmB,SAAQ,oBAAmB,UAAS,mBAAkB;AAC3G,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7L,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -223,7 +223,7 @@ function ColumnOrderDragAndDropContext({
       collisionDetection: customCollisionDetection,
       modifiers: [restrictColumnDragAndDrop],
       autoScroll: false,
-      accessibility: { container: table.getRowVirtualizationContainer() },
+      accessibility: { container: virtualizationContainer },
       onDragStart: handleDragStart,
       onDragOver: handleDragOver,
       onDragEnd: handleDragEnd,

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

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

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

@@ -1,9 +1,9 @@
-._17437gx0-3-10-4 {
+._17437gx0-3-11-1 {
   cursor: col-resize;
 }
-._17437gx0-3-10-4 > * {
+._17437gx0-3-11-1 > * {
   pointer-events: none;
 }
-._17437gx0-3-10-4 ._14sp6az0-3-10-4 * {
+._17437gx0-3-11-1 ._14sp6az0-3-11-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-10-4";
+var tableColumnResizing = "_17437gx0-3-11-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-10-4';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-11-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._19nyr521-3-10-4 {
+._19nyr521-3-11-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-10-4", variantClassNames: { linewrap: { false: "_19nyr521-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-11-1", variantClassNames: { linewrap: { false: "_19nyr521-3-11-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-10-4',variantClassNames:{linewrap:{false:'_19nyr521-3-10-4'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-11-1',variantClassNames:{linewrap:{false:'_19nyr521-3-11-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }