@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/tables/DataTable/components/DataTableCell.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableCell.css.ts"],
-  "sourcesContent": ["import '../DataTable.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/ColumnSizing/ColumnSizing.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var activeInteraction = '_1ons7qup-3-12-2';\nexport var innerCell = _7a468({defaultClassName:'_1ons7qum-3-12-2',variantClassNames:{lineWrap:{true:'_1ons7qun-3-12-2',false:'_1ons7quo-3-12-2'}},defaultVariants:{},compoundVariants:[]});\nexport var leftPositionVar = 'var(--_1ons7qu0-3-12-2)';\nexport var lineWrapFalse = {overflow:'hidden',whiteSpace:'nowrap',textOverflow:'ellipsis',maxWidth:'100%',minWidth:0};\nexport var lineWrapTrue = {whiteSpace:'normal',textOverflow:'initial',wordBreak:'normal',overflowWrap:'anywhere'};\nexport var outerCell = _7a468({defaultClassName:'_1ons7qu2-3-12-2',variantClassNames:{prefixColumn:{true:'_1ons7qu3-3-12-2'},lineWrap:{true:'_1ons7qu4-3-12-2',false:'_1ons7qu5-3-12-2'},fontStyle:{text:'_1ons7qu6-3-12-2',code:'_1ons7qu7-3-12-2',inherit:'_1ons7qu8-3-12-2'},rowDensity:{customCellRenderer:'_1ons7qu9-3-12-2','default':'_1ons7qua-3-12-2',condensed:'_1ons7qub-3-12-2',comfortable:'_1ons7quc-3-12-2'},verticalDividers:{true:'_1ons7qud-3-12-2',false:'_1ons7que-3-12-2'},interactiveRows:{false:'_1ons7quf-3-12-2'},pinnedColumn:{false:'_1ons7qug-3-12-2',left:'_1ons7quh-3-12-2',right:'_1ons7qui-3-12-2'},background:{false:'_1ons7quj-3-12-2',contained:'_1ons7quk-3-12-2',uncontained:'_1ons7qul-3-12-2'}},defaultVariants:{fontStyle:'text',rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var rightPositionVar = 'var(--_1ons7qu1-3-12-2)';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,YAAY,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACnL,IAAI,kBAAkB;AACtB,IAAI,gBAAgB,EAAC,UAAS,UAAS,YAAW,UAAS,cAAa,YAAW,UAAS,QAAO,UAAS,EAAC;AAC7G,IAAI,eAAe,EAAC,YAAW,UAAS,cAAa,WAAU,WAAU,UAAS,cAAa,WAAU;AACzG,IAAI,YAAY,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,WAAU,EAAC,MAAK,oBAAmB,MAAK,oBAAmB,SAAQ,mBAAkB,GAAE,YAAW,EAAC,oBAAmB,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,aAAY,mBAAkB,GAAE,kBAAiB,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,iBAAgB,EAAC,OAAM,mBAAkB,GAAE,cAAa,EAAC,OAAM,oBAAmB,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,YAAW,EAAC,OAAM,oBAAmB,WAAU,oBAAmB,aAAY,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,WAAU,QAAO,YAAW,WAAU,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACnyB,IAAI,mBAAmB;",
+  "sourcesContent": ["import '../DataTable.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/ColumnSizing/ColumnSizing.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var activeInteraction = '_1ons7qup-3-13-0';\nexport var innerCell = _7a468({defaultClassName:'_1ons7qum-3-13-0',variantClassNames:{lineWrap:{true:'_1ons7qun-3-13-0',false:'_1ons7quo-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var leftPositionVar = 'var(--_1ons7qu0-3-13-0)';\nexport var lineWrapFalse = {overflow:'hidden',whiteSpace:'nowrap',textOverflow:'ellipsis',maxWidth:'100%',minWidth:0};\nexport var lineWrapTrue = {whiteSpace:'normal',textOverflow:'initial',wordBreak:'normal',overflowWrap:'anywhere'};\nexport var outerCell = _7a468({defaultClassName:'_1ons7qu2-3-13-0',variantClassNames:{prefixColumn:{true:'_1ons7qu3-3-13-0'},lineWrap:{true:'_1ons7qu4-3-13-0',false:'_1ons7qu5-3-13-0'},fontStyle:{text:'_1ons7qu6-3-13-0',code:'_1ons7qu7-3-13-0',inherit:'_1ons7qu8-3-13-0'},rowDensity:{customCellRenderer:'_1ons7qu9-3-13-0','default':'_1ons7qua-3-13-0',condensed:'_1ons7qub-3-13-0',comfortable:'_1ons7quc-3-13-0'},verticalDividers:{true:'_1ons7qud-3-13-0',false:'_1ons7que-3-13-0'},interactiveRows:{false:'_1ons7quf-3-13-0'},pinnedColumn:{false:'_1ons7qug-3-13-0',left:'_1ons7quh-3-13-0',right:'_1ons7qui-3-13-0'},background:{false:'_1ons7quj-3-13-0',contained:'_1ons7quk-3-13-0',uncontained:'_1ons7qul-3-13-0'}},defaultVariants:{fontStyle:'text',rowDensity:'default',verticalDividers:false,pinnedColumn:false},compoundVariants:[]});\nexport var rightPositionVar = 'var(--_1ons7qu1-3-13-0)';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,YAAY,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACnL,IAAI,kBAAkB;AACtB,IAAI,gBAAgB,EAAC,UAAS,UAAS,YAAW,UAAS,cAAa,YAAW,UAAS,QAAO,UAAS,EAAC;AAC7G,IAAI,eAAe,EAAC,YAAW,UAAS,cAAa,WAAU,WAAU,UAAS,cAAa,WAAU;AACzG,IAAI,YAAY,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,WAAU,EAAC,MAAK,oBAAmB,MAAK,oBAAmB,SAAQ,mBAAkB,GAAE,YAAW,EAAC,oBAAmB,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,aAAY,mBAAkB,GAAE,kBAAiB,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,iBAAgB,EAAC,OAAM,mBAAkB,GAAE,cAAa,EAAC,OAAM,oBAAmB,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,YAAW,EAAC,OAAM,oBAAmB,WAAU,oBAAmB,aAAY,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,WAAU,QAAO,YAAW,WAAU,kBAAiB,OAAM,cAAa,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtzB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableContent.js

@@ -1,17 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIntl } from "react-intl";
 import { DataTableBody } from "./DataTableBody.js";
 import { DataTableHeader } from "./DataTableHeader.js";
+import { DataTableScrollShadow } from "./DataTableScrollShadow.js";
+import { getDataTableBorderWidth } from "../../utils/data-table-border-width.js";
 import {
   DataTableContentContextProvider,
   useDataTable
 } from "../contexts/DataTableContext.js";
 import { CellActionFloatingMenu } from "../features/UserActions/FloatingMenu.js";
-import { dataTableMessages } from "../messages.js";
-import { DataTableScrollShadow } from "./DataTableScrollShadow.js";
-import { getDataTableBorderWidth } from "../../utils/data-table-border-width.js";
 function DataTableContent(props) {
-  const intl = useIntl();
   const table = useDataTable();
   const visibleLeafColumnsWithoutBuiltin = table.getVisibleLeafColumnsWithoutBuiltin();
   const hasVisibleColumns = visibleLeafColumnsWithoutBuiltin.length > 0;
@@ -32,9 +29,6 @@ function DataTableContent(props) {
   const borderWidth = table.atoms.visualVariantConfig?.get()?.contained ? getDataTableBorderWidth() : 0;
   const hasOverflowRight = scrollElementWidth - scrollOffset - borderWidth > tableViewportWidth;
   const isHorizontallyScrollable = scrollElementWidth - borderWidth > tableViewportWidth;
-  const cellActionAriaLabel = intl.formatMessage(
-    dataTableMessages.cellActionLabel
-  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -76,8 +70,7 @@ function DataTableContent(props) {
             value: {
               hasOverflowLeft,
               hasOverflowRight,
-              isHorizontallyScrollable,
-              cellActionAriaLabel
+              isHorizontallyScrollable
             },
             children: [
               table.atoms.visualVariantConfig?.get()?.headers === "default" && /* @__PURE__ */ jsx(DataTableHeader, {}),

package/esm/tables/DataTable/components/DataTableContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableContent.tsx"],
-  "sourcesContent": ["import type { Virtualizer } from '@tanstack/react-virtual';\nimport type { JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DataTableBody } from './DataTableBody.js';\nimport { DataTableHeader } from './DataTableHeader.js';\nimport {\n  DataTableContentContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport { CellActionFloatingMenu } from '../features/UserActions/FloatingMenu.js';\nimport { dataTableMessages } from '../messages.js';\nimport { DataTableScrollShadow } from './DataTableScrollShadow.js';\nimport { getDataTableBorderWidth } from '../../utils/data-table-border-width.js';\n\n/**\n * Renders the content of the `DataTable`.\n *\n * This component is responsible for displaying the header and the main body of the datatable,\n * including rows and columns.\n */\nexport function DataTableContent(\n  props: Readonly<{\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  }>,\n): JSX.Element | null {\n  const intl = useIntl();\n  const table = useDataTable();\n\n  const visibleLeafColumnsWithoutBuiltin =\n    table.getVisibleLeafColumnsWithoutBuiltin();\n  const hasVisibleColumns = visibleLeafColumnsWithoutBuiltin.length > 0;\n\n  if (!hasVisibleColumns) {\n    return null;\n  }\n\n  const { rowVirtualizer, columnVirtualizer } = props;\n\n  const rows = table.getRowModel().rows;\n\n  const isDataEmpty = rowVirtualizer.options.count === 0;\n  const isColumnsEmpty = columnVirtualizer.options.count === 0;\n  const isEmpty = isDataEmpty || isColumnsEmpty;\n\n  // We need to detect overflow on either side, so the scroll shadow can be displayed only if the scrollable content is actually overflowing\n  const scrollOffset = columnVirtualizer.scrollOffset ?? 0;\n  const scrollElement = columnVirtualizer.scrollElement;\n  const tableViewportWidth = scrollElement?.clientWidth ?? 0;\n  const scrollElementWidth = scrollElement?.scrollWidth ?? 0;\n\n  const hasOverflowLeft = scrollOffset > 0;\n\n  const gridHeight = isEmpty ? 'auto' : rowVirtualizer.getTotalSize();\n  const borderWidth = table.atoms.visualVariantConfig?.get()?.contained\n    ? getDataTableBorderWidth()\n    : 0;\n  const hasOverflowRight =\n    scrollElementWidth - scrollOffset - borderWidth > tableViewportWidth;\n  // Unlike `hasOverflowLeft`/`hasOverflowRight`, independent of current scroll position.\n  const isHorizontallyScrollable =\n    scrollElementWidth - borderWidth > tableViewportWidth;\n\n  const cellActionAriaLabel = intl.formatMessage(\n    dataTableMessages.cellActionLabel,\n  );\n\n  return (\n    <div\n      role=\"grid\"\n      style={{\n        display: 'grid',\n        height: gridHeight,\n        gridTemplateColumns: table.getGridTemplateColumns(),\n        gridTemplateRows: table.getGridTemplateRows(),\n      }}\n      onMouseOver={(event) => {\n        // Event-time read: no subscription needed, so a drag doesn't re-render\n        // the whole content grid.\n        const isDraggingRow = !!table.atoms.draggingRowInfo?.get();\n        if (!isDraggingRow) {\n          table.handleInteractiveRowMouseOver(event);\n        }\n      }}\n      onMouseLeave={(event) => {\n        table.handleInteractiveRowMouseLeave(event);\n      }}\n      onMouseDown={(event) => {\n        if (\n          // main button (left button)\n          event.button === 0 ||\n          // auxiliary button (wheel/middle button)\n          event.button === 1\n        ) {\n          table.handleInteractiveRowClick(event);\n        }\n      }}\n      onContextMenu={(event) => {\n        // disable context menu for links, we need to show the browser menu instead\n        if (event.target instanceof Element && event.target.closest('a')) {\n          return;\n        }\n\n        table.getUserActionFloatingMenuContextMenuHandler()(event);\n      }}\n    >\n      <DataTableContentContextProvider\n        value={{\n          hasOverflowLeft,\n          hasOverflowRight,\n          isHorizontallyScrollable,\n          cellActionAriaLabel,\n        }}\n      >\n        {table.atoms.visualVariantConfig?.get()?.headers === 'default' && (\n          <DataTableHeader />\n        )}\n        <DataTableBody\n          rows={rows}\n          rowVirtualizer={rowVirtualizer}\n          columnVirtualizer={columnVirtualizer}\n        />\n        {(table.options.enableCellActions ||\n          table.options.enableColumnActions ||\n          table.options.enableSorting) && <CellActionFloatingMenu />}\n      </DataTableContentContextProvider>\n      <DataTableScrollShadow\n        hasOverflowLeft={hasOverflowLeft}\n        hasOverflowRight={hasOverflowRight}\n      />\n    </div>\n  );\n}\n"],
-  "mappings": "AA2GM,SASI,KATJ;AAzGN,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AAQjC,SAAS,iBACd,OAIoB;AACpB,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAE3B,QAAM,mCACJ,MAAM,oCAAoC;AAC5C,QAAM,oBAAoB,iCAAiC,SAAS;AAEpE,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,gBAAgB,kBAAkB,IAAI;AAE9C,QAAM,OAAO,MAAM,YAAY,EAAE;AAEjC,QAAM,cAAc,eAAe,QAAQ,UAAU;AACrD,QAAM,iBAAiB,kBAAkB,QAAQ,UAAU;AAC3D,QAAM,UAAU,eAAe;AAG/B,QAAM,eAAe,kBAAkB,gBAAgB;AACvD,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,qBAAqB,eAAe,eAAe;AACzD,QAAM,qBAAqB,eAAe,eAAe;AAEzD,QAAM,kBAAkB,eAAe;AAEvC,QAAM,aAAa,UAAU,SAAS,eAAe,aAAa;AAClE,QAAM,cAAc,MAAM,MAAM,qBAAqB,IAAI,GAAG,YACxD,wBAAwB,IACxB;AACJ,QAAM,mBACJ,qBAAqB,eAAe,cAAc;AAEpD,QAAM,2BACJ,qBAAqB,cAAc;AAErC,QAAM,sBAAsB,KAAK;AAAA,IAC/B,kBAAkB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,qBAAqB,MAAM,uBAAuB;AAAA,QAClD,kBAAkB,MAAM,oBAAoB;AAAA,MAC9C;AAAA,MACA,aAAa,CAAC,UAAU;AAGtB,cAAM,gBAAgB,CAAC,CAAC,MAAM,MAAM,iBAAiB,IAAI;AACzD,YAAI,CAAC,eAAe;AAClB,gBAAM,8BAA8B,KAAK;AAAA,QAC3C;AAAA,MACF;AAAA,MACA,cAAc,CAAC,UAAU;AACvB,cAAM,+BAA+B,KAAK;AAAA,MAC5C;AAAA,MACA,aAAa,CAAC,UAAU;AACtB;AAAA;AAAA,UAEE,MAAM,WAAW;AAAA,UAEjB,MAAM,WAAW;AAAA,UACjB;AACA,gBAAM,0BAA0B,KAAK;AAAA,QACvC;AAAA,MACF;AAAA,MACA,eAAe,CAAC,UAAU;AAExB,YAAI,MAAM,kBAAkB,WAAW,MAAM,OAAO,QAAQ,GAAG,GAAG;AAChE;AAAA,QACF;AAEA,cAAM,4CAA4C,EAAE,KAAK;AAAA,MAC3D;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YAEC;AAAA,oBAAM,MAAM,qBAAqB,IAAI,GAAG,YAAY,aACnD,oBAAC,mBAAgB;AAAA,cAEnB;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,eACE,MAAM,QAAQ,qBACd,MAAM,QAAQ,uBACd,MAAM,QAAQ,kBAAkB,oBAAC,0BAAuB;AAAA;AAAA;AAAA,QAC5D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import type { Virtualizer } from '@tanstack/react-virtual';\nimport type { JSX } from 'react';\n\nimport { DataTableBody } from './DataTableBody.js';\nimport { DataTableHeader } from './DataTableHeader.js';\nimport { DataTableScrollShadow } from './DataTableScrollShadow.js';\nimport { getDataTableBorderWidth } from '../../utils/data-table-border-width.js';\nimport {\n  DataTableContentContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport { CellActionFloatingMenu } from '../features/UserActions/FloatingMenu.js';\n\n/**\n * Renders the content of the `DataTable`.\n *\n * This component is responsible for displaying the header and the main body of the datatable,\n * including rows and columns.\n */\nexport function DataTableContent(\n  props: Readonly<{\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  }>,\n): JSX.Element | null {\n  const table = useDataTable();\n\n  const visibleLeafColumnsWithoutBuiltin =\n    table.getVisibleLeafColumnsWithoutBuiltin();\n  const hasVisibleColumns = visibleLeafColumnsWithoutBuiltin.length > 0;\n\n  if (!hasVisibleColumns) {\n    return null;\n  }\n\n  const { rowVirtualizer, columnVirtualizer } = props;\n\n  const rows = table.getRowModel().rows;\n\n  const isDataEmpty = rowVirtualizer.options.count === 0;\n  const isColumnsEmpty = columnVirtualizer.options.count === 0;\n  const isEmpty = isDataEmpty || isColumnsEmpty;\n\n  // We need to detect overflow on either side, so the scroll shadow can be displayed only if the scrollable content is actually overflowing\n  const scrollOffset = columnVirtualizer.scrollOffset ?? 0;\n  const scrollElement = columnVirtualizer.scrollElement;\n  const tableViewportWidth = scrollElement?.clientWidth ?? 0;\n  const scrollElementWidth = scrollElement?.scrollWidth ?? 0;\n\n  const hasOverflowLeft = scrollOffset > 0;\n\n  const gridHeight = isEmpty ? 'auto' : rowVirtualizer.getTotalSize();\n  const borderWidth = table.atoms.visualVariantConfig?.get()?.contained\n    ? getDataTableBorderWidth()\n    : 0;\n  const hasOverflowRight =\n    scrollElementWidth - scrollOffset - borderWidth > tableViewportWidth;\n  // Unlike `hasOverflowLeft`/`hasOverflowRight`, independent of current scroll position.\n  const isHorizontallyScrollable =\n    scrollElementWidth - borderWidth > tableViewportWidth;\n\n  return (\n    <div\n      role=\"grid\"\n      style={{\n        display: 'grid',\n        height: gridHeight,\n        gridTemplateColumns: table.getGridTemplateColumns(),\n        gridTemplateRows: table.getGridTemplateRows(),\n      }}\n      onMouseOver={(event) => {\n        // Event-time read: no subscription needed, so a drag doesn't re-render\n        // the whole content grid.\n        const isDraggingRow = !!table.atoms.draggingRowInfo?.get();\n        if (!isDraggingRow) {\n          table.handleInteractiveRowMouseOver(event);\n        }\n      }}\n      onMouseLeave={(event) => {\n        table.handleInteractiveRowMouseLeave(event);\n      }}\n      onMouseDown={(event) => {\n        if (\n          // main button (left button)\n          event.button === 0 ||\n          // auxiliary button (wheel/middle button)\n          event.button === 1\n        ) {\n          table.handleInteractiveRowClick(event);\n        }\n      }}\n      onContextMenu={(event) => {\n        // disable context menu for links, we need to show the browser menu instead\n        if (event.target instanceof Element && event.target.closest('a')) {\n          return;\n        }\n\n        table.getUserActionFloatingMenuContextMenuHandler()(event);\n      }}\n    >\n      <DataTableContentContextProvider\n        value={{\n          hasOverflowLeft,\n          hasOverflowRight,\n          isHorizontallyScrollable,\n        }}\n      >\n        {table.atoms.visualVariantConfig?.get()?.headers === 'default' && (\n          <DataTableHeader />\n        )}\n        <DataTableBody\n          rows={rows}\n          rowVirtualizer={rowVirtualizer}\n          columnVirtualizer={columnVirtualizer}\n        />\n        {(table.options.enableCellActions ||\n          table.options.enableColumnActions ||\n          table.options.enableSorting) && <CellActionFloatingMenu />}\n      </DataTableContentContextProvider>\n      <DataTableScrollShadow\n        hasOverflowLeft={hasOverflowLeft}\n        hasOverflowRight={hasOverflowRight}\n      />\n    </div>\n  );\n}\n"],
+  "mappings": "AAoGM,SAQI,KARJ;AAjGN,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AAQhC,SAAS,iBACd,OAIoB;AACpB,QAAM,QAAQ,aAAa;AAE3B,QAAM,mCACJ,MAAM,oCAAoC;AAC5C,QAAM,oBAAoB,iCAAiC,SAAS;AAEpE,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,gBAAgB,kBAAkB,IAAI;AAE9C,QAAM,OAAO,MAAM,YAAY,EAAE;AAEjC,QAAM,cAAc,eAAe,QAAQ,UAAU;AACrD,QAAM,iBAAiB,kBAAkB,QAAQ,UAAU;AAC3D,QAAM,UAAU,eAAe;AAG/B,QAAM,eAAe,kBAAkB,gBAAgB;AACvD,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,qBAAqB,eAAe,eAAe;AACzD,QAAM,qBAAqB,eAAe,eAAe;AAEzD,QAAM,kBAAkB,eAAe;AAEvC,QAAM,aAAa,UAAU,SAAS,eAAe,aAAa;AAClE,QAAM,cAAc,MAAM,MAAM,qBAAqB,IAAI,GAAG,YACxD,wBAAwB,IACxB;AACJ,QAAM,mBACJ,qBAAqB,eAAe,cAAc;AAEpD,QAAM,2BACJ,qBAAqB,cAAc;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,qBAAqB,MAAM,uBAAuB;AAAA,QAClD,kBAAkB,MAAM,oBAAoB;AAAA,MAC9C;AAAA,MACA,aAAa,CAAC,UAAU;AAGtB,cAAM,gBAAgB,CAAC,CAAC,MAAM,MAAM,iBAAiB,IAAI;AACzD,YAAI,CAAC,eAAe;AAClB,gBAAM,8BAA8B,KAAK;AAAA,QAC3C;AAAA,MACF;AAAA,MACA,cAAc,CAAC,UAAU;AACvB,cAAM,+BAA+B,KAAK;AAAA,MAC5C;AAAA,MACA,aAAa,CAAC,UAAU;AACtB;AAAA;AAAA,UAEE,MAAM,WAAW;AAAA,UAEjB,MAAM,WAAW;AAAA,UACjB;AACA,gBAAM,0BAA0B,KAAK;AAAA,QACvC;AAAA,MACF;AAAA,MACA,eAAe,CAAC,UAAU;AAExB,YAAI,MAAM,kBAAkB,WAAW,MAAM,OAAO,QAAQ,GAAG,GAAG;AAChE;AAAA,QACF;AAEA,cAAM,4CAA4C,EAAE,KAAK;AAAA,MAC3D;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YAEC;AAAA,oBAAM,MAAM,qBAAqB,IAAI,GAAG,YAAY,aACnD,oBAAC,mBAAgB;AAAA,cAEnB;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,eACE,MAAM,QAAQ,qBACd,MAAM,QAAQ,uBACd,MAAM,QAAQ,kBAAkB,oBAAC,0BAAuB;AAAA;AAAA;AAAA,QAC5D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableDefaultCell.css

@@ -1,4 +1,4 @@
-._14k72810-3-12-2 {
+._14k72810-3-13-0 {
   height: 100%;
   width: 100%;
   max-width: 100%;
@@ -8,88 +8,88 @@
   align-items: inherit;
   overflow: hidden;
 }
-._11pvd3zt-3-12-2:not(:where(._11pvd3zx-3-12-2)._11pvd3z5-3-12-2) ._14k72810-3-12-2 {
+._11pvd3zt-3-13-0:not(:where(._11pvd3zx-3-13-0)._11pvd3z5-3-13-0) ._14k72810-3-13-0 {
   width: fit-content;
 }
-._14sp6az3-3-12-2+._14sp6az3-3-12-2 ._14k72810-3-12-2 {
+._14sp6az3-3-13-0+._14sp6az3-3-13-0 ._14k72810-3-13-0 {
   padding-left: var(--dt-spacings-size-0, 0);
 }
-._11pvd3z0-3-12-2._11pvd3z2-3-12-2 ._14k72810-3-12-2:where(._yj6voi1-3-12-2, ._yj6voi2-3-12-2) {
+._11pvd3z0-3-13-0._11pvd3z2-3-13-0 ._14k72810-3-13-0:where(._yj6voi1-3-13-0, ._yj6voi2-3-13-0) {
   padding-right: var(--dt-spacings-size-0, 0);
 }
-._11pvd3z0-3-12-2 ._14k72810-3-12-2:where(._yj6voi1-3-12-2, ._yj6voi2-3-12-2):has(+ [data-trigger="useraction"]) {
+._11pvd3z0-3-13-0 ._14k72810-3-13-0:where(._yj6voi1-3-13-0, ._yj6voi2-3-13-0):has(+ [data-trigger="useraction"]) {
   padding-right: var(--dt-spacings-size-0, 0);
 }
-._11pvd3z0-3-12-2._11pvd3z2-3-12-2 ._14k72810-3-12-2._yj6voi0-3-12-2 {
+._11pvd3z0-3-13-0._11pvd3z2-3-13-0 ._14k72810-3-13-0._yj6voi0-3-13-0 {
   padding-left: var(--dt-spacings-size-0, 0);
 }
-._11pvd3z0-3-12-2 ._14k72810-3-12-2._yj6voi0-3-12-2:has(+ [data-trigger="useraction"]) {
+._11pvd3z0-3-13-0 ._14k72810-3-13-0._yj6voi0-3-13-0:has(+ [data-trigger="useraction"]) {
   padding-left: var(--dt-spacings-size-0, 0);
 }
-:where(._11pvd3zx-3-12-2):is([aria-sort="ascending"], [aria-sort="descending"]) ._14k72810-3-12-2:not(._yj6voi0-3-12-2) {
+:where(._11pvd3zx-3-13-0):is([aria-sort="ascending"], [aria-sort="descending"]) ._14k72810-3-13-0:not(._yj6voi0-3-13-0) {
   padding-right: var(--dt-spacings-size-0, 0);
 }
-:where(._11pvd3zx-3-12-2):is([aria-sort="ascending"], [aria-sort="descending"]) ._14k72810-3-12-2._yj6voi0-3-12-2 {
+:where(._11pvd3zx-3-13-0):is([aria-sort="ascending"], [aria-sort="descending"]) ._14k72810-3-13-0._yj6voi0-3-13-0 {
   padding-left: var(--dt-spacings-size-0, 0);
 }
-._14k72811-3-12-2 {
+._14k72811-3-13-0 {
   white-space: normal;
   text-overflow: initial;
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._14k72812-3-12-2 {
+._14k72812-3-13-0 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: 100%;
   min-width: 0;
 }
-._14k72813-3-12-2 {
+._14k72813-3-13-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._1jrjqrd1-3-12-2 ._1ons7qu2-3-12-2:first-child:not(._14sp6az3-3-12-2) ._14k72813-3-12-2 {
+._1jrjqrd1-3-13-0 ._1ons7qu2-3-13-0:first-child:not(._14sp6az3-3-13-0) ._14k72813-3-13-0 {
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1jrjqrd1-3-12-2 ._14sp6az3-3-12-2:first-child ._14k72813-3-12-2 {
+._1jrjqrd1-3-13-0 ._14sp6az3-3-13-0:first-child ._14k72813-3-13-0 {
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._14sp6az3-3-12-2 ._14k72813-3-12-2 {
+._14sp6az3-3-13-0 ._14k72813-3-13-0 {
   padding-right: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-8, 8px);
 }
-._14k72814-3-12-2 {
+._14k72814-3-13-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1jrjqrd1-3-12-2 ._1ons7qu2-3-12-2:first-child:not(._14sp6az3-3-12-2) ._14k72814-3-12-2 {
+._1jrjqrd1-3-13-0 ._1ons7qu2-3-13-0:first-child:not(._14sp6az3-3-13-0) ._14k72814-3-13-0 {
   padding-left: calc(var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-4, 4px));
 }
-._1jrjqrd1-3-12-2 ._14sp6az3-3-12-2:first-child ._14k72814-3-12-2 {
+._1jrjqrd1-3-13-0 ._14sp6az3-3-13-0:first-child ._14k72814-3-13-0 {
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._14sp6az3-3-12-2 ._14k72814-3-12-2 {
+._14sp6az3-3-13-0 ._14k72814-3-13-0 {
   padding-right: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-2, 2px);
 }
-._14k72815-3-12-2 {
+._14k72815-3-13-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1jrjqrd1-3-12-2 ._1ons7qu2-3-12-2:first-child:not(._14sp6az3-3-12-2) ._14k72815-3-12-2 {
+._1jrjqrd1-3-13-0 ._1ons7qu2-3-13-0:first-child:not(._14sp6az3-3-13-0) ._14k72815-3-13-0 {
   padding-left: var(--dt-spacings-size-20, 20px);
 }
-._1jrjqrd1-3-12-2 ._14sp6az3-3-12-2:first-child ._14k72815-3-12-2 {
+._1jrjqrd1-3-13-0 ._14sp6az3-3-13-0:first-child ._14k72815-3-13-0 {
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._14sp6az3-3-12-2 ._14k72815-3-12-2 {
+._14sp6az3-3-13-0 ._14k72815-3-13-0 {
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }

package/esm/tables/DataTable/components/DataTableDefaultCell.sty.js

@@ -13,7 +13,7 @@ import "../features/ColumnOrder/ColumnOrder.css";
 import "./DataTableHeaderCell.css";
 import "./DataTableDefaultCell.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var defaultCell = _7a468({ defaultClassName: "_14k72810-3-12-2", variantClassNames: { lineWrap: { true: "_14k72811-3-12-2", false: "_14k72812-3-12-2" }, rowDensity: { "default": "_14k72813-3-12-2", condensed: "_14k72814-3-12-2", comfortable: "_14k72815-3-12-2" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var defaultCell = _7a468({ defaultClassName: "_14k72810-3-13-0", variantClassNames: { lineWrap: { true: "_14k72811-3-13-0", false: "_14k72812-3-13-0" }, rowDensity: { "default": "_14k72813-3-13-0", condensed: "_14k72814-3-13-0", comfortable: "_14k72815-3-13-0" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
 export {
   defaultCell
 };

package/esm/tables/DataTable/components/DataTableDefaultCell.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableDefaultCell.css.ts"],
-  "sourcesContent": ["import './Alignment.css';\nimport '../DataTable.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/ColumnSizing/ColumnSizing.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport '../features/ColumnOrder/ColumnOrder.css';\nimport './DataTableHeaderCell.css';\nimport './DataTableDefaultCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var defaultCell = _7a468({defaultClassName:'_14k72810-3-12-2',variantClassNames:{lineWrap:{true:'_14k72811-3-12-2',false:'_14k72812-3-12-2'},rowDensity:{'default':'_14k72813-3-12-2',condensed:'_14k72814-3-12-2',comfortable:'_14k72815-3-12-2'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
+  "sourcesContent": ["import './Alignment.css';\nimport '../DataTable.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/ColumnSizing/ColumnSizing.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport '../features/ColumnOrder/ColumnOrder.css';\nimport './DataTableHeaderCell.css';\nimport './DataTableDefaultCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var defaultCell = _7a468({defaultClassName:'_14k72810-3-13-0',variantClassNames:{lineWrap:{true:'_14k72811-3-13-0',false:'_14k72812-3-13-0'},rowDensity:{'default':'_14k72813-3-13-0',condensed:'_14k72814-3-13-0',comfortable:'_14k72815-3-13-0'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,YAAW,EAAC,WAAU,oBAAmB,WAAU,oBAAmB,aAAY,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,YAAW,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableDragScrollLock.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableDragScrollLock.tsx"],
-  "sourcesContent": ["import { useSelector } from '@tanstack/react-store';\nimport type { ReactTable, RowData } from '@tanstack/react-table';\nimport { type RefObject, useEffect } from 'react';\n\nimport type { TDataTableFeatures } from '../features/types/features.types.js';\n\n/**\n * Prevents horizontal scrolling while rows are dragged and vertical scrolling while columns are dragged.\n * @param table - The table instance.\n * @param parentRef - The ref of the parent container that is scrollable.\n */\nexport function DataTableDragScrollLock({\n  table,\n  parentRef,\n}: Readonly<{\n  table: ReactTable<TDataTableFeatures, RowData>;\n  parentRef: RefObject<HTMLDivElement | null>;\n}>): null {\n  // Keep drag subscriptions in this null-rendering child component so toggling\n  // either drag state does not re-render the virtualization container and every\n  // visible row and cell.\n  const isRowDragging = useSelector(\n    table.atoms.draggingRowInfo,\n    (draggingRowInfo) => draggingRowInfo !== null,\n  );\n  const isColumnDragging = useSelector(\n    table.atoms.draggedHeaderColumn,\n    (draggedHeaderColumn) => draggedHeaderColumn !== null,\n  );\n  const rowVirtualizer = table.getRowVirtualizer();\n  const columnVirtualizer = table.getColumnVirtualizer();\n\n  useEffect(() => {\n    const parent = parentRef.current;\n    const currentOffset = rowVirtualizer?.scrollOffset;\n    const abort = new AbortController();\n    if (isColumnDragging) {\n      parent?.addEventListener(\n        'scroll',\n        () => rowVirtualizer?.scrollToOffset(currentOffset ?? 0),\n        { signal: abort.signal },\n      );\n    }\n    return () => abort.abort();\n  }, [isColumnDragging, parentRef, rowVirtualizer]);\n\n  useEffect(() => {\n    const parent = parentRef.current;\n    const currentOffset = columnVirtualizer?.scrollOffset;\n    const abort = new AbortController();\n    if (isRowDragging) {\n      parent?.addEventListener(\n        'scroll',\n        () => columnVirtualizer?.scrollToOffset(currentOffset ?? 0),\n        { signal: abort.signal },\n      );\n    }\n    return () => abort.abort();\n  }, [columnVirtualizer, isRowDragging, parentRef]);\n\n  return null;\n}\n"],
+  "sourcesContent": ["import { useSelector } from '@tanstack/react-store';\nimport type { RowData } from '@tanstack/react-table';\nimport { type RefObject, useEffect } from 'react';\n\nimport type { DataTableInstance } from '../features/types/table.types.js';\n\n/**\n * Prevents horizontal scrolling while rows are dragged and vertical scrolling while columns are dragged.\n * @param table - The table instance.\n * @param parentRef - The ref of the parent container that is scrollable.\n */\nexport function DataTableDragScrollLock({\n  table,\n  parentRef,\n}: Readonly<{\n  table: DataTableInstance<RowData>;\n  parentRef: RefObject<HTMLDivElement | null>;\n}>): null {\n  // Keep drag subscriptions in this null-rendering child component so toggling\n  // either drag state does not re-render the virtualization container and every\n  // visible row and cell.\n  const isRowDragging = useSelector(\n    table.atoms.draggingRowInfo,\n    (draggingRowInfo) => draggingRowInfo !== null,\n  );\n  const isColumnDragging = useSelector(\n    table.atoms.draggedHeaderColumn,\n    (draggedHeaderColumn) => draggedHeaderColumn !== null,\n  );\n  const rowVirtualizer = table.getRowVirtualizer();\n  const columnVirtualizer = table.getColumnVirtualizer();\n\n  useEffect(() => {\n    const parent = parentRef.current;\n    const currentOffset = rowVirtualizer?.scrollOffset;\n    const abort = new AbortController();\n    if (isColumnDragging) {\n      parent?.addEventListener(\n        'scroll',\n        () => rowVirtualizer?.scrollToOffset(currentOffset ?? 0),\n        { signal: abort.signal },\n      );\n    }\n    return () => abort.abort();\n  }, [isColumnDragging, parentRef, rowVirtualizer]);\n\n  useEffect(() => {\n    const parent = parentRef.current;\n    const currentOffset = columnVirtualizer?.scrollOffset;\n    const abort = new AbortController();\n    if (isRowDragging) {\n      parent?.addEventListener(\n        'scroll',\n        () => columnVirtualizer?.scrollToOffset(currentOffset ?? 0),\n        { signal: abort.signal },\n      );\n    }\n    return () => abort.abort();\n  }, [columnVirtualizer, isRowDragging, parentRef]);\n\n  return null;\n}\n"],
   "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAyB,iBAAiB;AASnC,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAGU;AAIR,QAAM,gBAAgB;AAAA,IACpB,MAAM,MAAM;AAAA,IACZ,CAAC,oBAAoB,oBAAoB;AAAA,EAC3C;AACA,QAAM,mBAAmB;AAAA,IACvB,MAAM,MAAM;AAAA,IACZ,CAAC,wBAAwB,wBAAwB;AAAA,EACnD;AACA,QAAM,iBAAiB,MAAM,kBAAkB;AAC/C,QAAM,oBAAoB,MAAM,qBAAqB;AAErD,YAAU,MAAM;AACd,UAAM,SAAS,UAAU;AACzB,UAAM,gBAAgB,gBAAgB;AACtC,UAAM,QAAQ,IAAI,gBAAgB;AAClC,QAAI,kBAAkB;AACpB,cAAQ;AAAA,QACN;AAAA,QACA,MAAM,gBAAgB,eAAe,iBAAiB,CAAC;AAAA,QACvD,EAAE,QAAQ,MAAM,OAAO;AAAA,MACzB;AAAA,IACF;AACA,WAAO,MAAM,MAAM,MAAM;AAAA,EAC3B,GAAG,CAAC,kBAAkB,WAAW,cAAc,CAAC;AAEhD,YAAU,MAAM;AACd,UAAM,SAAS,UAAU;AACzB,UAAM,gBAAgB,mBAAmB;AACzC,UAAM,QAAQ,IAAI,gBAAgB;AAClC,QAAI,eAAe;AACjB,cAAQ;AAAA,QACN;AAAA,QACA,MAAM,mBAAmB,eAAe,iBAAiB,CAAC;AAAA,QAC1D,EAAE,QAAQ,MAAM,OAAO;AAAA,MACzB;AAAA,IACF;AACA,WAAO,MAAM,MAAM,MAAM;AAAA,EAC3B,GAAG,CAAC,mBAAmB,eAAe,SAAS,CAAC;AAEhD,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableEmptyState.css

@@ -1,4 +1,4 @@
-._lvf8p50-3-12-2 {
+._lvf8p50-3-13-0 {
   position: sticky;
   left: 0;
   top: 0;
@@ -6,25 +6,25 @@
   height: 100%;
   box-sizing: border-box;
 }
-._lvf8p51-3-12-2 {
+._lvf8p51-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: var(--dt-spacings-size-0, 0) var(--dt-spacings-size-12, 12px);
 }
-._lvf8p52-3-12-2 {
+._lvf8p52-3-13-0 {
   min-width: 200px;
 }
-._lvf8p53-3-12-2 {
+._lvf8p53-3-13-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
 }
-._lvf8p54-3-12-2 {
+._lvf8p54-3-13-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._lvf8p55-3-12-2 {
+._lvf8p55-3-13-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }

package/esm/tables/DataTable/components/DataTableEmptyState.sty.js

@@ -1,7 +1,7 @@
 import "./DataTableEmptyState.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var emptyState = _7a468({ defaultClassName: "_lvf8p51-3-12-2", variantClassNames: { minWidth: { true: "_lvf8p52-3-12-2" }, rowDensity: { "default": "_lvf8p53-3-12-2", condensed: "_lvf8p54-3-12-2", comfortable: "_lvf8p55-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
-var stickyContainer = "_lvf8p50-3-12-2";
+var emptyState = _7a468({ defaultClassName: "_lvf8p51-3-13-0", variantClassNames: { minWidth: { true: "_lvf8p52-3-13-0" }, rowDensity: { "default": "_lvf8p53-3-13-0", condensed: "_lvf8p54-3-13-0", comfortable: "_lvf8p55-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var stickyContainer = "_lvf8p50-3-13-0";
 export {
   emptyState,
   stickyContainer

package/esm/tables/DataTable/components/DataTableEmptyState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableEmptyState.css.ts"],
-  "sourcesContent": ["import './DataTableEmptyState.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var emptyState = _7a468({defaultClassName:'_lvf8p51-3-12-2',variantClassNames:{minWidth:{true:'_lvf8p52-3-12-2'},rowDensity:{'default':'_lvf8p53-3-12-2',condensed:'_lvf8p54-3-12-2',comfortable:'_lvf8p55-3-12-2'}},defaultVariants:{},compoundVariants:[]});\nexport var stickyContainer = '_lvf8p50-3-12-2';"],
+  "sourcesContent": ["import './DataTableEmptyState.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var emptyState = _7a468({defaultClassName:'_lvf8p51-3-13-0',variantClassNames:{minWidth:{true:'_lvf8p52-3-13-0'},rowDensity:{'default':'_lvf8p53-3-13-0',condensed:'_lvf8p54-3-13-0',comfortable:'_lvf8p55-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var stickyContainer = '_lvf8p50-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,GAAE,YAAW,EAAC,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5P,IAAI,kBAAkB;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableHeader.css

@@ -1,4 +1,4 @@
-._1kpe8zs0-3-12-2 {
+._1kpe8zs0-3-13-0 {
   display: grid;
   grid-template-rows: subgrid;
   grid-template-columns: subgrid;
@@ -12,6 +12,6 @@
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   box-shadow: inset 0 -2px 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1kpe8zs1-3-12-2 {
+._1kpe8zs1-3-13-0 {
   display: contents;
 }

package/esm/tables/DataTable/components/DataTableHeader.js

@@ -42,9 +42,9 @@ function DataTableHeader() {
     });
     return /* @__PURE__ */ jsx("div", { role: "row", className: headerStyles.headerRow, children: headerCells }, headerGroup.id);
   });
-  const headerContent = table.optionsStore.state.enableColumnOrdering ? /* @__PURE__ */ jsx(ColumnOrderDragAndDropContext, { children: headerRows }) : (
+  const headerContent = table.options.enableColumnOrdering ? /* @__PURE__ */ jsx(ColumnOrderDragAndDropContext, { children: headerRows }) : (
     // If column ordering is not enabled, don't use the ColumnOrderDragAndDropContext
-    // eslint-disable-next-line react/jsx-no-useless-fragment
+    // oxlint-disable-next-line react/jsx-no-useless-fragment
     /* @__PURE__ */ jsx(Fragment, { children: headerRows })
   );
   return /* @__PURE__ */ jsx(DataTableIsHeaderContextProvider, { children: /* @__PURE__ */ jsx(

package/esm/tables/DataTable/components/DataTableHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableHeader.tsx"],
-  "sourcesContent": ["import { type JSX, useEffect, useRef } from 'react';\n\nimport * as headerStyles from './DataTableHeader.sty.js';\nimport { DataTableHeaderCell } from './DataTableHeaderCell.js';\nimport {\n  DataTableIsHeaderContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport { ColumnOrderDragAndDropContext } from '../features/ColumnOrder/ColumnOrderDragAndDropContext.js';\n\nexport function DataTableHeader(): JSX.Element {\n  const table = useDataTable();\n  const headerGroups = table?.getHeaderGroups();\n  const headerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (!headerRef.current) {\n      return;\n    }\n    const resizeObserver = new ResizeObserver((entries) => {\n      const height = entries.at(0)?.borderBoxSize?.at(0)?.blockSize;\n      table.setObservedHeaderHeight(height ?? 0);\n    });\n    resizeObserver.observe(headerRef.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [table]);\n\n  const headerRows = headerGroups.map((headerGroup, rowIndex, rows) => {\n    const headers = table.getOrderedHeaderGroups()[rowIndex];\n    const headerCells = headers.map((header, columnIndex) => {\n      return (\n        <DataTableHeaderCell\n          key={\n            header.subHeaders.length > 0\n              ? `${header.column.id}_${header.subHeaders[0].column.id}`\n              : header.column.id\n          }\n          header={header}\n          headers={headers}\n          headerGroupId={headerGroup.id}\n          rowIndex={rowIndex}\n          columnIndex={columnIndex}\n          lastRowIndex={rows.length - 1}\n        />\n      );\n    });\n\n    return (\n      <div role=\"row\" className={headerStyles.headerRow} key={headerGroup.id}>\n        {headerCells}\n      </div>\n    );\n  });\n\n  const headerContent = table.optionsStore.state.enableColumnOrdering ? (\n    <ColumnOrderDragAndDropContext>{headerRows}</ColumnOrderDragAndDropContext>\n  ) : (\n    // If column ordering is not enabled, don't use the ColumnOrderDragAndDropContext\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{headerRows}</>\n  );\n\n  return (\n    <DataTableIsHeaderContextProvider>\n      <div\n        ref={headerRef}\n        role=\"rowgroup\"\n        data-rowgroup=\"header\"\n        className={headerStyles.header}\n      >\n        {headerContent}\n      </div>\n    </DataTableIsHeaderContextProvider>\n  );\n}\n\nDataTableHeader.displayName = 'DataTableHeader';\n"],
-  "mappings": "AAkCQ,SA4BJ,UA5BI;AAlCR,SAAmB,WAAW,cAAc;AAE5C,YAAY,kBAAkB;AAC9B,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,qCAAqC;AAEvC,SAAS,kBAA+B;AAC7C,QAAM,QAAQ,aAAa;AAC3B,QAAM,eAAe,OAAO,gBAAgB;AAC5C,QAAM,YAAY,OAA8B,IAAI;AAEpD,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,SAAS;AACtB;AAAA,IACF;AACA,UAAM,iBAAiB,IAAI,eAAe,CAAC,YAAY;AACrD,YAAM,SAAS,QAAQ,GAAG,CAAC,GAAG,eAAe,GAAG,CAAC,GAAG;AACpD,YAAM,wBAAwB,UAAU,CAAC;AAAA,IAC3C,CAAC;AACD,mBAAe,QAAQ,UAAU,OAAO;AAExC,WAAO,MAAM;AACX,qBAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,aAAa,aAAa,IAAI,CAAC,aAAa,UAAU,SAAS;AACnE,UAAM,UAAU,MAAM,uBAAuB,EAAE,QAAQ;AACvD,UAAM,cAAc,QAAQ,IAAI,CAAC,QAAQ,gBAAgB;AACvD,aACE;AAAA,QAAC;AAAA;AAAA,UAMC;AAAA,UACA;AAAA,UACA,eAAe,YAAY;AAAA,UAC3B;AAAA,UACA;AAAA,UACA,cAAc,KAAK,SAAS;AAAA;AAAA,QAT1B,OAAO,WAAW,SAAS,IACvB,GAAG,OAAO,OAAO,EAAE,IAAI,OAAO,WAAW,CAAC,EAAE,OAAO,EAAE,KACrD,OAAO,OAAO;AAAA,MAQtB;AAAA,IAEJ,CAAC;AAED,WACE,oBAAC,SAAI,MAAK,OAAM,WAAW,aAAa,WACrC,yBADqD,YAAY,EAEpE;AAAA,EAEJ,CAAC;AAED,QAAM,gBAAgB,MAAM,aAAa,MAAM,uBAC7C,oBAAC,iCAA+B,sBAAW;AAAA;AAAA;AAAA,IAI3C,gCAAG,sBAAW;AAAA;AAGhB,SACE,oBAAC,oCACC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,WAAW,aAAa;AAAA,MAEvB;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,gBAAgB,cAAc;",
+  "sourcesContent": ["import { type JSX, useEffect, useRef } from 'react';\n\nimport * as headerStyles from './DataTableHeader.sty.js';\nimport { DataTableHeaderCell } from './DataTableHeaderCell.js';\nimport {\n  DataTableIsHeaderContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport { ColumnOrderDragAndDropContext } from '../features/ColumnOrder/ColumnOrderDragAndDropContext.js';\n\nexport function DataTableHeader(): JSX.Element {\n  const table = useDataTable();\n  const headerGroups = table?.getHeaderGroups();\n  const headerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (!headerRef.current) {\n      return;\n    }\n    const resizeObserver = new ResizeObserver((entries) => {\n      const height = entries.at(0)?.borderBoxSize?.at(0)?.blockSize;\n      table.setObservedHeaderHeight(height ?? 0);\n    });\n    resizeObserver.observe(headerRef.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [table]);\n\n  const headerRows = headerGroups.map((headerGroup, rowIndex, rows) => {\n    const headers = table.getOrderedHeaderGroups()[rowIndex];\n    const headerCells = headers.map((header, columnIndex) => {\n      return (\n        <DataTableHeaderCell\n          key={\n            header.subHeaders.length > 0\n              ? `${header.column.id}_${header.subHeaders[0].column.id}`\n              : header.column.id\n          }\n          header={header}\n          headers={headers}\n          headerGroupId={headerGroup.id}\n          rowIndex={rowIndex}\n          columnIndex={columnIndex}\n          lastRowIndex={rows.length - 1}\n        />\n      );\n    });\n\n    return (\n      <div role=\"row\" className={headerStyles.headerRow} key={headerGroup.id}>\n        {headerCells}\n      </div>\n    );\n  });\n\n  const headerContent = table.options.enableColumnOrdering ? (\n    <ColumnOrderDragAndDropContext>{headerRows}</ColumnOrderDragAndDropContext>\n  ) : (\n    // If column ordering is not enabled, don't use the ColumnOrderDragAndDropContext\n    // oxlint-disable-next-line react/jsx-no-useless-fragment\n    <>{headerRows}</>\n  );\n\n  return (\n    <DataTableIsHeaderContextProvider>\n      <div\n        ref={headerRef}\n        role=\"rowgroup\"\n        data-rowgroup=\"header\"\n        className={headerStyles.header}\n      >\n        {headerContent}\n      </div>\n    </DataTableIsHeaderContextProvider>\n  );\n}\n\nDataTableHeader.displayName = 'DataTableHeader';\n"],
+  "mappings": "AAkCQ,SA4BJ,UA5BI;AAlCR,SAAmB,WAAW,cAAc;AAE5C,YAAY,kBAAkB;AAC9B,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,qCAAqC;AAEvC,SAAS,kBAA+B;AAC7C,QAAM,QAAQ,aAAa;AAC3B,QAAM,eAAe,OAAO,gBAAgB;AAC5C,QAAM,YAAY,OAA8B,IAAI;AAEpD,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,SAAS;AACtB;AAAA,IACF;AACA,UAAM,iBAAiB,IAAI,eAAe,CAAC,YAAY;AACrD,YAAM,SAAS,QAAQ,GAAG,CAAC,GAAG,eAAe,GAAG,CAAC,GAAG;AACpD,YAAM,wBAAwB,UAAU,CAAC;AAAA,IAC3C,CAAC;AACD,mBAAe,QAAQ,UAAU,OAAO;AAExC,WAAO,MAAM;AACX,qBAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,aAAa,aAAa,IAAI,CAAC,aAAa,UAAU,SAAS;AACnE,UAAM,UAAU,MAAM,uBAAuB,EAAE,QAAQ;AACvD,UAAM,cAAc,QAAQ,IAAI,CAAC,QAAQ,gBAAgB;AACvD,aACE;AAAA,QAAC;AAAA;AAAA,UAMC;AAAA,UACA;AAAA,UACA,eAAe,YAAY;AAAA,UAC3B;AAAA,UACA;AAAA,UACA,cAAc,KAAK,SAAS;AAAA;AAAA,QAT1B,OAAO,WAAW,SAAS,IACvB,GAAG,OAAO,OAAO,EAAE,IAAI,OAAO,WAAW,CAAC,EAAE,OAAO,EAAE,KACrD,OAAO,OAAO;AAAA,MAQtB;AAAA,IAEJ,CAAC;AAED,WACE,oBAAC,SAAI,MAAK,OAAM,WAAW,aAAa,WACrC,yBADqD,YAAY,EAEpE;AAAA,EAEJ,CAAC;AAED,QAAM,gBAAgB,MAAM,QAAQ,uBAClC,oBAAC,iCAA+B,sBAAW;AAAA;AAAA;AAAA,IAI3C,gCAAG,sBAAW;AAAA;AAGhB,SACE,oBAAC,oCACC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,WAAW,aAAa;AAAA,MAEvB;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,gBAAgB,cAAc;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableHeader.sty.js

@@ -1,6 +1,6 @@
 import "./DataTableHeader.css";
-var header = "_1kpe8zs0-3-12-2";
-var headerRow = "_1kpe8zs1-3-12-2";
+var header = "_1kpe8zs0-3-13-0";
+var headerRow = "_1kpe8zs1-3-13-0";
 export {
   header,
   headerRow

package/esm/tables/DataTable/components/DataTableHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableHeader.css.ts"],
-  "sourcesContent": ["import './DataTableHeader.css';\nexport var header = '_1kpe8zs0-3-12-2';\nexport var headerRow = '_1kpe8zs1-3-12-2';"],
+  "sourcesContent": ["import './DataTableHeader.css';\nexport var header = '_1kpe8zs0-3-13-0';\nexport var headerRow = '_1kpe8zs1-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,YAAY;",
   "names": []
 }