@dynatrace/strato-components 3.0.1 → 3.1.0

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

@@ -1,4 +1,4 @@
-._1udh2jz0-3-0-1 {
+._1udh2jz0-3-1-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-0-1 ._1udh2jz0-3-0-1 {
+._yj6voi3-3-1-0 ._1udh2jz0-3-1-0 {
   align-items: start;
 }
-._yj6voi5-3-0-1 ._1udh2jz0-3-0-1 {
+._yj6voi5-3-1-0 ._1udh2jz0-3-1-0 {
   align-items: end;
 }
-._11pvd3zo-3-0-1 ._1udh2jz1-3-0-1, ._14k72813-3-0-1 ._1udh2jz1-3-0-1 {
+._11pvd3zo-3-1-0 ._1udh2jz1-3-1-0, ._14k72813-3-1-0 ._1udh2jz1-3-1-0 {
   margin-right: var(--dt-spacings-size-8, 8px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._11pvd3zp-3-0-1 ._1udh2jz1-3-0-1, ._14k72814-3-0-1 ._1udh2jz1-3-0-1 {
+._11pvd3zp-3-1-0 ._1udh2jz1-3-1-0, ._14k72814-3-1-0 ._1udh2jz1-3-1-0 {
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._11pvd3zq-3-0-1 ._1udh2jz1-3-0-1, ._14k72815-3-0-1 ._1udh2jz1-3-0-1 {
+._11pvd3zq-3-1-0 ._1udh2jz1-3-1-0, ._14k72815-3-1-0 ._1udh2jz1-3-1-0 {
   margin-right: var(--dt-spacings-size-12, 12px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7qua-3-0-1 ._1udh2jz2-3-0-1, ._14k72813-3-0-1 ._1udh2jz2-3-0-1 {
+._1ons7qua-3-1-0 ._1udh2jz2-3-1-0, ._14k72813-3-1-0 ._1udh2jz2-3-1-0 {
   padding-right: var(--dt-spacings-size-8, 8px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7qub-3-0-1 ._1udh2jz2-3-0-1, ._14k72814-3-0-1 ._1udh2jz2-3-0-1 {
+._1ons7qub-3-1-0 ._1udh2jz2-3-1-0, ._14k72814-3-1-0 ._1udh2jz2-3-1-0 {
   padding-right: var(--dt-spacings-size-2, 2px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7quc-3-0-1 ._1udh2jz2-3-0-1, ._14k72815-3-0-1 ._1udh2jz2-3-0-1 {
+._1ons7quc-3-1-0 ._1udh2jz2-3-1-0, ._14k72815-3-1-0 ._1udh2jz2-3-1-0 {
   padding-right: var(--dt-spacings-size-12, 12px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-[data-columntype='sparkline'] ._1udh2jz2-3-0-1 {
+[data-columntype='sparkline'] ._1udh2jz2-3-1-0 {
   align-items: center;
 }
-._1udh2jz3-3-0-1 {
+._1udh2jz3-3-1-0 {
   position: absolute;
   left: 0;
   overflow: hidden;
   stroke: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ons7qua-3-0-1 ._1udh2jz3-3-0-1, ._14k72813-3-0-1 ._1udh2jz3-3-0-1 {
+._1ons7qua-3-1-0 ._1udh2jz3-3-1-0, ._14k72813-3-1-0 ._1udh2jz3-3-1-0 {
   top: calc(var(--dt-spacings-size-8, 8px) * -1);
   bottom: calc(var(--dt-spacings-size-8, 8px) * -1);
   height: calc(100% + (2 * var(--dt-spacings-size-8, 8px)));
 }
-._1ons7qub-3-0-1 ._1udh2jz3-3-0-1, ._14k72814-3-0-1 ._1udh2jz3-3-0-1 {
+._1ons7qub-3-1-0 ._1udh2jz3-3-1-0, ._14k72814-3-1-0 ._1udh2jz3-3-1-0 {
   top: calc(var(--dt-spacings-size-2, 2px) * -1);
   bottom: calc(var(--dt-spacings-size-2, 2px) * -1);
   height: calc(100% + (2 * var(--dt-spacings-size-2, 2px)));
 }
-._1ons7quc-3-0-1 ._1udh2jz3-3-0-1, ._14k72815-3-0-1 ._1udh2jz3-3-0-1 {
+._1ons7quc-3-1-0 ._1udh2jz3-3-1-0, ._14k72815-3-1-0 ._1udh2jz3-3-1-0 {
   top: calc(var(--dt-spacings-size-12, 12px) * -1);
   bottom: calc(var(--dt-spacings-size-12, 12px) * -1);
   height: calc(100% + (2 * var(--dt-spacings-size-12, 12px)));
 }
-._1udh2jz4-3-0-1 {
+._1udh2jz4-3-1-0 {
   right: var(--dt-spacings-size-16, 16px);
 }
-._1udh2jz5-3-0-1 {
+._1udh2jz5-3-1-0 {
   right: calc(20 + var(--dt-spacings-size-16, 16px));
 }
-._1udh2jz6-3-0-1 {
+._1udh2jz6-3-1-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-0-1:not([disabled]):hover {
+._1udh2jz6-3-1-0:not([disabled]):hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1udh2jz6-3-0-1[disabled] {
+._1udh2jz6-3-1-0[disabled] {
   color: var(--dt-colors-icon-neutral-disabled, #595a7d80);
   cursor: default;
 }

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

@@ -13,11 +13,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-0-1 _1udh2jz0-3-0-1";
-var expandButtonHeaderCellWrapper = "_1udh2jz1-3-0-1 _1udh2jz0-3-0-1";
-var expandIndentSvg = "_1udh2jz3-3-0-1";
-var expandIndentSvgSize = _7a468({ defaultClassName: "_1udh2jz4-3-0-1", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
-var expanderButton = "_1udh2jz6-3-0-1 _z0fq9b4-3-0-1 _z0fq9bc-3-0-1 _z0fq9b6-3-0-1 _z0fq9b8-3-0-1";
+var expandButtonCellWrapper = "_1udh2jz2-3-1-0 _1udh2jz0-3-1-0";
+var expandButtonHeaderCellWrapper = "_1udh2jz1-3-1-0 _1udh2jz0-3-1-0";
+var expandIndentSvg = "_1udh2jz3-3-1-0";
+var expandIndentSvgSize = _7a468({ defaultClassName: "_1udh2jz4-3-1-0", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
+var expanderButton = "_1udh2jz6-3-1-0 _z0fq9b4-3-1-0 _z0fq9bc-3-1-0 _z0fq9b6-3-1-0 _z0fq9b8-3-1-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 '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.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-0-1 _1udh2jz0-3-0-1';\nexport var expandButtonHeaderCellWrapper = '_1udh2jz1-3-0-1 _1udh2jz0-3-0-1';\nexport var expandIndentSvg = '_1udh2jz3-3-0-1';\nexport var expandIndentSvgSize = _7a468({defaultClassName:'_1udh2jz4-3-0-1',variantClassNames:{rowCanExpand:{true:'_1udh2jz5-3-0-1'}},defaultVariants:{},compoundVariants:[]});\nexport var expanderButton = '_1udh2jz6-3-0-1 _z0fq9b4-3-0-1 _z0fq9bc-3-0-1 _z0fq9b6-3-0-1 _z0fq9b8-3-0-1';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.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-1-0 _1udh2jz0-3-1-0';\nexport var expandButtonHeaderCellWrapper = '_1udh2jz1-3-1-0 _1udh2jz0-3-1-0';\nexport var expandIndentSvg = '_1udh2jz3-3-1-0';\nexport var expandIndentSvgSize = _7a468({defaultClassName:'_1udh2jz4-3-1-0',variantClassNames:{rowCanExpand:{true:'_1udh2jz5-3-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var expanderButton = '_1udh2jz6-3-1-0 _z0fq9b4-3-1-0 _z0fq9bc-3-1-0 _z0fq9b6-3-1-0 _z0fq9b8-3-1-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,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,gCAAgC;AACpC,IAAI,kBAAkB;AACtB,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtK,IAAI,iBAAiB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1jrjqrd1-3-0-1 ._1jrjqrd2-3-0-1::before {
+._1jrjqrd1-3-1-0 ._1jrjqrd2-3-1-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-0-1);
+  background-color: var(--_1jrjqrd0-3-1-0);
 }

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

@@ -1,7 +1,7 @@
 import "./Thresholds.css";
-var hasPillThresholds = "_1jrjqrd1-3-0-1";
-var thresholdPill = "_1jrjqrd2-3-0-1";
-var thresholdPillColor = "var(--_1jrjqrd0-3-0-1)";
+var hasPillThresholds = "_1jrjqrd1-3-1-0";
+var thresholdPill = "_1jrjqrd2-3-1-0";
+var thresholdPillColor = "var(--_1jrjqrd0-3-1-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-0-1';\nexport var thresholdPill = '_1jrjqrd2-3-0-1';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-0-1)';"],
+  "sourcesContent": ["import './Thresholds.css';\nexport var hasPillThresholds = '_1jrjqrd1-3-1-0';\nexport var thresholdPill = '_1jrjqrd2-3-1-0';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-1-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._bq8mqs0-3-0-1 {
+._bq8mqs0-3-1-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-0-1._bq8mqs0-3-0-1 {
+._14k72813-3-1-0._bq8mqs0-3-1-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._14k72815-3-0-1._bq8mqs0-3-0-1 {
+._14k72815-3-1-0._bq8mqs0-3-1-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._14k72814-3-0-1._bq8mqs0-3-0-1 {
+._14k72814-3-1-0._bq8mqs0-3-1-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

@@ -11,7 +11,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./RowActions.css";
-var rowActions = "_bq8mqs0-3-0-1";
+var rowActions = "_bq8mqs0-3-1-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 '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.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-0-1';"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.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-1-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;AACA,IAAI,aAAa;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._duopj90-3-0-1 {
+._duopj90-3-1-0 {
   appearance: none;
   border: 0;
   padding: 0;
@@ -14,79 +14,79 @@
   width: 24px;
   z-index: var(--dt-elevations-default, 1);
 }
-._duopj90-3-0-1:hover {
+._duopj90-3-1-0:hover {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._duopj90-3-0-1:focus {
+._duopj90-3-1-0:focus {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   outline: none;
 }
-._1ons7qub-3-0-1 ._duopj90-3-0-1, ._14k72814-3-0-1 ~ ._duopj90-3-0-1, ._11pvd3zp-3-0-1 ._duopj90-3-0-1 {
+._1ons7qub-3-1-0 ._duopj90-3-1-0, ._14k72814-3-1-0 ~ ._duopj90-3-1-0, ._11pvd3zp-3-1-0 ._duopj90-3-1-0 {
   right: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
 }
-._1ons7qua-3-0-1 ._duopj90-3-0-1, ._14k72813-3-0-1 ~ ._duopj90-3-0-1, ._11pvd3zo-3-0-1 ._duopj90-3-0-1 {
+._1ons7qua-3-1-0 ._duopj90-3-1-0, ._14k72813-3-1-0 ~ ._duopj90-3-1-0, ._11pvd3zo-3-1-0 ._duopj90-3-1-0 {
   right: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
 }
-._1ons7quc-3-0-1  ._duopj90-3-0-1, ._14k72815-3-0-1 ~ ._duopj90-3-0-1, ._11pvd3zq-3-0-1 ._duopj90-3-0-1 {
+._1ons7quc-3-1-0  ._duopj90-3-1-0, ._14k72815-3-1-0 ~ ._duopj90-3-1-0, ._11pvd3zq-3-1-0 ._duopj90-3-1-0 {
   right: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
 }
-._11pvd3zp-3-0-1._yj6voi0-3-0-1 ._duopj90-3-0-1, ._14k72814-3-0-1._yj6voi0-3-0-1 ~ ._duopj90-3-0-1, ._1ons7qub-3-0-1._yj6voi0-3-0-1 ._duopj90-3-0-1 {
+._11pvd3zp-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0, ._14k72814-3-1-0._yj6voi0-3-1-0 ~ ._duopj90-3-1-0, ._1ons7qub-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._11pvd3zo-3-0-1._yj6voi0-3-0-1 ._duopj90-3-0-1, ._14k72813-3-0-1._yj6voi0-3-0-1 ~ ._duopj90-3-0-1, ._1ons7qua-3-0-1._yj6voi0-3-0-1 ._duopj90-3-0-1 {
+._11pvd3zo-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0, ._14k72813-3-1-0._yj6voi0-3-1-0 ~ ._duopj90-3-1-0, ._1ons7qua-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._11pvd3zq-3-0-1._yj6voi0-3-0-1 ._duopj90-3-0-1, ._14k72815-3-0-1._yj6voi0-3-0-1 ~ ._duopj90-3-0-1, ._1ons7quc-3-0-1._yj6voi0-3-0-1 ._duopj90-3-0-1 {
+._11pvd3zq-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0, ._14k72815-3-1-0._yj6voi0-3-1-0 ~ ._duopj90-3-1-0, ._1ons7quc-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._1ons7qub-3-0-1 ._yj6voi0-3-0-1 ._duopj90-3-0-1 {
+._1ons7qub-3-1-0 ._yj6voi0-3-1-0 ._duopj90-3-1-0 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._1ons7qua-3-0-1 ._yj6voi0-3-0-1 ._duopj90-3-0-1 {
+._1ons7qua-3-1-0 ._yj6voi0-3-1-0 ._duopj90-3-1-0 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._1ons7quc-3-0-1 ._yj6voi0-3-0-1 ._duopj90-3-0-1 {
+._1ons7quc-3-1-0 ._yj6voi0-3-1-0 ._duopj90-3-1-0 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._14k72814-3-0-1 ._yj6voi0-3-0-1 ~ ._duopj90-3-0-1 {
+._14k72814-3-1-0 ._yj6voi0-3-1-0 ~ ._duopj90-3-1-0 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._14k72813-3-0-1 ._yj6voi0-3-0-1 ~ ._duopj90-3-0-1 {
+._14k72813-3-1-0 ._yj6voi0-3-1-0 ~ ._duopj90-3-1-0 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._14k72815-3-0-1 ._yj6voi0-3-0-1 ~ ._duopj90-3-0-1 {
+._14k72815-3-1-0 ._yj6voi0-3-1-0 ~ ._duopj90-3-1-0 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._duopj90-3-0-1[data-state="open"] {
+._duopj90-3-1-0[data-state="open"] {
   display: inline-block;
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1ons7qu2-3-0-1:hover > ._duopj90-3-0-1, ._11pvd3z4-3-0-1 > ._duopj90-3-0-1 {
+._1ons7qu2-3-1-0:hover > ._duopj90-3-1-0, ._11pvd3z4-3-1-0 > ._duopj90-3-1-0 {
   display: inline-block;
 }
-._duopj91-3-0-1 {
+._duopj91-3-1-0 {
   appearance: none;
   border: 0;
   position: fixed;

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

@@ -11,8 +11,8 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./UserActions.css";
-var actionButton = "_duopj90-3-0-1";
-var floatingMenuButton = "_duopj91-3-0-1";
+var actionButton = "_duopj90-3-1-0";
+var floatingMenuButton = "_duopj91-3-1-0";
 export {
   actionButton,
   floatingMenuButton

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/UserActions.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './UserActions.css';\nexport var actionButton = '_duopj90-3-0-1';\nexport var floatingMenuButton = '_duopj91-3-0-1';"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './UserActions.css';\nexport var actionButton = '_duopj90-3-1-0';\nexport var floatingMenuButton = '_duopj91-3-1-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;AACA,IAAI,eAAe;AACnB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/features/VirtualScrolling/VirtualScrolling.js

@@ -41,7 +41,7 @@ const DataTableVirtualScrolling = {
         );
       }
     };
-    table.scrollToRow = (rowId) => {
+    table.scrollToRow = (rowId, align = DATA_TABLE_DEFAULT_SCROLL_OPTIONS.align) => {
       if (!_rowVirtualizer) {
         devLog("[Table - VirtualScrolling] No rowVirtualizer was registered");
         return;
@@ -52,10 +52,10 @@ const DataTableVirtualScrolling = {
         devLog(`[Table - VirtualScrolling] Row with id: "${rowId}" not found`);
         return;
       }
-      _rowVirtualizer.scrollToIndex(
-        rowIndex,
-        DATA_TABLE_DEFAULT_SCROLL_OPTIONS
-      );
+      _rowVirtualizer.scrollToIndex(rowIndex, {
+        behavior: DATA_TABLE_DEFAULT_SCROLL_OPTIONS.behavior,
+        align
+      });
     };
     function measureRows() {
       if (!_rowVirtualizer?.scrollElement) {

package/esm/tables/DataTable/features/VirtualScrolling/VirtualScrolling.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/VirtualScrolling/VirtualScrolling.tsx"],
-  "sourcesContent": ["import type { Virtualizer } from '@tanstack/react-virtual';\n\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { DATA_TABLE_DEFAULT_SCROLL_OPTIONS } from '../../constants.js';\nimport type { Table, TableFeature } from '../../hooks/useTable/types.js';\nimport { getMemoOptions } from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Feature implementation for virtual scrolling.\n * @internal\n */\nexport const DataTableVirtualScrolling: TableFeature = {\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    let _rowVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    let _columnVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    // Save all column widths that have already been measured outside the virtualizer's measurementsCache\n    // this ensures measured widths are available immediately and don't get lost when column visibility changes\n    const measuredColumnWidths = new Map<string, number>();\n\n    table.registerVirtualizers = (\n      rowVirtualizer: Virtualizer<HTMLDivElement, Element>,\n      columnVirtualizer: Virtualizer<HTMLDivElement, Element>,\n    ) => {\n      _rowVirtualizer = rowVirtualizer;\n      _columnVirtualizer = columnVirtualizer;\n    };\n\n    table.getRowVirtualizer = () => {\n      return _rowVirtualizer;\n    };\n\n    table.getColumnVirtualizer = () => {\n      return _columnVirtualizer;\n    };\n\n    table.getRowVirtualizationContainer = () => {\n      return _rowVirtualizer?.scrollElement ?? undefined;\n    };\n\n    table.getRowHeight = (rowId) => {\n      if (\n        !_rowVirtualizer ||\n        !rowId ||\n        _rowVirtualizer.measurementsCache.length === 0\n      ) {\n        return 0;\n      }\n\n      const virtualRowIndex = _rowVirtualizer\n        .getVirtualItems()\n        .find((item) => item.key === rowId)?.index;\n\n      if (virtualRowIndex === undefined) {\n        return 0;\n      }\n\n      return (\n        _rowVirtualizer.measurementsCache.find(\n          (r) => r.index === virtualRowIndex,\n        )?.size ?? 0\n      );\n    };\n\n    table.getRowScrollOffset = () => _rowVirtualizer?.scrollOffset;\n\n    table.scrollToRowOffset = (offset: number | undefined | null) => {\n      if (offset !== undefined && offset !== null) {\n        _rowVirtualizer?.scrollToOffset(\n          offset,\n          DATA_TABLE_DEFAULT_SCROLL_OPTIONS,\n        );\n      }\n    };\n\n    // Scroll to a given `rowId` using `rowVirtualizer.scrollToIndex`\n    table.scrollToRow = (rowId: string) => {\n      if (!_rowVirtualizer) {\n        devLog('[Table - VirtualScrolling] No rowVirtualizer was registered');\n        return;\n      }\n\n      // This code works because `allRows` will contain (only!) expanded subRows on the top level\n      // When scrolling to a subRow the row has to be expanded beforehand.\n      const allRows = table.getRowModel().rows;\n      const rowIndex = allRows.findIndex((row) => row.id === rowId);\n\n      if (rowIndex === -1) {\n        devLog(`[Table - VirtualScrolling] Row with id: \"${rowId}\" not found`);\n        return;\n      }\n\n      _rowVirtualizer.scrollToIndex(\n        rowIndex,\n        DATA_TABLE_DEFAULT_SCROLL_OPTIONS,\n      );\n    };\n\n    function measureRows(): void {\n      // Early exit if the rowVirtualizer or scrollElement are not present\n      if (!_rowVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _rowVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-rows\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateRows;\n      try {\n        let templateRows = table.getHeaderGridTemplateRows();\n        const rowCount = _rowVirtualizer.getVirtualItems().length;\n\n        if (rowCount > 0) {\n          // Set the row template for body rows to min-content so all rows can be measured by their actual size.\n          const bodyRows = `repeat(${rowCount}, min-content)`;\n          // Spacer row height can be defaulted to 0 as it's not relevant for the measuring.\n          templateRows = `${templateRows} 0px ${bodyRows} [body-end]`;\n        }\n\n        gridContainer.style.gridTemplateRows = templateRows;\n\n        // Select all row elements with the data attribute 'data-row'\n        const measureRows =\n          _rowVirtualizer.scrollElement.querySelectorAll('[data-row]');\n\n        // Iterate over each row relevant for measuring\n        for (const measureRow of Array.from(measureRows)) {\n          // Ensure the element is an instance of HTMLElement\n          if (!(measureRow instanceof HTMLElement)) {\n            continue;\n          }\n          _rowVirtualizer.measureElement(measureRow);\n        }\n\n        const virtualItems = _rowVirtualizer.getVirtualItems();\n        const virtualItemsLength = virtualItems.length;\n\n        const firstMeasuredRow =\n          measureRows.item(0)?.getAttribute('data-row') ?? null;\n        const isDifferentRowsVisible =\n          firstMeasuredRow !== null &&\n          virtualItemsLength > 0 &&\n          Number(firstMeasuredRow) !== virtualItems[0].index;\n\n        // If different rows are measured than those that are currently visible or\n        // if fewer items are measured than would now fit into the scrollContainer\n        // we reset the measurements cache and allow it to remeasure all items again.\n        if (isDifferentRowsVisible || measureRows.length < virtualItemsLength) {\n          _rowVirtualizer.measure();\n        }\n      } finally {\n        // Restore the original grid template.\n        gridContainer.style.gridTemplateRows = originalGridTemplate;\n      }\n    }\n\n    table.remeasureRows = memo(\n      (containerWidth) => {\n        const state = table.getState();\n        const expandingState = table.options.enableExpanding\n          ? Object.keys(state.expanded).length !== 0 && state.expanded\n          : undefined;\n        const rowDetailsState = table.options.enableRowDetails\n          ? state.rowDetails\n          : undefined;\n        const sortingState = table.options.enableSorting\n          ? state.sorting\n          : undefined;\n        return [\n          containerWidth,\n          expandingState,\n          rowDetailsState,\n          sortingState,\n          state.columnLineWrap,\n          state.visualVariantConfig.rowDensity,\n          state.visualVariantConfig.rowSeparation,\n          state.columnSizing,\n          state.pagination.pageIndex,\n          state.pagination.pageSize,\n          state.columnVisibility,\n          state.rowOrder,\n          table.options.data,\n          table.options.columns,\n        ];\n      },\n      (containerWidth) => {\n        if (containerWidth === 0) {\n          return;\n        }\n\n        // Need to shift this into the next update cycle in order to make sure that\n        // all styles that could change are actually already updated on the table.\n        // Without the shift, lineWrap values might not be updated yet when measuring.\n        table._queue(measureRows);\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.remeasureRow'),\n    );\n\n    function measureColumns(columnIdOrIds: string | string[]): void {\n      // Early exit if the columnVirtualizer or scrollElement are not present\n      if (!_columnVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _columnVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-columns\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateColumns;\n      try {\n        const columnIds = Array.isArray(columnIdOrIds)\n          ? columnIdOrIds\n          : [columnIdOrIds];\n        const columnIdsSet = new Set(columnIds);\n\n        // Reset measurements for the specified columns to trigger a remeasure when regenerating the grid template\n        table.resetMeasuredColumnWidths(columnIds);\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n\n        // Select all cells in the first body row\n        const firstRowCells = _columnVirtualizer.scrollElement.querySelectorAll(\n          '[role=\"rowgroup\"]:nth-child(2) [data-row]:first-child [data-columnid]',\n        );\n\n        // Iterate over each cell relevant for measuring\n        for (const cell of Array.from(firstRowCells)) {\n          const columnId = cell instanceof HTMLElement && cell.dataset.columnid;\n          // Only measure if the element is an instance of HTMLElement\n          // and its columnId is in the list of columnIds to measure\n          if (columnId && columnIdsSet.has(columnId)) {\n            _columnVirtualizer.measureElement(cell);\n          }\n        }\n\n        // assign the updated grid template with the newly measured column widths\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n      } catch {\n        // Restore the original grid template if something fails.\n        gridContainer.style.gridTemplateColumns = originalGridTemplate;\n      }\n    }\n\n    table.remeasureColumn = (columnId?: string) => {\n      if (columnId === undefined || columnId.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnId));\n    };\n\n    table.remeasureAllColumns = () => {\n      const columnIdsToRemeasure =\n        table.getVisibleVirtualColumnIdsWithoutBuiltin();\n\n      if (columnIdsToRemeasure.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnIdsToRemeasure));\n    };\n\n    table.hasColumnCellsRendered = (columnId: string) => {\n      if (!_columnVirtualizer?.scrollElement) {\n        return false;\n      }\n\n      return (\n        _columnVirtualizer?.scrollElement.querySelector(\n          `[role=\"cell\"][data-columnid=\"${CSS.escape(columnId)}\"]`,\n        ) !== null\n      );\n    };\n\n    table.getMeasuredColumnWidths = () => {\n      return measuredColumnWidths;\n    };\n\n    table.getMeasuredColumnWidth = (id: string) => {\n      return measuredColumnWidths.get(id);\n    };\n\n    table.resetMeasuredColumnWidths = (ids?: string[]) => {\n      if (ids) {\n        for (const id of ids) {\n          measuredColumnWidths.delete(id);\n        }\n      } else {\n        measuredColumnWidths.clear();\n      }\n    };\n\n    table.setMeasuredColumnWidth = (id: string, width: number) => {\n      measuredColumnWidths.set(id, width);\n    };\n\n    table.getHasVirtualizedRows = memo(\n      () => [_rowVirtualizer?.getVirtualItems().length],\n      (virtualItemsLength) => {\n        if (virtualItemsLength === undefined || virtualItemsLength === 0) {\n          return false;\n        }\n\n        const rows = table.getRowModel().rows;\n\n        return rows.length > virtualItemsLength;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getHasRowVirtualization',\n      ),\n    );\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Virtualizer } from '@tanstack/react-virtual';\n\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { DATA_TABLE_DEFAULT_SCROLL_OPTIONS } from '../../constants.js';\nimport type { Table, TableFeature } from '../../hooks/useTable/types.js';\nimport { getMemoOptions } from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Feature implementation for virtual scrolling.\n * @internal\n */\nexport const DataTableVirtualScrolling: TableFeature = {\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    let _rowVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    let _columnVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    // Save all column widths that have already been measured outside the virtualizer's measurementsCache\n    // this ensures measured widths are available immediately and don't get lost when column visibility changes\n    const measuredColumnWidths = new Map<string, number>();\n\n    table.registerVirtualizers = (\n      rowVirtualizer: Virtualizer<HTMLDivElement, Element>,\n      columnVirtualizer: Virtualizer<HTMLDivElement, Element>,\n    ) => {\n      _rowVirtualizer = rowVirtualizer;\n      _columnVirtualizer = columnVirtualizer;\n    };\n\n    table.getRowVirtualizer = () => {\n      return _rowVirtualizer;\n    };\n\n    table.getColumnVirtualizer = () => {\n      return _columnVirtualizer;\n    };\n\n    table.getRowVirtualizationContainer = () => {\n      return _rowVirtualizer?.scrollElement ?? undefined;\n    };\n\n    table.getRowHeight = (rowId) => {\n      if (\n        !_rowVirtualizer ||\n        !rowId ||\n        _rowVirtualizer.measurementsCache.length === 0\n      ) {\n        return 0;\n      }\n\n      const virtualRowIndex = _rowVirtualizer\n        .getVirtualItems()\n        .find((item) => item.key === rowId)?.index;\n\n      if (virtualRowIndex === undefined) {\n        return 0;\n      }\n\n      return (\n        _rowVirtualizer.measurementsCache.find(\n          (r) => r.index === virtualRowIndex,\n        )?.size ?? 0\n      );\n    };\n\n    table.getRowScrollOffset = () => _rowVirtualizer?.scrollOffset;\n\n    table.scrollToRowOffset = (offset: number | undefined | null) => {\n      if (offset !== undefined && offset !== null) {\n        _rowVirtualizer?.scrollToOffset(\n          offset,\n          DATA_TABLE_DEFAULT_SCROLL_OPTIONS,\n        );\n      }\n    };\n\n    // Scroll to a given `rowId` using `rowVirtualizer.scrollToIndex`\n    table.scrollToRow = (\n      rowId: string,\n      align:\n        | 'start'\n        | 'center'\n        | 'end' = DATA_TABLE_DEFAULT_SCROLL_OPTIONS.align,\n    ) => {\n      if (!_rowVirtualizer) {\n        devLog('[Table - VirtualScrolling] No rowVirtualizer was registered');\n        return;\n      }\n\n      // This code works because `allRows` will contain (only!) expanded subRows on the top level\n      // When scrolling to a subRow the row has to be expanded beforehand.\n      const allRows = table.getRowModel().rows;\n      const rowIndex = allRows.findIndex((row) => row.id === rowId);\n\n      if (rowIndex === -1) {\n        devLog(`[Table - VirtualScrolling] Row with id: \"${rowId}\" not found`);\n        return;\n      }\n\n      _rowVirtualizer.scrollToIndex(rowIndex, {\n        behavior: DATA_TABLE_DEFAULT_SCROLL_OPTIONS.behavior,\n        align: align,\n      });\n    };\n\n    function measureRows(): void {\n      // Early exit if the rowVirtualizer or scrollElement are not present\n      if (!_rowVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _rowVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-rows\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateRows;\n      try {\n        let templateRows = table.getHeaderGridTemplateRows();\n        const rowCount = _rowVirtualizer.getVirtualItems().length;\n\n        if (rowCount > 0) {\n          // Set the row template for body rows to min-content so all rows can be measured by their actual size.\n          const bodyRows = `repeat(${rowCount}, min-content)`;\n          // Spacer row height can be defaulted to 0 as it's not relevant for the measuring.\n          templateRows = `${templateRows} 0px ${bodyRows} [body-end]`;\n        }\n\n        gridContainer.style.gridTemplateRows = templateRows;\n\n        // Select all row elements with the data attribute 'data-row'\n        const measureRows =\n          _rowVirtualizer.scrollElement.querySelectorAll('[data-row]');\n\n        // Iterate over each row relevant for measuring\n        for (const measureRow of Array.from(measureRows)) {\n          // Ensure the element is an instance of HTMLElement\n          if (!(measureRow instanceof HTMLElement)) {\n            continue;\n          }\n          _rowVirtualizer.measureElement(measureRow);\n        }\n\n        const virtualItems = _rowVirtualizer.getVirtualItems();\n        const virtualItemsLength = virtualItems.length;\n\n        const firstMeasuredRow =\n          measureRows.item(0)?.getAttribute('data-row') ?? null;\n        const isDifferentRowsVisible =\n          firstMeasuredRow !== null &&\n          virtualItemsLength > 0 &&\n          Number(firstMeasuredRow) !== virtualItems[0].index;\n\n        // If different rows are measured than those that are currently visible or\n        // if fewer items are measured than would now fit into the scrollContainer\n        // we reset the measurements cache and allow it to remeasure all items again.\n        if (isDifferentRowsVisible || measureRows.length < virtualItemsLength) {\n          _rowVirtualizer.measure();\n        }\n      } finally {\n        // Restore the original grid template.\n        gridContainer.style.gridTemplateRows = originalGridTemplate;\n      }\n    }\n\n    table.remeasureRows = memo(\n      (containerWidth) => {\n        const state = table.getState();\n        const expandingState = table.options.enableExpanding\n          ? Object.keys(state.expanded).length !== 0 && state.expanded\n          : undefined;\n        const rowDetailsState = table.options.enableRowDetails\n          ? state.rowDetails\n          : undefined;\n        const sortingState = table.options.enableSorting\n          ? state.sorting\n          : undefined;\n        return [\n          containerWidth,\n          expandingState,\n          rowDetailsState,\n          sortingState,\n          state.columnLineWrap,\n          state.visualVariantConfig.rowDensity,\n          state.visualVariantConfig.rowSeparation,\n          state.columnSizing,\n          state.pagination.pageIndex,\n          state.pagination.pageSize,\n          state.columnVisibility,\n          state.rowOrder,\n          table.options.data,\n          table.options.columns,\n        ];\n      },\n      (containerWidth) => {\n        if (containerWidth === 0) {\n          return;\n        }\n\n        // Need to shift this into the next update cycle in order to make sure that\n        // all styles that could change are actually already updated on the table.\n        // Without the shift, lineWrap values might not be updated yet when measuring.\n        table._queue(measureRows);\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.remeasureRow'),\n    );\n\n    function measureColumns(columnIdOrIds: string | string[]): void {\n      // Early exit if the columnVirtualizer or scrollElement are not present\n      if (!_columnVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _columnVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-columns\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateColumns;\n      try {\n        const columnIds = Array.isArray(columnIdOrIds)\n          ? columnIdOrIds\n          : [columnIdOrIds];\n        const columnIdsSet = new Set(columnIds);\n\n        // Reset measurements for the specified columns to trigger a remeasure when regenerating the grid template\n        table.resetMeasuredColumnWidths(columnIds);\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n\n        // Select all cells in the first body row\n        const firstRowCells = _columnVirtualizer.scrollElement.querySelectorAll(\n          '[role=\"rowgroup\"]:nth-child(2) [data-row]:first-child [data-columnid]',\n        );\n\n        // Iterate over each cell relevant for measuring\n        for (const cell of Array.from(firstRowCells)) {\n          const columnId = cell instanceof HTMLElement && cell.dataset.columnid;\n          // Only measure if the element is an instance of HTMLElement\n          // and its columnId is in the list of columnIds to measure\n          if (columnId && columnIdsSet.has(columnId)) {\n            _columnVirtualizer.measureElement(cell);\n          }\n        }\n\n        // assign the updated grid template with the newly measured column widths\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n      } catch {\n        // Restore the original grid template if something fails.\n        gridContainer.style.gridTemplateColumns = originalGridTemplate;\n      }\n    }\n\n    table.remeasureColumn = (columnId?: string) => {\n      if (columnId === undefined || columnId.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnId));\n    };\n\n    table.remeasureAllColumns = () => {\n      const columnIdsToRemeasure =\n        table.getVisibleVirtualColumnIdsWithoutBuiltin();\n\n      if (columnIdsToRemeasure.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnIdsToRemeasure));\n    };\n\n    table.hasColumnCellsRendered = (columnId: string) => {\n      if (!_columnVirtualizer?.scrollElement) {\n        return false;\n      }\n\n      return (\n        _columnVirtualizer?.scrollElement.querySelector(\n          `[role=\"cell\"][data-columnid=\"${CSS.escape(columnId)}\"]`,\n        ) !== null\n      );\n    };\n\n    table.getMeasuredColumnWidths = () => {\n      return measuredColumnWidths;\n    };\n\n    table.getMeasuredColumnWidth = (id: string) => {\n      return measuredColumnWidths.get(id);\n    };\n\n    table.resetMeasuredColumnWidths = (ids?: string[]) => {\n      if (ids) {\n        for (const id of ids) {\n          measuredColumnWidths.delete(id);\n        }\n      } else {\n        measuredColumnWidths.clear();\n      }\n    };\n\n    table.setMeasuredColumnWidth = (id: string, width: number) => {\n      measuredColumnWidths.set(id, width);\n    };\n\n    table.getHasVirtualizedRows = memo(\n      () => [_rowVirtualizer?.getVirtualItems().length],\n      (virtualItemsLength) => {\n        if (virtualItemsLength === undefined || virtualItemsLength === 0) {\n          return false;\n        }\n\n        const rows = table.getRowModel().rows;\n\n        return rows.length > virtualItemsLength;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getHasRowVirtualization',\n      ),\n    );\n  },\n};\n"],
+  "mappings": "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",
   "names": ["measureRows"]
 }

package/esm/tables/SimpleTable/SimpleTable.css

@@ -1,4 +1,4 @@
-._1ymahou0-3-0-1 {
+._1ymahou0-3-1-0 {
   border-collapse: separate;
   border-spacing: 0;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
@@ -8,13 +8,13 @@
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: var(--dt-typography-text-base-default-text-transform, none);
 }
-._1ymahou0-3-0-1 .strato-table-header {
+._1ymahou0-3-1-0 .strato-table-header {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._1ymahou0-3-0-1 .strato-table-header:last-child .strato-table-header-cell {
+._1ymahou0-3-1-0 .strato-table-header:last-child .strato-table-header-cell {
   border-bottom: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ymahou0-3-0-1 .strato-table-header-cell {
+._1ymahou0-3-1-0 .strato-table-header-cell {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -24,61 +24,61 @@
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   position: relative;
 }
-._1ymahou0-3-0-1 .strato-table-cell {
+._1ymahou0-3-1-0 .strato-table-cell {
   position: relative;
 }
-._1ymahou0-3-0-1 .strato-table-cell-alignment-left {
+._1ymahou0-3-1-0 .strato-table-cell-alignment-left {
   text-align: start;
   justify-content: flex-start;
 }
-._1ymahou0-3-0-1 .strato-table-cell-alignment-center {
+._1ymahou0-3-1-0 .strato-table-cell-alignment-center {
   text-align: center;
   justify-content: center;
 }
-._1ymahou0-3-0-1 .strato-table-cell-alignment-right {
+._1ymahou0-3-1-0 .strato-table-cell-alignment-right {
   text-align: end;
   justify-content: flex-end;
 }
-._1ymahou0-3-0-1 .strato-table-cell-alignment-top-left {
+._1ymahou0-3-1-0 .strato-table-cell-alignment-top-left {
   text-align: start;
   justify-content: flex-start;
   vertical-align: top;
 }
-._1ymahou0-3-0-1 .strato-table-cell-alignment-top-center {
+._1ymahou0-3-1-0 .strato-table-cell-alignment-top-center {
   text-align: center;
   justify-content: center;
   vertical-align: top;
 }
-._1ymahou0-3-0-1 .strato-table-cell-alignment-top-right {
+._1ymahou0-3-1-0 .strato-table-cell-alignment-top-right {
   text-align: end;
   justify-content: flex-end;
   vertical-align: top;
 }
-._1ymahou0-3-0-1 .strato-table-cell-alignment-bottom-left {
+._1ymahou0-3-1-0 .strato-table-cell-alignment-bottom-left {
   text-align: start;
   justify-content: flex-start;
   vertical-align: bottom;
 }
-._1ymahou0-3-0-1 .strato-table-cell-alignment-bottom-center {
+._1ymahou0-3-1-0 .strato-table-cell-alignment-bottom-center {
   text-align: center;
   justify-content: center;
   vertical-align: bottom;
 }
-._1ymahou0-3-0-1 .strato-table-cell-alignment-bottom-right {
+._1ymahou0-3-1-0 .strato-table-cell-alignment-bottom-right {
   text-align: end;
   justify-content: flex-end;
   vertical-align: bottom;
 }
-._1ymahou0-3-0-1.strato-table-contained {
+._1ymahou0-3-1-0.strato-table-contained {
   border: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
   border-radius: var(--dt-borders-radius-field-default, 6px);
   overflow: hidden;
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1ymahou0-3-0-1 .strato-table-row:last-child .strato-table-cell {
+._1ymahou0-3-1-0 .strato-table-row:last-child .strato-table-cell {
   border-bottom: none;
 }
-._1ymahou0-3-0-1.strato-table-code-font {
+._1ymahou0-3-1-0.strato-table-code-font {
   font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-base-default-size, 14px);
   font-weight: var(--dt-typography-code-base-default-weight, 400);
@@ -87,16 +87,16 @@
   text-transform: var(--dt-typography-code-base-default-text-transform, none);
   color: var(--strato-table-cell-highlight-color, var(--dt-colors-text-neutral-default, #2f2f4f));
 }
-._1ymahou0-3-0-1.strato-table-cell-density-default .strato-table-cell, ._1ymahou0-3-0-1.strato-table-cell-density-default .strato-table-header-cell {
+._1ymahou0-3-1-0.strato-table-cell-density-default .strato-table-cell, ._1ymahou0-3-1-0.strato-table-cell-density-default .strato-table-header-cell {
   padding: var(--dt-spacings-size-8, 8px) var(--dt-spacings-size-12, 12px);
 }
-._1ymahou0-3-0-1.strato-table-cell-density-comfortable .strato-table-cell, ._1ymahou0-3-0-1.strato-table-cell-density-comfortable .strato-table-header-cell {
+._1ymahou0-3-1-0.strato-table-cell-density-comfortable .strato-table-cell, ._1ymahou0-3-1-0.strato-table-cell-density-comfortable .strato-table-header-cell {
   padding: var(--dt-spacings-size-12, 12px) var(--dt-spacings-size-16, 16px);
 }
-._1ymahou0-3-0-1.strato-table-cell-density-condensed .strato-table-cell, ._1ymahou0-3-0-1.strato-table-cell-density-condensed .strato-table-header-cell {
+._1ymahou0-3-1-0.strato-table-cell-density-condensed .strato-table-cell, ._1ymahou0-3-1-0.strato-table-cell-density-condensed .strato-table-header-cell {
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
 }
-._1ymahou0-3-0-1.strato-table-colsep-divider .strato-table-header-cell + .strato-table-header-cell::before, ._1ymahou0-3-0-1.strato-table-colsep-divider .strato-table-cell + .strato-table-cell::before {
+._1ymahou0-3-1-0.strato-table-colsep-divider .strato-table-header-cell + .strato-table-header-cell::before, ._1ymahou0-3-1-0.strato-table-colsep-divider .strato-table-cell + .strato-table-cell::before {
   content: "";
   display: block;
   position: absolute;
@@ -106,15 +106,15 @@
   bottom: var(--dt-spacings-size-4, 4px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ymahou0-3-0-1.strato-table-rowsep-divider .strato-table-cell {
+._1ymahou0-3-1-0.strato-table-rowsep-divider .strato-table-cell {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ymahou0-3-0-1.strato-table-rowsep-zebra .strato-table-row {
+._1ymahou0-3-1-0.strato-table-rowsep-zebra .strato-table-row {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1ymahou0-3-0-1.strato-table-rowsep-zebra .strato-table-header {
+._1ymahou0-3-1-0.strato-table-rowsep-zebra .strato-table-header {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._1ymahou0-3-0-1.strato-table-rowsep-zebra .strato-table-row-even {
+._1ymahou0-3-1-0.strato-table-rowsep-zebra .strato-table-row-even {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }