@dynatrace/strato-components 3.11.2 → 3.12.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/RowOrder.css.ts"],
-  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-11-2';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-11-2',variantClassNames:{disabled:{true:'_or8s42-3-11-2',false:'_or8s43-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-11-2';"],
+  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-12-0';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-12-0',variantClassNames:{disabled:{true:'_or8s42-3-12-0',false:'_or8s43-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB;AAC3B,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7K,IAAI,gBAAgB;",
   "names": []
 }

package/esm/tables/DataTable/features/RowSelection/RowSelectionAnnouncement.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { screenReaderOnly } from "../../../../styles/screen-reader-only.sty.js";
+import { useDataTable } from "../../contexts/DataTableContext.js";
+import { dataTableMessages } from "../../messages.js";
+function RowSelectionAnnouncement() {
+  const table = useDataTable();
+  const intl = useIntl();
+  const selectionCount = table.getSelectionCount();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      className: screenReaderOnly,
+      children: intl.formatMessage(dataTableMessages.rowSelectionAnnouncement, {
+        count: selectionCount
+      })
+    }
+  );
+}
+export {
+  RowSelectionAnnouncement
+};
+//# sourceMappingURL=RowSelectionAnnouncement.js.map

package/esm/tables/DataTable/features/RowSelection/RowSelectionAnnouncement.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/tables/DataTable/features/RowSelection/RowSelectionAnnouncement.tsx"],
+  "sourcesContent": ["import { type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { screenReaderOnly } from '../../../../styles/screen-reader-only.sty.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * Announces the current selection count via a polite live region whenever it\n * changes.\n * @internal\n */\nexport function RowSelectionAnnouncement(): JSX.Element {\n  const table = useDataTable();\n  const intl = useIntl();\n  const selectionCount = table.getSelectionCount();\n\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      className={screenReaderOnly}\n    >\n      {intl.formatMessage(dataTableMessages.rowSelectionAnnouncement, {\n        count: selectionCount,\n      })}\n    </div>\n  );\n}\n"],
+  "mappings": "AAkBI;AAjBJ,SAAS,eAAe;AAExB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAO3B,SAAS,2BAAwC;AACtD,QAAM,QAAQ,aAAa;AAC3B,QAAM,OAAO,QAAQ;AACrB,QAAM,iBAAiB,MAAM,kBAAkB;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,WAAW;AAAA,MAEV,eAAK,cAAc,kBAAkB,0BAA0B;AAAA,QAC9D,OAAO;AAAA,MACT,CAAC;AAAA;AAAA,EACH;AAEJ;",
+  "names": []
+}

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

@@ -1,4 +1,4 @@
-._cu1al70-3-11-2 {
+._cu1al70-3-12-0 {
   display: inline-flex;
   align-items: center;
   flex-direction: row;
@@ -10,60 +10,60 @@
   overflow: hidden;
   transform: translateY(2px);
 }
-._yj6voi4-3-11-2 ._cu1al70-3-11-2 {
+._yj6voi4-3-12-0 ._cu1al70-3-12-0 {
   transform: translateY(0);
 }
-._yj6voi5-3-11-2 ._cu1al70-3-11-2 {
+._yj6voi5-3-12-0 ._cu1al70-3-12-0 {
   transform: translateY(-2px);
 }
-._yj6voi1-3-11-2 ._cu1al70-3-11-2, ._yj6voi2-3-11-2 ._cu1al70-3-11-2 {
+._yj6voi1-3-12-0 ._cu1al70-3-12-0, ._yj6voi2-3-12-0 ._cu1al70-3-12-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._yj6voi0-3-11-2 ._cu1al70-3-11-2 {
+._yj6voi0-3-12-0 ._cu1al70-3-12-0 {
   order: -1;
   flex-direction: row-reverse;
   margin-right: var(--dt-spacings-size-2, 2px);
 }
-._11pvd3z6-3-11-2 ._14k72810-3-11-2 ~ ._cu1al70-3-11-2 {
+._11pvd3z6-3-12-0 ._14k72810-3-12-0 ~ ._cu1al70-3-12-0 {
   margin-top: 8px;
   margin-bottom: 8px;
 }
-._11pvd3z6-3-11-2:not(._yj6voi0-3-11-2, ._11pvd3z0-3-11-2:has([data-trigger="useraction"])) ._cu1al70-3-11-2 {
+._11pvd3z6-3-12-0:not(._yj6voi0-3-12-0, ._11pvd3z0-3-12-0:has([data-trigger="useraction"])) ._cu1al70-3-12-0 {
   margin-right: 12px;
 }
-._11pvd3z6-3-11-2:where(._yj6voi0-3-11-2):not(._11pvd3z0-3-11-2:has([data-trigger="useraction"])) ._cu1al70-3-11-2 {
+._11pvd3z6-3-12-0:where(._yj6voi0-3-12-0):not(._11pvd3z0-3-12-0:has([data-trigger="useraction"])) ._cu1al70-3-12-0 {
   margin-left: 12px;
 }
-._11pvd3z7-3-11-2 ._14k72810-3-11-2 ~ ._cu1al70-3-11-2 {
+._11pvd3z7-3-12-0 ._14k72810-3-12-0 ~ ._cu1al70-3-12-0 {
   margin-top: 2px;
   margin-bottom: 2px;
 }
-._11pvd3z7-3-11-2:not(._yj6voi0-3-11-2, ._11pvd3z0-3-11-2:has([data-trigger="useraction"])) ._cu1al70-3-11-2 {
+._11pvd3z7-3-12-0:not(._yj6voi0-3-12-0, ._11pvd3z0-3-12-0:has([data-trigger="useraction"])) ._cu1al70-3-12-0 {
   margin-right: 6px;
 }
-._11pvd3z7-3-11-2:where(._yj6voi0-3-11-2):not(._11pvd3z0-3-11-2:has([data-trigger="useraction"])) ._cu1al70-3-11-2 {
+._11pvd3z7-3-12-0:where(._yj6voi0-3-12-0):not(._11pvd3z0-3-12-0:has([data-trigger="useraction"])) ._cu1al70-3-12-0 {
   margin-left: 6px;
 }
-._11pvd3z8-3-11-2 ._14k72810-3-11-2 ~ ._cu1al70-3-11-2 {
+._11pvd3z8-3-12-0 ._14k72810-3-12-0 ~ ._cu1al70-3-12-0 {
   margin-top: 12px;
   margin-bottom: 12px;
 }
-._11pvd3z8-3-11-2:not(._yj6voi0-3-11-2, ._11pvd3z0-3-11-2:has([data-trigger="useraction"])) ._cu1al70-3-11-2 {
+._11pvd3z8-3-12-0:not(._yj6voi0-3-12-0, ._11pvd3z0-3-12-0:has([data-trigger="useraction"])) ._cu1al70-3-12-0 {
   margin-right: 16px;
 }
-._11pvd3z8-3-11-2:where(._yj6voi0-3-11-2):not(._11pvd3z0-3-11-2:has([data-trigger="useraction"])) ._cu1al70-3-11-2 {
+._11pvd3z8-3-12-0:where(._yj6voi0-3-12-0):not(._11pvd3z0-3-12-0:has([data-trigger="useraction"])) ._cu1al70-3-12-0 {
   margin-left: 16px;
 }
-._11pvd3z5-3-11-2._yj6voi0-3-11-2:not(._11pvd3zx-3-11-2) ._cu1al70-3-11-2 {
+._11pvd3z5-3-12-0._yj6voi0-3-12-0:not(._11pvd3zx-3-12-0) ._cu1al70-3-12-0 {
   order: 1;
 }
-._cu1al71-3-11-2 {
+._cu1al71-3-12-0 {
   transform: translateX(-4px);
 }
-._yj6voi0-3-11-2 ._cu1al71-3-11-2 {
+._yj6voi0-3-12-0 ._cu1al71-3-12-0 {
   transform: translateX(4px);
 }
-._cu1al72-3-11-2 {
+._cu1al72-3-12-0 {
   fill: currentColor;
   transition: transform 250ms ease-out;
   transform-origin: center;
@@ -71,54 +71,54 @@
   flex-shrink: 0;
   display: none;
 }
-._11pvd3z0-3-11-2 ._cu1al72-3-11-2 {
+._11pvd3z0-3-12-0 ._cu1al72-3-12-0 {
   display: inline;
 }
-:where(._yj6voi1-3-11-2,._yj6voi2-3-11-2) > ._cu1al72-3-11-2 {
+:where(._yj6voi1-3-12-0,._yj6voi2-3-12-0) > ._cu1al72-3-12-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._yj6voi0-3-11-2 ._cu1al72-3-11-2 {
+._yj6voi0-3-12-0 ._cu1al72-3-12-0 {
   order: -1;
 }
-._yj6voi0-3-11-2 > ._cu1al72-3-11-2 {
+._yj6voi0-3-12-0 > ._cu1al72-3-12-0 {
   margin-right: var(--dt-spacings-size-2, 2px);
 }
-._11pvd3z5-3-11-2._yj6voi0-3-11-2:not(._11pvd3zx-3-11-2) ._cu1al72-3-11-2 {
+._11pvd3z5-3-12-0._yj6voi0-3-12-0:not(._11pvd3zx-3-12-0) ._cu1al72-3-12-0 {
   order: 1;
 }
-._11pvd3z5-3-11-2._yj6voi0-3-11-2:not(._11pvd3zx-3-11-2) ._cu1al70-3-11-2 ._cu1al72-3-11-2 {
+._11pvd3z5-3-12-0._yj6voi0-3-12-0:not(._11pvd3zx-3-12-0) ._cu1al70-3-12-0 ._cu1al72-3-12-0 {
   order: -1;
 }
-._cu1al73-3-11-2 {
+._cu1al73-3-12-0 {
   transform: rotate(-180deg);
 }
-._11pvd3zx-3-11-2 ._14k72810-3-11-2 ~ ._cu1al74-3-11-2 {
+._11pvd3zx-3-12-0 ._14k72810-3-12-0 ~ ._cu1al74-3-12-0 {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-._11pvd3zx-3-11-2:where(._yj6voi1-3-11-2, ._yj6voi2-3-11-2):not(._11pvd3z0-3-11-2:has([data-trigger="useraction"])) > ._cu1al74-3-11-2 {
+._11pvd3zx-3-12-0:where(._yj6voi1-3-12-0, ._yj6voi2-3-12-0):not(._11pvd3z0-3-12-0:has([data-trigger="useraction"])) > ._cu1al74-3-12-0 {
   padding-right: 12px;
 }
-._11pvd3zx-3-11-2:where(._yj6voi0-3-11-2):not(._11pvd3z0-3-11-2:has([data-trigger="useraction"])) > ._cu1al74-3-11-2 {
+._11pvd3zx-3-12-0:where(._yj6voi0-3-12-0):not(._11pvd3z0-3-12-0:has([data-trigger="useraction"])) > ._cu1al74-3-12-0 {
   padding-left: 12px;
 }
-._11pvd3zx-3-11-2 ._14k72810-3-11-2 ~ ._cu1al75-3-11-2 {
+._11pvd3zx-3-12-0 ._14k72810-3-12-0 ~ ._cu1al75-3-12-0 {
   padding-top: 2px;
   padding-bottom: 2px;
 }
-._11pvd3zx-3-11-2:where(._yj6voi1-3-11-2, ._yj6voi2-3-11-2):not(._11pvd3z0-3-11-2:has([data-trigger="useraction"])) > ._cu1al75-3-11-2 {
+._11pvd3zx-3-12-0:where(._yj6voi1-3-12-0, ._yj6voi2-3-12-0):not(._11pvd3z0-3-12-0:has([data-trigger="useraction"])) > ._cu1al75-3-12-0 {
   padding-right: 6px;
 }
-._11pvd3zx-3-11-2:where(._yj6voi0-3-11-2):not(._11pvd3z0-3-11-2:has([data-trigger="useraction"])) > ._cu1al75-3-11-2 {
+._11pvd3zx-3-12-0:where(._yj6voi0-3-12-0):not(._11pvd3z0-3-12-0:has([data-trigger="useraction"])) > ._cu1al75-3-12-0 {
   padding-left: 6px;
 }
-._11pvd3zx-3-11-2 ._14k72810-3-11-2 ~ ._cu1al76-3-11-2 {
+._11pvd3zx-3-12-0 ._14k72810-3-12-0 ~ ._cu1al76-3-12-0 {
   padding-top: 12px;
   padding-bottom: 12px;
 }
-._11pvd3zx-3-11-2:where(._yj6voi1-3-11-2, ._yj6voi2-3-11-2):not(._11pvd3z0-3-11-2:has([data-trigger="useraction"])) > ._cu1al76-3-11-2 {
+._11pvd3zx-3-12-0:where(._yj6voi1-3-12-0, ._yj6voi2-3-12-0):not(._11pvd3z0-3-12-0:has([data-trigger="useraction"])) > ._cu1al76-3-12-0 {
   padding-right: 16px;
 }
-._11pvd3zx-3-11-2:where(._yj6voi0-3-11-2):not(._11pvd3z0-3-11-2:has([data-trigger="useraction"])) > ._cu1al76-3-11-2 {
+._11pvd3zx-3-12-0:where(._yj6voi0-3-12-0):not(._11pvd3z0-3-12-0:has([data-trigger="useraction"])) > ._cu1al76-3-12-0 {
   padding-left: 16px;
 }

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

@@ -14,9 +14,9 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./Sorting.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var multiSortIndicatorBubble = "_cu1al70-3-11-2";
-var sortOrderIndicator = "_cu1al71-3-11-2";
-var sortingArrow = _7a468({ defaultClassName: "_cu1al72-3-11-2", variantClassNames: { arrowUp: { true: "_cu1al73-3-11-2" }, rowDensity: { "default": "_cu1al74-3-11-2", condensed: "_cu1al75-3-11-2", comfortable: "_cu1al76-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var multiSortIndicatorBubble = "_cu1al70-3-12-0";
+var sortOrderIndicator = "_cu1al71-3-12-0";
+var sortingArrow = _7a468({ defaultClassName: "_cu1al72-3-12-0", variantClassNames: { arrowUp: { true: "_cu1al73-3-12-0" }, rowDensity: { "default": "_cu1al74-3-12-0", condensed: "_cu1al75-3-12-0", comfortable: "_cu1al76-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   multiSortIndicatorBubble,
   sortOrderIndicator,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/Sorting.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var multiSortIndicatorBubble = '_cu1al70-3-11-2';\nexport var sortOrderIndicator = '_cu1al71-3-11-2';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al72-3-11-2',variantClassNames:{arrowUp:{true:'_cu1al73-3-11-2'},rowDensity:{'default':'_cu1al74-3-11-2',condensed:'_cu1al75-3-11-2',comfortable:'_cu1al76-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var multiSortIndicatorBubble = '_cu1al70-3-12-0';\nexport var sortOrderIndicator = '_cu1al71-3-12-0';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al72-3-12-0',variantClassNames:{arrowUp:{true:'_cu1al73-3-12-0'},rowDensity:{'default':'_cu1al74-3-12-0',condensed:'_cu1al75-3-12-0',comfortable:'_cu1al76-3-12-0'}},defaultVariants:{},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,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,2BAA2B;AAC/B,IAAI,qBAAqB;AACzB,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,GAAE,YAAW,EAAC,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1udh2jz0-3-11-2 {
+._1udh2jz0-3-12-0 {
   position: relative;
   padding-left: 0;
   padding-right: var(--dt-spacings-size-8, 8px);
@@ -9,67 +9,67 @@
   flex-shrink: 0;
   align-items: center;
 }
-._yj6voi3-3-11-2 ._1udh2jz0-3-11-2 {
+._yj6voi3-3-12-0 ._1udh2jz0-3-12-0 {
   align-items: start;
 }
-._yj6voi5-3-11-2 ._1udh2jz0-3-11-2 {
+._yj6voi5-3-12-0 ._1udh2jz0-3-12-0 {
   align-items: end;
 }
-._11pvd3zy-3-11-2 ._1udh2jz1-3-11-2, ._14k72813-3-11-2 ._1udh2jz1-3-11-2 {
+._11pvd3zy-3-12-0 ._1udh2jz1-3-12-0, ._14k72813-3-12-0 ._1udh2jz1-3-12-0 {
   margin-right: 8px;
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._11pvd3zz-3-11-2 ._1udh2jz1-3-11-2, ._14k72814-3-11-2 ._1udh2jz1-3-11-2 {
+._11pvd3zz-3-12-0 ._1udh2jz1-3-12-0, ._14k72814-3-12-0 ._1udh2jz1-3-12-0 {
   margin-right: 2px;
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._11pvd3z10-3-11-2 ._1udh2jz1-3-11-2, ._14k72815-3-11-2 ._1udh2jz1-3-11-2 {
+._11pvd3z10-3-12-0 ._1udh2jz1-3-12-0, ._14k72815-3-12-0 ._1udh2jz1-3-12-0 {
   margin-right: 12px;
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7qua-3-11-2 ._1udh2jz2-3-11-2, ._14k72813-3-11-2 ._1udh2jz2-3-11-2 {
+._1ons7qua-3-12-0 ._1udh2jz2-3-12-0, ._14k72813-3-12-0 ._1udh2jz2-3-12-0 {
   padding-right: 8px;
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7qub-3-11-2 ._1udh2jz2-3-11-2, ._14k72814-3-11-2 ._1udh2jz2-3-11-2 {
+._1ons7qub-3-12-0 ._1udh2jz2-3-12-0, ._14k72814-3-12-0 ._1udh2jz2-3-12-0 {
   padding-right: 2px;
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7quc-3-11-2 ._1udh2jz2-3-11-2, ._14k72815-3-11-2 ._1udh2jz2-3-11-2 {
+._1ons7quc-3-12-0 ._1udh2jz2-3-12-0, ._14k72815-3-12-0 ._1udh2jz2-3-12-0 {
   padding-right: 12px;
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-[data-columntype='sparkline'] ._1udh2jz2-3-11-2 {
+[data-columntype='sparkline'] ._1udh2jz2-3-12-0 {
   align-items: center;
 }
-._1udh2jz3-3-11-2 {
+._1udh2jz3-3-12-0 {
   position: absolute;
   left: 0;
   overflow: hidden;
   stroke: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ons7qua-3-11-2 ._1udh2jz3-3-11-2, ._14k72813-3-11-2 ._1udh2jz3-3-11-2 {
+._1ons7qua-3-12-0 ._1udh2jz3-3-12-0, ._14k72813-3-12-0 ._1udh2jz3-3-12-0 {
   top: calc(8px * -1);
   bottom: calc(8px * -1);
   height: calc(100% + (2 * 8px));
 }
-._1ons7qub-3-11-2 ._1udh2jz3-3-11-2, ._14k72814-3-11-2 ._1udh2jz3-3-11-2 {
+._1ons7qub-3-12-0 ._1udh2jz3-3-12-0, ._14k72814-3-12-0 ._1udh2jz3-3-12-0 {
   top: calc(2px * -1);
   bottom: calc(2px * -1);
   height: calc(100% + (2 * 2px));
 }
-._1ons7quc-3-11-2 ._1udh2jz3-3-11-2, ._14k72815-3-11-2 ._1udh2jz3-3-11-2 {
+._1ons7quc-3-12-0 ._1udh2jz3-3-12-0, ._14k72815-3-12-0 ._1udh2jz3-3-12-0 {
   top: calc(12px * -1);
   bottom: calc(12px * -1);
   height: calc(100% + (2 * 12px));
 }
-._1udh2jz4-3-11-2 {
+._1udh2jz4-3-12-0 {
   right: var(--dt-spacings-size-16, 16px);
 }
-._1udh2jz5-3-11-2 {
+._1udh2jz5-3-12-0 {
   right: calc(20 + var(--dt-spacings-size-16, 16px));
 }
-._1udh2jz6-3-11-2 {
+._1udh2jz6-3-12-0 {
   appearance: none;
   border: 0;
   line-height: 0;
@@ -84,10 +84,10 @@
   height: max-content;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1udh2jz6-3-11-2:not([disabled]):hover {
+._1udh2jz6-3-12-0:not([disabled]):hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1udh2jz6-3-11-2[disabled] {
+._1udh2jz6-3-12-0[disabled] {
   color: var(--dt-colors-icon-neutral-disabled, #595a7d80);
   cursor: default;
 }

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

@@ -15,11 +15,11 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./SubRows.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var expandButtonCellWrapper = "_1udh2jz2-3-11-2 _1udh2jz0-3-11-2";
-var expandButtonHeaderCellWrapper = "_1udh2jz1-3-11-2 _1udh2jz0-3-11-2";
-var expandIndentSvg = "_1udh2jz3-3-11-2";
-var expandIndentSvgSize = _7a468({ defaultClassName: "_1udh2jz4-3-11-2", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var expanderButton = "_1udh2jz6-3-11-2 _z0fq9b4-3-11-2 _z0fq9bd-3-11-2 _z0fq9b6-3-11-2 _z0fq9b9-3-11-2";
+var expandButtonCellWrapper = "_1udh2jz2-3-12-0 _1udh2jz0-3-12-0";
+var expandButtonHeaderCellWrapper = "_1udh2jz1-3-12-0 _1udh2jz0-3-12-0";
+var expandIndentSvg = "_1udh2jz3-3-12-0";
+var expandIndentSvgSize = _7a468({ defaultClassName: "_1udh2jz4-3-12-0", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var expanderButton = "_1udh2jz6-3-12-0 _z0fq9b4-3-12-0 _z0fq9bd-3-12-0 _z0fq9b6-3-12-0 _z0fq9b9-3-12-0";
 export {
   expandButtonCellWrapper,
   expandButtonHeaderCellWrapper,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/SubRows/SubRows.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './SubRows.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandButtonCellWrapper = '_1udh2jz2-3-11-2 _1udh2jz0-3-11-2';\nexport var expandButtonHeaderCellWrapper = '_1udh2jz1-3-11-2 _1udh2jz0-3-11-2';\nexport var expandIndentSvg = '_1udh2jz3-3-11-2';\nexport var expandIndentSvgSize = _7a468({defaultClassName:'_1udh2jz4-3-11-2',variantClassNames:{rowCanExpand:{true:'_1udh2jz5-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var expanderButton = '_1udh2jz6-3-11-2 _z0fq9b4-3-11-2 _z0fq9bd-3-11-2 _z0fq9b6-3-11-2 _z0fq9b9-3-11-2';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './SubRows.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandButtonCellWrapper = '_1udh2jz2-3-12-0 _1udh2jz0-3-12-0';\nexport var expandButtonHeaderCellWrapper = '_1udh2jz1-3-12-0 _1udh2jz0-3-12-0';\nexport var expandIndentSvg = '_1udh2jz3-3-12-0';\nexport var expandIndentSvgSize = _7a468({defaultClassName:'_1udh2jz4-3-12-0',variantClassNames:{rowCanExpand:{true:'_1udh2jz5-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var expanderButton = '_1udh2jz6-3-12-0 _z0fq9b4-3-12-0 _z0fq9bd-3-12-0 _z0fq9b6-3-12-0 _z0fq9b9-3-12-0';"],
   "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,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,gCAAgC;AACpC,IAAI,kBAAkB;AACtB,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxK,IAAI,iBAAiB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1jrjqrd1-3-11-2 ._1jrjqrd2-3-11-2::before {
+._1jrjqrd1-3-12-0 ._1jrjqrd2-3-12-0::before {
   content: "";
   position: absolute;
   display: inline-block;
@@ -8,5 +8,5 @@
   width: var(--dt-spacings-size-4, 4px);
   left: var(--dt-spacings-size-0, 0);
   border-radius: 0 var(--dt-borders-radius-field-subdued, 3px) var(--dt-borders-radius-field-subdued, 3px) 0;
-  background-color: var(--_1jrjqrd0-3-11-2);
+  background-color: var(--_1jrjqrd0-3-12-0);
 }

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

@@ -1,7 +1,7 @@
 import "./Thresholds.css";
-var hasPillThresholds = "_1jrjqrd1-3-11-2";
-var thresholdPill = "_1jrjqrd2-3-11-2";
-var thresholdPillColor = "var(--_1jrjqrd0-3-11-2)";
+var hasPillThresholds = "_1jrjqrd1-3-12-0";
+var thresholdPill = "_1jrjqrd2-3-12-0";
+var thresholdPillColor = "var(--_1jrjqrd0-3-12-0)";
 export {
   hasPillThresholds,
   thresholdPill,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Thresholds/Thresholds.css.ts"],
-  "sourcesContent": ["import './Thresholds.css';\nexport var hasPillThresholds = '_1jrjqrd1-3-11-2';\nexport var thresholdPill = '_1jrjqrd2-3-11-2';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-11-2)';"],
+  "sourcesContent": ["import './Thresholds.css';\nexport var hasPillThresholds = '_1jrjqrd1-3-12-0';\nexport var thresholdPill = '_1jrjqrd2-3-12-0';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-12-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/InlineUserActionsMenu.js

@@ -3,12 +3,15 @@ import { useSelector } from "@tanstack/react-store";
 import {
   Children,
   useCallback,
+  useEffect,
+  useRef,
   useState
 } from "react";
 import { DotMenuIcon } from "@dynatrace/strato-icons";
 import { useCellAndColumnActions } from "./useCellActions.js";
 import { useCloseMenuOnScroll } from "./useCloseMenuOnScroll.js";
 import * as styles from "./UserActions.sty.js";
+import { attemptFocus } from "../../../../core/utils/focus-management/attempt-focus.js";
 import { Menu } from "../../../../navigation/menu/Menu.js";
 import {
   DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP,
@@ -32,6 +35,8 @@ function InlineUserActionsMenu(props) {
     onClose
   } = props;
   const [menuOpen, setMenuOpen] = useState(false);
+  const triggerRef = useRef(null);
+  const restoreFocusOnCloseRef = useRef(false);
   const table = useDataTable();
   const column = table.getColumn(columnId);
   const actions = useCellAndColumnActions({
@@ -54,6 +59,36 @@ function InlineUserActionsMenu(props) {
     columnId,
     isHeader: type === "header"
   });
+  useEffect(() => {
+    if (!menuOpen) {
+      return;
+    }
+    restoreFocusOnCloseRef.current = false;
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape" || event.key === "Enter" || event.key === " ") {
+        restoreFocusOnCloseRef.current = true;
+      }
+    };
+    const handlePointerDown = () => {
+      restoreFocusOnCloseRef.current = false;
+    };
+    document.addEventListener("keydown", handleKeyDown, true);
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown, true);
+      document.removeEventListener("pointerdown", handlePointerDown, true);
+    };
+  }, [menuOpen]);
+  const handleCloseAutoFocus = useCallback((event) => {
+    if (!restoreFocusOnCloseRef.current) {
+      return;
+    }
+    restoreFocusOnCloseRef.current = false;
+    const restored = triggerRef.current !== null && attemptFocus(triggerRef.current, { focusVisible: true });
+    if (restored) {
+      event.preventDefault();
+    }
+  }, []);
   const isFloatingMenuOpenForThis = useSelector(
     table.atoms.floatingMenuInfo,
     (floatingMenuInfo) => floatingMenuInfo?.columnId === columnId && (type === "cell" && floatingMenuInfo?.rowId === headerGroupOrRowId || type === "header" && floatingMenuInfo?.type === "headerAction")
@@ -79,6 +114,7 @@ function InlineUserActionsMenu(props) {
   }
   const triggerProps = {
     type: "button",
+    ref: triggerRef,
     className: styles.actionButton,
     style: {
       display: menuOpen ? "inline-block" : void 0,
@@ -106,6 +142,7 @@ function InlineUserActionsMenu(props) {
       "button",
       {
         ...triggerProps,
+        "aria-expanded": false,
         onClick: (event) => {
           event.preventDefault();
           event.stopPropagation();
@@ -140,7 +177,14 @@ function InlineUserActionsMenu(props) {
             }
           }
         ) }),
-        menuOpen === true ? /* @__PURE__ */ jsx(DataTableColumnContextProvider, { value: column, children: /* @__PURE__ */ jsx(Menu.Content, { alignment, children: Children.map(actions, (child) => child) }) }) : null
+        menuOpen === true ? /* @__PURE__ */ jsx(DataTableColumnContextProvider, { value: column, children: /* @__PURE__ */ jsx(
+          Menu.Content,
+          {
+            alignment,
+            onCloseAutoFocus: handleCloseAutoFocus,
+            children: Children.map(actions, (child) => child)
+          }
+        ) }) : null
       ]
     }
   );

package/esm/tables/DataTable/features/UserActions/InlineUserActionsMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/InlineUserActionsMenu.tsx"],
-  "sourcesContent": ["import { useSelector } from '@tanstack/react-store';\nimport {\n  Children,\n  type JSX,\n  type PropsWithChildren,\n  useCallback,\n  useState,\n} from 'react';\n\nimport { DotMenuIcon } from '@dynatrace/strato-icons';\n\nimport { useCellAndColumnActions } from './useCellActions.js';\nimport { useCloseMenuOnScroll } from './useCloseMenuOnScroll.js';\nimport * as styles from './UserActions.sty.js';\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport {\n  DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP,\n  DATA_TABLE_DEFAULT_ICON_SIZE,\n  DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE as SUB_ROW_EXPANDER_ICON_SIZE,\n  DATA_TABLE_SUB_ROW_INDENT_GRID as SUB_ROW_INDENT_GRID,\n} from '../../constants.js';\nimport {\n  DataTableColumnContextProvider,\n  useDataTable,\n} from '../../contexts/DataTableContext.js';\n\n/**\n * Three dots menu for inline cell or column actions that is revealed on hover.\n * @internal\n */\nexport function InlineUserActionsMenu(\n  props: PropsWithChildren<{\n    columnId: string;\n    headerGroupOrRowId: string;\n    type: 'cell' | 'header';\n    'aria-label': string;\n    'data-header-row'?: number;\n    'data-column'?: number;\n    hovered?: boolean;\n    onClose?: () => void;\n  }>,\n): JSX.Element | undefined {\n  const {\n    columnId,\n    headerGroupOrRowId,\n    type,\n    'aria-label': ariaLabel,\n    'data-header-row': dataHeaderRow,\n    'data-column': dataColumn,\n    hovered,\n    onClose,\n  } = props;\n  const [menuOpen, setMenuOpen] = useState(false);\n\n  const table = useDataTable();\n  const column = table.getColumn(columnId);\n  const actions = useCellAndColumnActions({\n    enabled: menuOpen,\n    headerGroupOrRowId,\n    columnId,\n    type,\n  });\n\n  const closeMenu = useCallback(() => {\n    onClose?.();\n    if (type === 'cell') {\n      table.setOpenMenuRowId(null);\n    }\n    setMenuOpen(false);\n  }, [onClose, table, type]);\n\n  useCloseMenuOnScroll({\n    isMenuOpen: menuOpen,\n    closeMenu,\n    rowId: headerGroupOrRowId,\n    columnId,\n    isHeader: type === 'header',\n  });\n\n  // Subscribe only to the floating menu relevant to this trigger.\n  const isFloatingMenuOpenForThis = useSelector(\n    table.atoms.floatingMenuInfo,\n    (floatingMenuInfo) =>\n      floatingMenuInfo?.columnId === columnId &&\n      ((type === 'cell' && floatingMenuInfo?.rowId === headerGroupOrRowId) ||\n        (type === 'header' && floatingMenuInfo?.type === 'headerAction')),\n  );\n\n  // Don't render the inline trigger when the floating (right-click) menu\n  // is already open for this cell or column header\n  if (isFloatingMenuOpenForThis) {\n    return undefined;\n  }\n\n  /**\n   * Calculates the indentation for the action trigger to not overlap with the sub-row expander.\n   */\n  function getSubrowIndentation(): number | undefined {\n    if (!table.options.enableExpanding) {\n      // no sub-rows, no indentation needed\n      return undefined;\n    }\n\n    if (table.getSubRowIndicatorColumnId() !== columnId) {\n      // We only need to indent in the leftmost column containing the sub-row expander\n      return undefined;\n    }\n\n    if (type === 'header') {\n      if (column?.columnDef.meta?.hasCustomHeaderRenderer) {\n        // no indentation needed, custom header renderers are responsible for their own layout\n        return undefined;\n      }\n      return (\n        SUB_ROW_EXPANDER_ICON_SIZE +\n        DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP[\n          table.atoms.visualVariantConfig?.get().rowDensity\n        ]\n      );\n    }\n\n    // Important: only fetch the row if we are rendering a cell action menu, getRow will throw if we try to fetch a header group\n    const row = table.getRow(headerGroupOrRowId);\n    return (\n      row.depth * SUB_ROW_INDENT_GRID +\n      SUB_ROW_EXPANDER_ICON_SIZE +\n      DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP[\n        table.atoms.visualVariantConfig?.get().rowDensity\n      ]\n    );\n  }\n\n  const triggerProps = {\n    type: 'button',\n    className: styles.actionButton,\n    style: {\n      display: menuOpen ? 'inline-block' : undefined,\n      marginLeft: getSubrowIndentation(),\n    },\n    'aria-label': ariaLabel,\n    'data-header-row': dataHeaderRow,\n    'data-column': dataColumn,\n    'data-trigger': 'useraction',\n    children: (\n      <DotMenuIcon\n        style={{\n          width: DATA_TABLE_DEFAULT_ICON_SIZE,\n          height: DATA_TABLE_DEFAULT_ICON_SIZE,\n        }}\n      />\n    ),\n  } as const;\n\n  // Avoid spawning the menu while it is closed to avoid react render\n  // performance issues.\n  if (!menuOpen) {\n    // Omit the button from the default render to reduce the number of rendered elements.\n    if (hovered === false) {\n      return;\n    }\n\n    return (\n      <button\n        {...triggerProps}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setMenuOpen(true);\n          if (type === 'cell') {\n            table.setOpenMenuRowId(headerGroupOrRowId);\n          }\n        }}\n      />\n    );\n  }\n\n  // Calculate the alignment of the opening menu based on the column alignment.\n  const alignment = column?.columnDef.alignment?.includes('right')\n    ? 'start'\n    : 'end';\n\n  return (\n    <Menu\n      open={menuOpen}\n      onOpenChange={(open) => {\n        if (!open) {\n          closeMenu();\n          return;\n        }\n\n        setMenuOpen(true);\n      }}\n      modal={false}\n    >\n      <Menu.Trigger>\n        <button\n          {...triggerProps}\n          onClick={(evt) => {\n            evt.stopPropagation();\n          }}\n        />\n      </Menu.Trigger>\n      {menuOpen === true ? (\n        <DataTableColumnContextProvider value={column}>\n          <Menu.Content alignment={alignment}>\n            {/**\n           Run all actions through a Children map so they will receive\n           an automatic key and do not violate react key map rules.\n           */}\n            {Children.map(actions, (child) => child)}\n          </Menu.Content>\n        </DataTableColumnContextProvider>\n      ) : null}\n    </Menu>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useSelector } from '@tanstack/react-store';\nimport {\n  Children,\n  type JSX,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { DotMenuIcon } from '@dynatrace/strato-icons';\n\nimport { useCellAndColumnActions } from './useCellActions.js';\nimport { useCloseMenuOnScroll } from './useCloseMenuOnScroll.js';\nimport * as styles from './UserActions.sty.js';\nimport { attemptFocus } from '../../../../core/utils/focus-management/attempt-focus.js';\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport {\n  DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP,\n  DATA_TABLE_DEFAULT_ICON_SIZE,\n  DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE as SUB_ROW_EXPANDER_ICON_SIZE,\n  DATA_TABLE_SUB_ROW_INDENT_GRID as SUB_ROW_INDENT_GRID,\n} from '../../constants.js';\nimport {\n  DataTableColumnContextProvider,\n  useDataTable,\n} from '../../contexts/DataTableContext.js';\n\n/**\n * Three dots menu for inline cell or column actions that is revealed on hover.\n * @internal\n */\nexport function InlineUserActionsMenu(\n  props: PropsWithChildren<{\n    columnId: string;\n    headerGroupOrRowId: string;\n    type: 'cell' | 'header';\n    'aria-label': string;\n    'data-header-row'?: number;\n    'data-column'?: number;\n    hovered?: boolean;\n    onClose?: () => void;\n  }>,\n): JSX.Element | undefined {\n  const {\n    columnId,\n    headerGroupOrRowId,\n    type,\n    'aria-label': ariaLabel,\n    'data-header-row': dataHeaderRow,\n    'data-column': dataColumn,\n    hovered,\n    onClose,\n  } = props;\n  const [menuOpen, setMenuOpen] = useState(false);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const restoreFocusOnCloseRef = useRef(false);\n\n  const table = useDataTable();\n  const column = table.getColumn(columnId);\n  const actions = useCellAndColumnActions({\n    enabled: menuOpen,\n    headerGroupOrRowId,\n    columnId,\n    type,\n  });\n\n  const closeMenu = useCallback(() => {\n    onClose?.();\n    if (type === 'cell') {\n      table.setOpenMenuRowId(null);\n    }\n    setMenuOpen(false);\n  }, [onClose, table, type]);\n\n  useCloseMenuOnScroll({\n    isMenuOpen: menuOpen,\n    closeMenu,\n    rowId: headerGroupOrRowId,\n    columnId,\n    isHeader: type === 'header',\n  });\n\n  // Capture phase, because Radix's own escape handler also listens on the\n  // document and would otherwise close the menu before the flag is recorded.\n  useEffect(() => {\n    if (!menuOpen) {\n      return;\n    }\n\n    restoreFocusOnCloseRef.current = false;\n\n    // Escape closes the menu; Enter and Space activate an item and close it.\n    // All three should hand focus back to the trigger. Tab is deliberately\n    // excluded so that tabbing out of the menu keeps moving focus forward.\n    const handleKeyDown = (event: KeyboardEvent): void => {\n      if (\n        event.key === 'Escape' ||\n        event.key === 'Enter' ||\n        event.key === ' '\n      ) {\n        restoreFocusOnCloseRef.current = true;\n      }\n    };\n\n    // Any pointer interaction cancels a pending restore \u2014 e.g. Enter on a\n    // sub-trigger followed by a click outside must not pull focus back.\n    const handlePointerDown = (): void => {\n      restoreFocusOnCloseRef.current = false;\n    };\n\n    document.addEventListener('keydown', handleKeyDown, true);\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, true);\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n    };\n  }, [menuOpen]);\n\n  const handleCloseAutoFocus = useCallback((event: Event): void => {\n    if (!restoreFocusOnCloseRef.current) {\n      return;\n    }\n    restoreFocusOnCloseRef.current = false;\n\n    // Radix restores focus to the trigger it registered, but that node is\n    // unmounted by the open/closed render swap below, so focus the surviving\n    // trigger instead. `focusVisible` is required because both the focus ring\n    // and the `opacity: 1` reveal hang off `:focus-visible`.\n    // Only suppress Radix's restore (and the focus scope's fallback to\n    // `document.body`) once focus actually landed \u2014 actions such as\n    // \"Hide column\" remove the trigger altogether.\n    const restored =\n      triggerRef.current !== null &&\n      attemptFocus(triggerRef.current, { focusVisible: true });\n\n    if (restored) {\n      event.preventDefault();\n    }\n  }, []);\n\n  // Subscribe only to the floating menu relevant to this trigger.\n  const isFloatingMenuOpenForThis = useSelector(\n    table.atoms.floatingMenuInfo,\n    (floatingMenuInfo) =>\n      floatingMenuInfo?.columnId === columnId &&\n      ((type === 'cell' && floatingMenuInfo?.rowId === headerGroupOrRowId) ||\n        (type === 'header' && floatingMenuInfo?.type === 'headerAction')),\n  );\n\n  // Don't render the inline trigger when the floating (right-click) menu\n  // is already open for this cell or column header\n  if (isFloatingMenuOpenForThis) {\n    return undefined;\n  }\n\n  /**\n   * Calculates the indentation for the action trigger to not overlap with the sub-row expander.\n   */\n  function getSubrowIndentation(): number | undefined {\n    if (!table.options.enableExpanding) {\n      // no sub-rows, no indentation needed\n      return undefined;\n    }\n\n    if (table.getSubRowIndicatorColumnId() !== columnId) {\n      // We only need to indent in the leftmost column containing the sub-row expander\n      return undefined;\n    }\n\n    if (type === 'header') {\n      if (column?.columnDef.meta?.hasCustomHeaderRenderer) {\n        // no indentation needed, custom header renderers are responsible for their own layout\n        return undefined;\n      }\n      return (\n        SUB_ROW_EXPANDER_ICON_SIZE +\n        DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP[\n          table.atoms.visualVariantConfig?.get().rowDensity\n        ]\n      );\n    }\n\n    // Important: only fetch the row if we are rendering a cell action menu, getRow will throw if we try to fetch a header group\n    const row = table.getRow(headerGroupOrRowId);\n    return (\n      row.depth * SUB_ROW_INDENT_GRID +\n      SUB_ROW_EXPANDER_ICON_SIZE +\n      DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP[\n        table.atoms.visualVariantConfig?.get().rowDensity\n      ]\n    );\n  }\n\n  const triggerProps = {\n    type: 'button',\n    ref: triggerRef,\n    className: styles.actionButton,\n    style: {\n      display: menuOpen ? 'inline-block' : undefined,\n      marginLeft: getSubrowIndentation(),\n    },\n    'aria-label': ariaLabel,\n    'data-header-row': dataHeaderRow,\n    'data-column': dataColumn,\n    'data-trigger': 'useraction',\n    children: (\n      <DotMenuIcon\n        style={{\n          width: DATA_TABLE_DEFAULT_ICON_SIZE,\n          height: DATA_TABLE_DEFAULT_ICON_SIZE,\n        }}\n      />\n    ),\n  } as const;\n\n  // Avoid spawning the menu while it is closed to avoid react render\n  // performance issues.\n  if (!menuOpen) {\n    // Omit the button from the default render to reduce the number of rendered elements.\n    if (hovered === false) {\n      return;\n    }\n\n    return (\n      <button\n        {...triggerProps}\n        aria-expanded={false}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setMenuOpen(true);\n          if (type === 'cell') {\n            table.setOpenMenuRowId(headerGroupOrRowId);\n          }\n        }}\n      />\n    );\n  }\n\n  // Calculate the alignment of the opening menu based on the column alignment.\n  const alignment = column?.columnDef.alignment?.includes('right')\n    ? 'start'\n    : 'end';\n\n  return (\n    <Menu\n      open={menuOpen}\n      onOpenChange={(open) => {\n        if (!open) {\n          closeMenu();\n          return;\n        }\n\n        setMenuOpen(true);\n      }}\n      modal={false}\n    >\n      <Menu.Trigger>\n        <button\n          {...triggerProps}\n          onClick={(evt) => {\n            evt.stopPropagation();\n          }}\n        />\n      </Menu.Trigger>\n      {menuOpen === true ? (\n        <DataTableColumnContextProvider value={column}>\n          <Menu.Content\n            alignment={alignment}\n            onCloseAutoFocus={handleCloseAutoFocus}\n          >\n            {/**\n           Run all actions through a Children map so they will receive\n           an automatic key and do not violate react key map rules.\n           */}\n            {Children.map(actions, (child) => child)}\n          </Menu.Content>\n        </DataTableColumnContextProvider>\n      ) : null}\n    </Menu>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/RowActions.css

@@ -1,4 +1,4 @@
-._bq8mqs0-3-11-2 {
+._bq8mqs0-3-12-0 {
   padding-left: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-2, 2px);
   overflow: visible;
@@ -7,15 +7,15 @@
   flex-basis: 100%;
   gap: var(--dt-spacings-size-2, 2px);
 }
-._14k72813-3-11-2._bq8mqs0-3-11-2 {
+._14k72813-3-12-0._bq8mqs0-3-12-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._14k72815-3-11-2._bq8mqs0-3-11-2 {
+._14k72815-3-12-0._bq8mqs0-3-12-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._14k72814-3-11-2._bq8mqs0-3-11-2 {
+._14k72814-3-12-0._bq8mqs0-3-12-0 {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
 }

package/esm/tables/DataTable/features/UserActions/RowActions.sty.js

@@ -13,7 +13,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./RowActions.css";
-var rowActions = "_bq8mqs0-3-11-2";
+var rowActions = "_bq8mqs0-3-12-0";
 export {
   rowActions
 };

package/esm/tables/DataTable/features/UserActions/RowActions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/RowActions.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './RowActions.css';\nexport var rowActions = '_bq8mqs0-3-11-2';"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './RowActions.css';\nexport var rowActions = '_bq8mqs0-3-12-0';"],
   "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,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }