@dynatrace/strato-components 3.12.2 → 3.13.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/Alignment.css.ts"],
-  "sourcesContent": ["import './Alignment.css';\nexport var horizontalAlignment = {right:'_yj6voi0-3-12-2',left:'_yj6voi1-3-12-2',center:'_yj6voi2-3-12-2'};\nexport var verticalAlignment = {top:'_yj6voi3-3-12-2',center:'_yj6voi4-3-12-2',bottom:'_yj6voi5-3-12-2'};"],
+  "sourcesContent": ["import './Alignment.css';\nexport var horizontalAlignment = {right:'_yj6voi0-3-13-0',left:'_yj6voi1-3-13-0',center:'_yj6voi2-3-13-0'};\nexport var verticalAlignment = {top:'_yj6voi3-3-13-0',center:'_yj6voi4-3-13-0',bottom:'_yj6voi5-3-13-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB,EAAC,OAAM,mBAAkB,MAAK,mBAAkB,QAAO,kBAAiB;AAClG,IAAI,oBAAoB,EAAC,KAAI,mBAAkB,QAAO,mBAAkB,QAAO,kBAAiB;",
   "names": []
 }

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.css

@@ -1,14 +1,14 @@
-._1tlws2p2-3-12-2 {
+._1tlws2p2-3-13-0 {
   z-index: 2;
-  left: var(--resizing-leftPosition, var(--_1tlws2p0-3-12-2));
+  left: var(--resizing-leftPosition, var(--_1tlws2p0-3-13-0));
 }
-._1tlws2p2-3-12-2::after {
+._1tlws2p2-3-13-0::after {
   right: -50px;
 }
-._1tlws2p3-3-12-2 {
+._1tlws2p3-3-13-0 {
   z-index: 3;
-  right: var(--resizing-rightPosition, var(--_1tlws2p1-3-12-2));
+  right: var(--resizing-rightPosition, var(--_1tlws2p1-3-13-0));
 }
-._1tlws2p3-3-12-2::after {
+._1tlws2p3-3-13-0::after {
   left: -50px;
 }

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.tsx"],
-  "sourcesContent": ["import type {\n  TableFeatures,\n  RowData,\n  Column_Internal,\n} from '@tanstack/react-table';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport type { JSX } from 'react';\n\nimport * as styles from './DataTablePinningShadowCells.sty.js';\nimport { DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX } from '../../constants.js';\nimport { useDataTableContent } from '../../contexts/DataTableContext.js';\n\ninterface DataTablePinningShadowCellsProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> {\n  lastLeftPinnedColumn: {\n    column?: Column_Internal<TFeatures, TData>;\n    index?: number;\n  };\n  firstRightPinnedColumn: {\n    column?: Column_Internal<TFeatures, TData>;\n    index?: number;\n  };\n  gridRowPosition: {\n    gridColumnStart: number;\n    gridColumnEnd: number | `span ${number}` | 'row-end';\n    gridRowStart: number;\n    gridRowEnd: number | `span ${number}`;\n  };\n  rowId: string;\n}\n\n/**\n * Renders a shadow to visually emphasize pinned columns in the body.\n * To place the shadow correctly, we render a cell on top of the last left pinned/first right pinned cell\n * and add the shadow inside an `::after` element to the right/left edge of this cell. The shadow is only\n * rendered when the table is actually overflowing behind the pinned columns on the respective side.\n */\nexport function DataTablePinningShadowCells<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  props: Readonly<DataTablePinningShadowCellsProps<TFeatures, TData>>,\n): JSX.Element | null {\n  const { gridRowPosition, rowId } = props;\n\n  const tableContent = useDataTableContent();\n\n  const leftShadowCellShouldRender =\n    props.lastLeftPinnedColumn.column !== undefined &&\n    tableContent.hasOverflowLeft;\n  const rightShadowCellShouldRender =\n    props.firstRightPinnedColumn.column !== undefined &&\n    tableContent.hasOverflowRight;\n\n  // Determine positions for left shadow\n  const leftPosition =\n    leftShadowCellShouldRender &&\n    props.lastLeftPinnedColumn.column?.getLeftPinnedPosition();\n\n  // Determine grid positions for the shadow cells\n  const lastLeftPinnedColumnGridPosition =\n    leftShadowCellShouldRender &&\n    props.lastLeftPinnedColumn.column?.getGridColumnPosition(\n      props.lastLeftPinnedColumn.index ?? 0,\n    );\n\n  // Determine grid positions for the shadow cells\n  const firstRightPinnedColumnGridPosition =\n    rightShadowCellShouldRender &&\n    props.firstRightPinnedColumn.column?.getGridColumnPosition(\n      props.firstRightPinnedColumn.index ?? 0,\n    );\n\n  // Determine positions for right shadow\n  const rightPosition =\n    rightShadowCellShouldRender &&\n    props.firstRightPinnedColumn.column?.getRightPinnedPosition();\n\n  // Create left shadow cell\n  const leftShadowCell = leftShadowCellShouldRender ? (\n    <div\n      key=\"left\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.left}\n      style={{\n        ...assignInlineVars({\n          [styles.leftPositionVar]: `${leftPosition}px`,\n        }),\n        ...gridRowPosition,\n        ...lastLeftPinnedColumnGridPosition,\n      }}\n      data-rowid={`${rowId}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}`}\n      data-pinned-position=\"left\"\n    />\n  ) : null;\n\n  // Create right shadow cell\n  const rightShadowCell = rightShadowCellShouldRender ? (\n    <div\n      key=\"right\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.right}\n      style={{\n        ...assignInlineVars({\n          [styles.rightPositionVar]: `${rightPosition}px`,\n        }),\n        ...gridRowPosition,\n        ...firstRightPinnedColumnGridPosition,\n      }}\n      data-rowid={`${rowId}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}`}\n      data-pinned-position=\"right\"\n    />\n  ) : null;\n\n  return (\n    <>\n      {leftShadowCell}\n      {rightShadowCell}\n    </>\n  );\n}\nDataTablePinningShadowCells.displayName = 'DataTablePinningShadowCells';\n"],
-  "mappings": "AAkFI,SAmCA,UAnCA,KAmCA,YAnCA;AA7EJ,SAAS,wBAAwB;AAGjC,YAAY,YAAY;AACxB,SAAS,oDAAoD;AAC7D,SAAS,2BAA2B;AA6B7B,SAAS,4BAId,OACoB;AACpB,QAAM,EAAE,iBAAiB,MAAM,IAAI;AAEnC,QAAM,eAAe,oBAAoB;AAEzC,QAAM,6BACJ,MAAM,qBAAqB,WAAW,UACtC,aAAa;AACf,QAAM,8BACJ,MAAM,uBAAuB,WAAW,UACxC,aAAa;AAGf,QAAM,eACJ,8BACA,MAAM,qBAAqB,QAAQ,sBAAsB;AAG3D,QAAM,mCACJ,8BACA,MAAM,qBAAqB,QAAQ;AAAA,IACjC,MAAM,qBAAqB,SAAS;AAAA,EACtC;AAGF,QAAM,qCACJ,+BACA,MAAM,uBAAuB,QAAQ;AAAA,IACnC,MAAM,uBAAuB,SAAS;AAAA,EACxC;AAGF,QAAM,gBACJ,+BACA,MAAM,uBAAuB,QAAQ,uBAAuB;AAG9D,QAAM,iBAAiB,6BACrB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,eAAe,GAAG,GAAG,YAAY;AAAA,QAC3C,CAAC;AAAA,QACD,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,cAAY,GAAG,KAAK,GAAG,4CAA4C;AAAA,MACnE,wBAAqB;AAAA;AAAA,IAXjB;AAAA,EAYN,IACE;AAGJ,QAAM,kBAAkB,8BACtB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,gBAAgB,GAAG,GAAG,aAAa;AAAA,QAC7C,CAAC;AAAA,QACD,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,cAAY,GAAG,KAAK,GAAG,4CAA4C;AAAA,MACnE,wBAAqB;AAAA;AAAA,IAXjB;AAAA,EAYN,IACE;AAEJ,SACE,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,4BAA4B,cAAc;",
+  "sourcesContent": ["import type { RowData, Column } from '@tanstack/react-table';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport type { JSX } from 'react';\n\nimport * as styles from './DataTablePinningShadowCells.sty.js';\nimport { DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX } from '../../constants.js';\nimport { useDataTableContent } from '../../contexts/DataTableContext.js';\nimport type { TDataTableFeatures } from '../../features/types/features.types.js';\n\ninterface DataTablePinningShadowCellsProps<TData extends RowData> {\n  lastLeftPinnedColumn: {\n    column?: Column<TDataTableFeatures, TData>;\n    index?: number;\n  };\n  firstRightPinnedColumn: {\n    column?: Column<TDataTableFeatures, TData>;\n    index?: number;\n  };\n  gridRowPosition: {\n    gridColumnStart: number;\n    gridColumnEnd: number | `span ${number}` | 'row-end';\n    gridRowStart: number;\n    gridRowEnd: number | `span ${number}`;\n  };\n  rowId: string;\n}\n\n/**\n * Renders a shadow to visually emphasize pinned columns in the body.\n * To place the shadow correctly, we render a cell on top of the last left pinned/first right pinned cell\n * and add the shadow inside an `::after` element to the right/left edge of this cell. The shadow is only\n * rendered when the table is actually overflowing behind the pinned columns on the respective side.\n */\nexport function DataTablePinningShadowCells<TData extends RowData>(\n  props: Readonly<DataTablePinningShadowCellsProps<TData>>,\n): JSX.Element | null {\n  const { gridRowPosition, rowId } = props;\n\n  const tableContent = useDataTableContent();\n\n  const leftShadowCellShouldRender =\n    props.lastLeftPinnedColumn.column !== undefined &&\n    tableContent.hasOverflowLeft;\n  const rightShadowCellShouldRender =\n    props.firstRightPinnedColumn.column !== undefined &&\n    tableContent.hasOverflowRight;\n\n  // Determine positions for left shadow\n  const leftPosition =\n    leftShadowCellShouldRender &&\n    props.lastLeftPinnedColumn.column?.getLeftPinnedPosition();\n\n  // Determine grid positions for the shadow cells\n  const lastLeftPinnedColumnGridPosition =\n    leftShadowCellShouldRender &&\n    props.lastLeftPinnedColumn.column?.getGridColumnPosition(\n      props.lastLeftPinnedColumn.index ?? 0,\n    );\n\n  // Determine grid positions for the shadow cells\n  const firstRightPinnedColumnGridPosition =\n    rightShadowCellShouldRender &&\n    props.firstRightPinnedColumn.column?.getGridColumnPosition(\n      props.firstRightPinnedColumn.index ?? 0,\n    );\n\n  // Determine positions for right shadow\n  const rightPosition =\n    rightShadowCellShouldRender &&\n    props.firstRightPinnedColumn.column?.getRightPinnedPosition();\n\n  // Create left shadow cell\n  const leftShadowCell = leftShadowCellShouldRender ? (\n    <div\n      key=\"left\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.left}\n      style={{\n        ...assignInlineVars({\n          [styles.leftPositionVar]: `${leftPosition}px`,\n        }),\n        ...gridRowPosition,\n        ...lastLeftPinnedColumnGridPosition,\n      }}\n      data-rowid={`${rowId}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}`}\n      data-pinned-position=\"left\"\n    />\n  ) : null;\n\n  // Create right shadow cell\n  const rightShadowCell = rightShadowCellShouldRender ? (\n    <div\n      key=\"right\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.right}\n      style={{\n        ...assignInlineVars({\n          [styles.rightPositionVar]: `${rightPosition}px`,\n        }),\n        ...gridRowPosition,\n        ...firstRightPinnedColumnGridPosition,\n      }}\n      data-rowid={`${rowId}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}`}\n      data-pinned-position=\"right\"\n    />\n  ) : null;\n\n  return (\n    <>\n      {leftShadowCell}\n      {rightShadowCell}\n    </>\n  );\n}\nDataTablePinningShadowCells.displayName = 'DataTablePinningShadowCells';\n"],
+  "mappings": "AAyEI,SAmCA,UAnCA,KAmCA,YAnCA;AAxEJ,SAAS,wBAAwB;AAGjC,YAAY,YAAY;AACxB,SAAS,oDAAoD;AAC7D,SAAS,2BAA2B;AA2B7B,SAAS,4BACd,OACoB;AACpB,QAAM,EAAE,iBAAiB,MAAM,IAAI;AAEnC,QAAM,eAAe,oBAAoB;AAEzC,QAAM,6BACJ,MAAM,qBAAqB,WAAW,UACtC,aAAa;AACf,QAAM,8BACJ,MAAM,uBAAuB,WAAW,UACxC,aAAa;AAGf,QAAM,eACJ,8BACA,MAAM,qBAAqB,QAAQ,sBAAsB;AAG3D,QAAM,mCACJ,8BACA,MAAM,qBAAqB,QAAQ;AAAA,IACjC,MAAM,qBAAqB,SAAS;AAAA,EACtC;AAGF,QAAM,qCACJ,+BACA,MAAM,uBAAuB,QAAQ;AAAA,IACnC,MAAM,uBAAuB,SAAS;AAAA,EACxC;AAGF,QAAM,gBACJ,+BACA,MAAM,uBAAuB,QAAQ,uBAAuB;AAG9D,QAAM,iBAAiB,6BACrB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,eAAe,GAAG,GAAG,YAAY;AAAA,QAC3C,CAAC;AAAA,QACD,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,cAAY,GAAG,KAAK,GAAG,4CAA4C;AAAA,MACnE,wBAAqB;AAAA;AAAA,IAXjB;AAAA,EAYN,IACE;AAGJ,QAAM,kBAAkB,8BACtB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,gBAAgB,GAAG,GAAG,aAAa;AAAA,QAC7C,CAAC;AAAA,QACD,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,cAAY,GAAG,KAAK,GAAG,4CAA4C;AAAA,MACnE,wBAAqB;AAAA;AAAA,IAXjB;AAAA,EAYN,IACE;AAEJ,SACE,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,4BAA4B,cAAc;",
   "names": []
 }

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.sty.js

@@ -1,8 +1,8 @@
 import "../DataTableScrollShadow.css";
 import "./DataTablePinningShadowCells.css";
-var leftPositionVar = "var(--_1tlws2p0-3-12-2)";
-var pinningShadowCell = { left: "_1tlws2p2-3-12-2 _1al677r1-3-12-2 _1al677r0-3-12-2", right: "_1tlws2p3-3-12-2 _1al677r2-3-12-2 _1al677r0-3-12-2" };
-var rightPositionVar = "var(--_1tlws2p1-3-12-2)";
+var leftPositionVar = "var(--_1tlws2p0-3-13-0)";
+var pinningShadowCell = { left: "_1tlws2p2-3-13-0 _1al677r1-3-13-0 _1al677r0-3-13-0", right: "_1tlws2p3-3-13-0 _1al677r2-3-13-0 _1al677r0-3-13-0" };
+var rightPositionVar = "var(--_1tlws2p1-3-13-0)";
 export {
   leftPositionVar,
   pinningShadowCell,

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.css.ts"],
-  "sourcesContent": ["import '../DataTableScrollShadow.css';\nimport './DataTablePinningShadowCells.css';\nexport var leftPositionVar = 'var(--_1tlws2p0-3-12-2)';\nexport var pinningShadowCell = {left:'_1tlws2p2-3-12-2 _1al677r1-3-12-2 _1al677r0-3-12-2',right:'_1tlws2p3-3-12-2 _1al677r2-3-12-2 _1al677r0-3-12-2'};\nexport var rightPositionVar = 'var(--_1tlws2p1-3-12-2)';"],
+  "sourcesContent": ["import '../DataTableScrollShadow.css';\nimport './DataTablePinningShadowCells.css';\nexport var leftPositionVar = 'var(--_1tlws2p0-3-13-0)';\nexport var pinningShadowCell = {left:'_1tlws2p2-3-13-0 _1al677r1-3-13-0 _1al677r0-3-13-0',right:'_1tlws2p3-3-13-0 _1al677r2-3-13-0 _1al677r0-3-13-0'};\nexport var rightPositionVar = 'var(--_1tlws2p1-3-13-0)';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,oBAAoB,EAAC,MAAK,sDAAqD,OAAM,qDAAoD;AAC7I,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowHeaderCells.js

@@ -15,8 +15,8 @@ function DataTablePinningShadowHeaderCells(props) {
   } = props;
   const tableContent = useDataTableContent();
   const table = useDataTable();
-  const hasLeftPinnedColumns = table.getLeftVisibleLeafColumns().length > 0;
-  const hasRightPinnedColumns = table.getRightVisibleLeafColumns().length > 0;
+  const hasLeftPinnedColumns = table.getStartVisibleLeafColumns().length > 0;
+  const hasRightPinnedColumns = table.getEndVisibleLeafColumns().length > 0;
   const showLeftShadow = isLeftShadow && hasLeftPinnedColumns && tableContent.hasOverflowLeft;
   const showRightShadow = isRightShadow && hasRightPinnedColumns && tableContent.hasOverflowRight;
   const leftShadowCell = showLeftShadow ? /* @__PURE__ */ jsx(

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowHeaderCells.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/ColumnPinning/DataTablePinningShadowHeaderCells.tsx"],
-  "sourcesContent": ["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport type { JSX } from 'react';\n\nimport * as styles from './DataTablePinningShadowCells.sty.js';\nimport {\n  useDataTable,\n  useDataTableContent,\n} from '../../contexts/DataTableContext.js';\n\ninterface DataTablePinningShadowHeaderCellsProps {\n  isLeftShadow: boolean;\n  isRightShadow: boolean;\n  leftPosition: number | undefined;\n  rightPosition: number | undefined;\n  gridPosition: {\n    gridColumnStart: number;\n    gridColumnEnd: number | `span ${number}`;\n    gridRowStart: number;\n    gridRowEnd: number | `span ${number}`;\n  };\n}\n\n/**\n * Renders a shadow to visually emphasize pinned columns in the header.\n * To place the shadow correctly, we render a cell on top of the last left pinned/first right pinned header\n * and add the shadow inside an `::after` element to the right/left edge of this cell. The shadow is only\n * rendered when the table is actually overflowing behind the pinned columns on the respective side.\n */\nexport function DataTablePinningShadowHeaderCells(\n  props: Readonly<DataTablePinningShadowHeaderCellsProps>,\n): JSX.Element | null {\n  const {\n    isLeftShadow,\n    isRightShadow,\n    leftPosition,\n    rightPosition,\n    gridPosition,\n  } = props;\n\n  const tableContent = useDataTableContent();\n\n  const table = useDataTable();\n\n  // Check if there are pinned columns\n  const hasLeftPinnedColumns = table.getLeftVisibleLeafColumns().length > 0;\n  const hasRightPinnedColumns = table.getRightVisibleLeafColumns().length > 0;\n\n  // Determine whether to render left shadow\n  const showLeftShadow =\n    isLeftShadow && hasLeftPinnedColumns && tableContent.hasOverflowLeft;\n\n  // Determine whether to render right shadow\n  const showRightShadow =\n    isRightShadow && hasRightPinnedColumns && tableContent.hasOverflowRight;\n\n  const leftShadowCell = showLeftShadow ? (\n    <div\n      key=\"left\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.left}\n      style={{\n        ...assignInlineVars({\n          [styles.leftPositionVar]: `${leftPosition}px`,\n        }),\n        ...gridPosition,\n      }}\n      data-pinned-position=\"left\"\n    />\n  ) : null;\n\n  const rightShadowCell = showRightShadow ? (\n    <div\n      key=\"right\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.right}\n      style={{\n        ...assignInlineVars({\n          [styles.rightPositionVar]: `${rightPosition}px`,\n        }),\n        ...gridPosition,\n      }}\n      data-pinned-position=\"right\"\n    />\n  ) : null;\n\n  return (\n    <>\n      {leftShadowCell}\n      {rightShadowCell}\n    </>\n  );\n}\nDataTablePinningShadowHeaderCells.displayName =\n  'DataTablePinningShadowHeaderCells';\n"],
-  "mappings": "AAwDI,SA8BA,UA9BA,KA8BA,YA9BA;AAxDJ,SAAS,wBAAwB;AAGjC,YAAY,YAAY;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAqBA,SAAS,kCACd,OACoB;AACpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAe,oBAAoB;AAEzC,QAAM,QAAQ,aAAa;AAG3B,QAAM,uBAAuB,MAAM,0BAA0B,EAAE,SAAS;AACxE,QAAM,wBAAwB,MAAM,2BAA2B,EAAE,SAAS;AAG1E,QAAM,iBACJ,gBAAgB,wBAAwB,aAAa;AAGvD,QAAM,kBACJ,iBAAiB,yBAAyB,aAAa;AAEzD,QAAM,iBAAiB,iBACrB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,eAAe,GAAG,GAAG,YAAY;AAAA,QAC3C,CAAC;AAAA,QACD,GAAG;AAAA,MACL;AAAA,MACA,wBAAqB;AAAA;AAAA,IATjB;AAAA,EAUN,IACE;AAEJ,QAAM,kBAAkB,kBACtB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,gBAAgB,GAAG,GAAG,aAAa;AAAA,QAC7C,CAAC;AAAA,QACD,GAAG;AAAA,MACL;AAAA,MACA,wBAAqB;AAAA;AAAA,IATjB;AAAA,EAUN,IACE;AAEJ,SACE,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,kCAAkC,cAChC;",
+  "sourcesContent": ["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport type { JSX } from 'react';\n\nimport * as styles from './DataTablePinningShadowCells.sty.js';\nimport {\n  useDataTable,\n  useDataTableContent,\n} from '../../contexts/DataTableContext.js';\n\ninterface DataTablePinningShadowHeaderCellsProps {\n  isLeftShadow: boolean;\n  isRightShadow: boolean;\n  leftPosition: number | undefined;\n  rightPosition: number | undefined;\n  gridPosition: {\n    gridColumnStart: number;\n    gridColumnEnd: number | `span ${number}`;\n    gridRowStart: number;\n    gridRowEnd: number | `span ${number}`;\n  };\n}\n\n/**\n * Renders a shadow to visually emphasize pinned columns in the header.\n * To place the shadow correctly, we render a cell on top of the last left pinned/first right pinned header\n * and add the shadow inside an `::after` element to the right/left edge of this cell. The shadow is only\n * rendered when the table is actually overflowing behind the pinned columns on the respective side.\n */\nexport function DataTablePinningShadowHeaderCells(\n  props: Readonly<DataTablePinningShadowHeaderCellsProps>,\n): JSX.Element | null {\n  const {\n    isLeftShadow,\n    isRightShadow,\n    leftPosition,\n    rightPosition,\n    gridPosition,\n  } = props;\n\n  const tableContent = useDataTableContent();\n\n  const table = useDataTable();\n\n  // Check if there are pinned columns\n  const hasLeftPinnedColumns = table.getStartVisibleLeafColumns().length > 0;\n  const hasRightPinnedColumns = table.getEndVisibleLeafColumns().length > 0;\n\n  // Determine whether to render left shadow\n  const showLeftShadow =\n    isLeftShadow && hasLeftPinnedColumns && tableContent.hasOverflowLeft;\n\n  // Determine whether to render right shadow\n  const showRightShadow =\n    isRightShadow && hasRightPinnedColumns && tableContent.hasOverflowRight;\n\n  const leftShadowCell = showLeftShadow ? (\n    <div\n      key=\"left\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.left}\n      style={{\n        ...assignInlineVars({\n          [styles.leftPositionVar]: `${leftPosition}px`,\n        }),\n        ...gridPosition,\n      }}\n      data-pinned-position=\"left\"\n    />\n  ) : null;\n\n  const rightShadowCell = showRightShadow ? (\n    <div\n      key=\"right\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.right}\n      style={{\n        ...assignInlineVars({\n          [styles.rightPositionVar]: `${rightPosition}px`,\n        }),\n        ...gridPosition,\n      }}\n      data-pinned-position=\"right\"\n    />\n  ) : null;\n\n  return (\n    <>\n      {leftShadowCell}\n      {rightShadowCell}\n    </>\n  );\n}\nDataTablePinningShadowHeaderCells.displayName =\n  'DataTablePinningShadowHeaderCells';\n"],
+  "mappings": "AAwDI,SA8BA,UA9BA,KA8BA,YA9BA;AAxDJ,SAAS,wBAAwB;AAGjC,YAAY,YAAY;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAqBA,SAAS,kCACd,OACoB;AACpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAe,oBAAoB;AAEzC,QAAM,QAAQ,aAAa;AAG3B,QAAM,uBAAuB,MAAM,2BAA2B,EAAE,SAAS;AACzE,QAAM,wBAAwB,MAAM,yBAAyB,EAAE,SAAS;AAGxE,QAAM,iBACJ,gBAAgB,wBAAwB,aAAa;AAGvD,QAAM,kBACJ,iBAAiB,yBAAyB,aAAa;AAEzD,QAAM,iBAAiB,iBACrB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,eAAe,GAAG,GAAG,YAAY;AAAA,QAC3C,CAAC;AAAA,QACD,GAAG;AAAA,MACL;AAAA,MACA,wBAAqB;AAAA;AAAA,IATjB;AAAA,EAUN,IACE;AAEJ,QAAM,kBAAkB,kBACtB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,gBAAgB,GAAG,GAAG,aAAa;AAAA,QAC7C,CAAC;AAAA,QACD,GAAG;AAAA,MACL;AAAA,MACA,wBAAqB;AAAA;AAAA,IATjB;AAAA,EAUN,IACE;AAEJ,SACE,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,kCAAkC,cAChC;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._51sfnf0-3-12-2 {
+._51sfnf0-3-13-0 {
   display: grid;
   grid-template-columns: subgrid;
   grid-column-start: 1;
@@ -7,6 +7,6 @@
   grid-row-start: body-start;
   grid-row-end: body-end;
 }
-._51sfnf1-3-12-2 {
+._51sfnf1-3-13-0 {
   opacity: 0.2;
 }

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

@@ -125,7 +125,7 @@ function DataTableBody(props) {
     }
   ) : (
     // If row order drag and drop is not enabled then don't use the RowOrderingDragAndDropContext
-    // eslint-disable-next-line react/jsx-no-useless-fragment
+    // oxlint-disable-next-line react/jsx-no-useless-fragment
     /* @__PURE__ */ jsx(Fragment, { children: rowElements })
   );
   return /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableBody.tsx"],
-  "sourcesContent": ["import type { RowData, Row } from '@tanstack/react-table';\nimport { Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { useCallback, useRef, type ReactElement, type JSX } from 'react';\n\nimport * as styles from './DataTableBody.sty.js';\nimport { DataTableRow } from './DataTableRow.js';\nimport {\n  DATA_TABLE_DETAILS_ROW_IDENTIFIER,\n  DATA_TABLE_DETAILS_ROW_PARITY,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../constants.js';\nimport { useDataTable } from '../contexts/DataTableContext.js';\nimport { RowDetailsElement } from '../features/RowDetails/components/RowDetailsElement.js';\nimport { RowOrderingDragAndDropContext } from '../features/RowOrder/components/RowOrderingDragAndDropContext.js';\nimport type { TDataTableFeatures } from '../features/types/features.types.js';\n\nexport function DataTableBody(\n  props: Readonly<{\n    rows: Row<TDataTableFeatures, RowData>[];\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  }>,\n): ReactElement | null {\n  const { rows, rowVirtualizer, columnVirtualizer } = props;\n  const table = useDataTable();\n\n  // Keep a list of all rows that are currently measured by the virtualizer\n  const queuedMeasurementRowIdRef = useRef(new Set());\n\n  const rowMeasure = useCallback(\n    (node: Element | null): void => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      const rowId = node.getAttribute('data-rowid');\n      if (rowId === null || queuedMeasurementRowIdRef.current.has(rowId)) {\n        return;\n      }\n      queuedMeasurementRowIdRef.current.add(rowId);\n      requestAnimationFrame(() => {\n        // Ensure the virtualizer only measures element that are still connected to the DOM. Detached elements will be ignored.\n        if (node.isConnected) {\n          rowVirtualizer.measureElement(node);\n        }\n        // Remove the row from the queued measurement list, so it can be measured again in the future.\n        queuedMeasurementRowIdRef.current.delete(rowId);\n      });\n    },\n    [rowVirtualizer],\n  );\n\n  const columnMeasure = useCallback(\n    (node: Element | null) => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      columnVirtualizer.measureElement(node);\n    },\n    [columnVirtualizer],\n  );\n\n  const firstRenderedRowIndex = rows.at(0)?.index;\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n  const rowElements: JSX.Element[] = rowVirtualizer\n    .getVirtualItems()\n    .map((virtualRow, index) => {\n      const originalRow = rows[virtualRow.index];\n      let parity: 'even' | 'odd' = virtualRow.index % 2 === 0 ? 'even' : 'odd';\n\n      // If the row parity is set in the row, use this one as it\n      // could change via row details expansion.\n      const detailsParity = originalRow[DATA_TABLE_DETAILS_ROW_PARITY];\n      if (detailsParity !== undefined) {\n        parity = detailsParity;\n      }\n\n      // Subscribe per row so a drag only re-renders the affected row instead of\n      // re-rendering the body and every row.\n      const selectIsDraggedRow = (\n        draggingRowInfo: { id: string } | null | undefined,\n      ): boolean => {\n        if (!draggingRowInfo) {\n          return false;\n        }\n        const draggingRowId = draggingRowInfo.id;\n        const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;\n        return (\n          originalRow.id === draggingRowId ||\n          originalRow.id === draggingRowIdExpanded\n        );\n      };\n\n      // Need to run this through the symbol accessor instead of the\n      // feature, as the feature does not get the information from the\n      // extended row model, as the row model runs later.\n      if (originalRow[DATA_TABLE_DETAILS_ROW_IDENTIFIER] === true) {\n        return (\n          <table.Subscribe\n            key={originalRow.id}\n            source={table.atoms.draggingRowInfo}\n            selector={selectIsDraggedRow}\n          >\n            {(isDraggedRow) => (\n              <RowDetailsElement\n                originalRow={originalRow}\n                virtualRow={virtualRow}\n                virtualItemIndex={index}\n                rowSeparation={\n                  table.atoms.visualVariantConfig?.get()?.rowSeparation\n                }\n                rowParity={parity}\n                isLastRowOnPage={virtualRow.index === rows.length - 1}\n                rowMeasure={rowMeasure}\n                isDraggedRow={isDraggedRow}\n              >\n                {table.options.rowDetailsTemplate?.({\n                  row: originalRow.original,\n                })}\n              </RowDetailsElement>\n            )}\n          </table.Subscribe>\n        );\n      }\n\n      return (\n        <table.Subscribe\n          key={`row-${virtualRow.key}`}\n          source={table.atoms.draggingRowInfo}\n          selector={selectIsDraggedRow}\n        >\n          {(isDraggedRow) => (\n            <DataTableRow\n              row={originalRow}\n              virtualRow={virtualRow}\n              virtualItemIndex={index}\n              rowCount={rows.length}\n              virtualColumns={virtualColumns}\n              isDraggedRow={isDraggedRow}\n              isInDragOverlay={false}\n              rowParity={parity}\n              rowMeasure={rowMeasure}\n              columnMeasure={\n                // For columns, only measure the first rendered row.\n                // All other rows will have the same column widths.\n                firstRenderedRowIndex === virtualRow.index\n                  ? columnMeasure\n                  : undefined\n              }\n              scrollToIndex={rowVirtualizer.scrollToIndex}\n            />\n          )}\n        </table.Subscribe>\n      );\n    });\n\n  const bodyContent = table.options.enableRowOrderDragAndDrop ? (\n    <RowOrderingDragAndDropContext\n      rows={rows}\n      virtualColumns={virtualColumns}\n      rowSeparation={table.atoms.visualVariantConfig?.get()?.rowSeparation}\n    >\n      {rowElements}\n    </RowOrderingDragAndDropContext>\n  ) : (\n    // If row order drag and drop is not enabled then don't use the RowOrderingDragAndDropContext\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{rowElements}</>\n  );\n\n  return (\n    <div\n      role=\"rowgroup\"\n      data-rowgroup=\"body\"\n      className={clsx(styles.body, {\n        [styles.loading]: table.atoms.loading?.get(),\n      })}\n    >\n      {bodyContent}\n    </div>\n  );\n}\n\nDataTableBody.displayName = 'DataTableBody';\n"],
+  "sourcesContent": ["import type { RowData, Row } from '@tanstack/react-table';\nimport { Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { useCallback, useRef, type ReactElement, type JSX } from 'react';\n\nimport * as styles from './DataTableBody.sty.js';\nimport { DataTableRow } from './DataTableRow.js';\nimport {\n  DATA_TABLE_DETAILS_ROW_IDENTIFIER,\n  DATA_TABLE_DETAILS_ROW_PARITY,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../constants.js';\nimport { useDataTable } from '../contexts/DataTableContext.js';\nimport { RowDetailsElement } from '../features/RowDetails/components/RowDetailsElement.js';\nimport { RowOrderingDragAndDropContext } from '../features/RowOrder/components/RowOrderingDragAndDropContext.js';\nimport type { TDataTableFeatures } from '../features/types/features.types.js';\n\nexport function DataTableBody(\n  props: Readonly<{\n    rows: Row<TDataTableFeatures, RowData>[];\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  }>,\n): ReactElement | null {\n  const { rows, rowVirtualizer, columnVirtualizer } = props;\n  const table = useDataTable();\n\n  // Keep a list of all rows that are currently measured by the virtualizer\n  const queuedMeasurementRowIdRef = useRef(new Set());\n\n  const rowMeasure = useCallback(\n    (node: Element | null): void => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      const rowId = node.getAttribute('data-rowid');\n      if (rowId === null || queuedMeasurementRowIdRef.current.has(rowId)) {\n        return;\n      }\n      queuedMeasurementRowIdRef.current.add(rowId);\n      requestAnimationFrame(() => {\n        // Ensure the virtualizer only measures element that are still connected to the DOM. Detached elements will be ignored.\n        if (node.isConnected) {\n          rowVirtualizer.measureElement(node);\n        }\n        // Remove the row from the queued measurement list, so it can be measured again in the future.\n        queuedMeasurementRowIdRef.current.delete(rowId);\n      });\n    },\n    [rowVirtualizer],\n  );\n\n  const columnMeasure = useCallback(\n    (node: Element | null) => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      columnVirtualizer.measureElement(node);\n    },\n    [columnVirtualizer],\n  );\n\n  const firstRenderedRowIndex = rows.at(0)?.index;\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n  const rowElements: JSX.Element[] = rowVirtualizer\n    .getVirtualItems()\n    .map((virtualRow, index) => {\n      const originalRow = rows[virtualRow.index];\n      let parity: 'even' | 'odd' = virtualRow.index % 2 === 0 ? 'even' : 'odd';\n\n      // If the row parity is set in the row, use this one as it\n      // could change via row details expansion.\n      const detailsParity = originalRow[DATA_TABLE_DETAILS_ROW_PARITY];\n      if (detailsParity !== undefined) {\n        parity = detailsParity;\n      }\n\n      // Subscribe per row so a drag only re-renders the affected row instead of\n      // re-rendering the body and every row.\n      const selectIsDraggedRow = (\n        draggingRowInfo: { id: string } | null | undefined,\n      ): boolean => {\n        if (!draggingRowInfo) {\n          return false;\n        }\n        const draggingRowId = draggingRowInfo.id;\n        const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;\n        return (\n          originalRow.id === draggingRowId ||\n          originalRow.id === draggingRowIdExpanded\n        );\n      };\n\n      // Need to run this through the symbol accessor instead of the\n      // feature, as the feature does not get the information from the\n      // extended row model, as the row model runs later.\n      if (originalRow[DATA_TABLE_DETAILS_ROW_IDENTIFIER] === true) {\n        return (\n          <table.Subscribe\n            key={originalRow.id}\n            source={table.atoms.draggingRowInfo}\n            selector={selectIsDraggedRow}\n          >\n            {(isDraggedRow) => (\n              <RowDetailsElement\n                originalRow={originalRow}\n                virtualRow={virtualRow}\n                virtualItemIndex={index}\n                rowSeparation={\n                  table.atoms.visualVariantConfig?.get()?.rowSeparation\n                }\n                rowParity={parity}\n                isLastRowOnPage={virtualRow.index === rows.length - 1}\n                rowMeasure={rowMeasure}\n                isDraggedRow={isDraggedRow}\n              >\n                {table.options.rowDetailsTemplate?.({\n                  row: originalRow.original,\n                })}\n              </RowDetailsElement>\n            )}\n          </table.Subscribe>\n        );\n      }\n\n      return (\n        <table.Subscribe\n          key={`row-${virtualRow.key}`}\n          source={table.atoms.draggingRowInfo}\n          selector={selectIsDraggedRow}\n        >\n          {(isDraggedRow) => (\n            <DataTableRow\n              row={originalRow}\n              virtualRow={virtualRow}\n              virtualItemIndex={index}\n              rowCount={rows.length}\n              virtualColumns={virtualColumns}\n              isDraggedRow={isDraggedRow}\n              isInDragOverlay={false}\n              rowParity={parity}\n              rowMeasure={rowMeasure}\n              columnMeasure={\n                // For columns, only measure the first rendered row.\n                // All other rows will have the same column widths.\n                firstRenderedRowIndex === virtualRow.index\n                  ? columnMeasure\n                  : undefined\n              }\n              scrollToIndex={rowVirtualizer.scrollToIndex}\n            />\n          )}\n        </table.Subscribe>\n      );\n    });\n\n  const bodyContent = table.options.enableRowOrderDragAndDrop ? (\n    <RowOrderingDragAndDropContext\n      rows={rows}\n      virtualColumns={virtualColumns}\n      rowSeparation={table.atoms.visualVariantConfig?.get()?.rowSeparation}\n    >\n      {rowElements}\n    </RowOrderingDragAndDropContext>\n  ) : (\n    // If row order drag and drop is not enabled then don't use the RowOrderingDragAndDropContext\n    // oxlint-disable-next-line react/jsx-no-useless-fragment\n    <>{rowElements}</>\n  );\n\n  return (\n    <div\n      role=\"rowgroup\"\n      data-rowgroup=\"body\"\n      className={clsx(styles.body, {\n        [styles.loading]: table.atoms.loading?.get(),\n      })}\n    >\n      {bodyContent}\n    </div>\n  );\n}\n\nDataTableBody.displayName = 'DataTableBody';\n"],
   "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import "./DataTableBody.css";
-var body = "_51sfnf0-3-12-2";
-var loading = "_51sfnf1-3-12-2";
+var body = "_51sfnf0-3-13-0";
+var loading = "_51sfnf1-3-13-0";
 export {
   body,
   loading

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableBody.css.ts"],
-  "sourcesContent": ["import './DataTableBody.css';\nexport var body = '_51sfnf0-3-12-2';\nexport var loading = '_51sfnf1-3-12-2';"],
+  "sourcesContent": ["import './DataTableBody.css';\nexport var body = '_51sfnf0-3-13-0';\nexport var loading = '_51sfnf1-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,UAAU;",
   "names": []
 }