@dynatrace/strato-components 3.10.4 → 3.11.1

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

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

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

@@ -1,8 +1,8 @@
 import "../DataTableScrollShadow.css";
 import "./DataTablePinningShadowCells.css";
-var leftPositionVar = "var(--_1tlws2p0-3-10-4)";
-var pinningShadowCell = { left: "_1tlws2p2-3-10-4 _1al677r1-3-10-4 _1al677r0-3-10-4", right: "_1tlws2p3-3-10-4 _1al677r2-3-10-4 _1al677r0-3-10-4" };
-var rightPositionVar = "var(--_1tlws2p1-3-10-4)";
+var leftPositionVar = "var(--_1tlws2p0-3-11-1)";
+var pinningShadowCell = { left: "_1tlws2p2-3-11-1 _1al677r1-3-11-1 _1al677r0-3-11-1", right: "_1tlws2p3-3-11-1 _1al677r2-3-11-1 _1al677r0-3-11-1" };
+var rightPositionVar = "var(--_1tlws2p1-3-11-1)";
 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-10-4)';\nexport var pinningShadowCell = {left:'_1tlws2p2-3-10-4 _1al677r1-3-10-4 _1al677r0-3-10-4',right:'_1tlws2p3-3-10-4 _1al677r2-3-10-4 _1al677r0-3-10-4'};\nexport var rightPositionVar = 'var(--_1tlws2p1-3-10-4)';"],
+  "sourcesContent": ["import '../DataTableScrollShadow.css';\nimport './DataTablePinningShadowCells.css';\nexport var leftPositionVar = 'var(--_1tlws2p0-3-11-1)';\nexport var pinningShadowCell = {left:'_1tlws2p2-3-11-1 _1al677r1-3-11-1 _1al677r0-3-11-1',right:'_1tlws2p3-3-11-1 _1al677r2-3-11-1 _1al677r0-3-11-1'};\nexport var rightPositionVar = 'var(--_1tlws2p1-3-11-1)';"],
   "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/DataTableBody.css

@@ -1,4 +1,4 @@
-._51sfnf0-3-10-4 {
+._51sfnf0-3-11-1 {
   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-10-4 {
+._51sfnf1-3-11-1 {
   opacity: 0.2;
 }

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

@@ -45,53 +45,72 @@ function DataTableBody(props) {
   );
   const firstRenderedRowIndex = rows.at(0)?.index;
   const virtualColumns = columnVirtualizer.getVirtualItems();
-  const draggingRowId = table.atoms.draggingRowInfo?.get()?.id;
-  const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;
   const rowElements = rowVirtualizer.getVirtualItems().map((virtualRow, index) => {
     const originalRow = rows[virtualRow.index];
     let parity = virtualRow.index % 2 === 0 ? "even" : "odd";
-    const isDraggedRow = draggingRowId === void 0 ? false : originalRow.id === draggingRowId || originalRow.id === draggingRowIdExpanded;
     const detailsParity = originalRow[DATA_TABLE_DETAILS_ROW_PARITY];
     if (detailsParity !== void 0) {
       parity = detailsParity;
     }
+    const selectIsDraggedRow = (draggingRowInfo) => {
+      if (!draggingRowInfo) {
+        return false;
+      }
+      const draggingRowId = draggingRowInfo.id;
+      const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;
+      return originalRow.id === draggingRowId || originalRow.id === draggingRowIdExpanded;
+    };
     if (originalRow[DATA_TABLE_DETAILS_ROW_IDENTIFIER] === true) {
       return /* @__PURE__ */ jsx(
-        RowDetailsElement,
+        table.Subscribe,
         {
-          originalRow,
-          virtualRow,
-          virtualItemIndex: index,
-          rowSeparation: table.atoms.visualVariantConfig?.get()?.rowSeparation,
-          rowParity: parity,
-          isLastRowOnPage: virtualRow.index === rows.length - 1,
-          rowMeasure,
-          isDraggedRow,
-          children: table.options.rowDetailsTemplate?.({
-            row: originalRow.original
-          })
+          source: table.atoms.draggingRowInfo,
+          selector: selectIsDraggedRow,
+          children: (isDraggedRow) => /* @__PURE__ */ jsx(
+            RowDetailsElement,
+            {
+              originalRow,
+              virtualRow,
+              virtualItemIndex: index,
+              rowSeparation: table.atoms.visualVariantConfig?.get()?.rowSeparation,
+              rowParity: parity,
+              isLastRowOnPage: virtualRow.index === rows.length - 1,
+              rowMeasure,
+              isDraggedRow,
+              children: table.options.rowDetailsTemplate?.({
+                row: originalRow.original
+              })
+            }
+          )
         },
         originalRow.id
       );
     }
     return /* @__PURE__ */ jsx(
-      DataTableRow,
+      table.Subscribe,
       {
-        row: originalRow,
-        virtualRow,
-        virtualItemIndex: index,
-        rowCount: rows.length,
-        virtualColumns,
-        isDraggedRow,
-        isInDragOverlay: false,
-        rowParity: parity,
-        rowMeasure,
-        columnMeasure: (
-          // For columns, only measure the first rendered row.
-          // All other rows will have the same column widths.
-          firstRenderedRowIndex === virtualRow.index ? columnMeasure : void 0
-        ),
-        scrollToIndex: rowVirtualizer.scrollToIndex
+        source: table.atoms.draggingRowInfo,
+        selector: selectIsDraggedRow,
+        children: (isDraggedRow) => /* @__PURE__ */ jsx(
+          DataTableRow,
+          {
+            row: originalRow,
+            virtualRow,
+            virtualItemIndex: index,
+            rowCount: rows.length,
+            virtualColumns,
+            isDraggedRow,
+            isInDragOverlay: false,
+            rowParity: parity,
+            rowMeasure,
+            columnMeasure: (
+              // For columns, only measure the first rendered row.
+              // All other rows will have the same column widths.
+              firstRenderedRowIndex === virtualRow.index ? columnMeasure : void 0
+            ),
+            scrollToIndex: rowVirtualizer.scrollToIndex
+          }
+        )
       },
       `row-${virtualRow.key}`
     );

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 draggingRowId = table.atoms.draggingRowInfo?.get()?.id;\n  const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;\n\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      const isDraggedRow =\n        draggingRowId === undefined\n          ? false\n          : originalRow.id === draggingRowId ||\n            originalRow.id === draggingRowIdExpanded;\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      // 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          <RowDetailsElement\n            key={originalRow.id}\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      }\n\n      return (\n        <DataTableRow\n          key={`row-${virtualRow.key}`}\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    });\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"],
-  "mappings": "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",
+  "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"],
+  "mappings": "AAwGc,SA+DV,UA/DU;AAtGd,OAAO,UAAU;AACjB,SAAS,aAAa,cAA2C;AAEjE,YAAY,YAAY;AACxB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,qCAAqC;AAGvC,SAAS,cACd,OAKqB;AACrB,QAAM,EAAE,MAAM,gBAAgB,kBAAkB,IAAI;AACpD,QAAM,QAAQ,aAAa;AAG3B,QAAM,4BAA4B,OAAO,oBAAI,IAAI,CAAC;AAElD,QAAM,aAAa;AAAA,IACjB,CAAC,SAA+B;AAC9B,UAAI,CAAC,QAAQ,EAAE,gBAAgB,cAAc;AAC3C;AAAA,MACF;AACA,YAAM,QAAQ,KAAK,aAAa,YAAY;AAC5C,UAAI,UAAU,QAAQ,0BAA0B,QAAQ,IAAI,KAAK,GAAG;AAClE;AAAA,MACF;AACA,gCAA0B,QAAQ,IAAI,KAAK;AAC3C,4BAAsB,MAAM;AAE1B,YAAI,KAAK,aAAa;AACpB,yBAAe,eAAe,IAAI;AAAA,QACpC;AAEA,kCAA0B,QAAQ,OAAO,KAAK;AAAA,MAChD,CAAC;AAAA,IACH;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,SAAyB;AACxB,UAAI,CAAC,QAAQ,EAAE,gBAAgB,cAAc;AAC3C;AAAA,MACF;AACA,wBAAkB,eAAe,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AAEA,QAAM,wBAAwB,KAAK,GAAG,CAAC,GAAG;AAC1C,QAAM,iBAAiB,kBAAkB,gBAAgB;AACzD,QAAM,cAA6B,eAChC,gBAAgB,EAChB,IAAI,CAAC,YAAY,UAAU;AAC1B,UAAM,cAAc,KAAK,WAAW,KAAK;AACzC,QAAI,SAAyB,WAAW,QAAQ,MAAM,IAAI,SAAS;AAInE,UAAM,gBAAgB,YAAY,6BAA6B;AAC/D,QAAI,kBAAkB,QAAW;AAC/B,eAAS;AAAA,IACX;AAIA,UAAM,qBAAqB,CACzB,oBACY;AACZ,UAAI,CAAC,iBAAiB;AACpB,eAAO;AAAA,MACT;AACA,YAAM,gBAAgB,gBAAgB;AACtC,YAAM,wBAAwB,GAAG,aAAa,GAAG,iCAAiC;AAClF,aACE,YAAY,OAAO,iBACnB,YAAY,OAAO;AAAA,IAEvB;AAKA,QAAI,YAAY,iCAAiC,MAAM,MAAM;AAC3D,aACE;AAAA,QAAC,MAAM;AAAA,QAAN;AAAA,UAEC,QAAQ,MAAM,MAAM;AAAA,UACpB,UAAU;AAAA,UAET,WAAC,iBACA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,kBAAkB;AAAA,cAClB,eACE,MAAM,MAAM,qBAAqB,IAAI,GAAG;AAAA,cAE1C,WAAW;AAAA,cACX,iBAAiB,WAAW,UAAU,KAAK,SAAS;AAAA,cACpD;AAAA,cACA;AAAA,cAEC,gBAAM,QAAQ,qBAAqB;AAAA,gBAClC,KAAK,YAAY;AAAA,cACnB,CAAC;AAAA;AAAA,UACH;AAAA;AAAA,QApBG,YAAY;AAAA,MAsBnB;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QAEC,QAAQ,MAAM,MAAM;AAAA,QACpB,UAAU;AAAA,QAET,WAAC,iBACA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,kBAAkB;AAAA,YAClB,UAAU,KAAK;AAAA,YACf;AAAA,YACA;AAAA,YACA,iBAAiB;AAAA,YACjB,WAAW;AAAA,YACX;AAAA,YACA;AAAA;AAAA;AAAA,cAGE,0BAA0B,WAAW,QACjC,gBACA;AAAA;AAAA,YAEN,eAAe,eAAe;AAAA;AAAA,QAChC;AAAA;AAAA,MAvBG,OAAO,WAAW,GAAG;AAAA,IAyB5B;AAAA,EAEJ,CAAC;AAEH,QAAM,cAAc,MAAM,QAAQ,4BAChC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAe,MAAM,MAAM,qBAAqB,IAAI,GAAG;AAAA,MAEtD;AAAA;AAAA,EACH;AAAA;AAAA;AAAA,IAIA,gCAAG,uBAAY;AAAA;AAGjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,WAAW,KAAK,OAAO,MAAM;AAAA,QAC3B,CAAC,OAAO,OAAO,GAAG,MAAM,MAAM,SAAS,IAAI;AAAA,MAC7C,CAAC;AAAA,MAEA;AAAA;AAAA,EACH;AAEJ;AAEA,cAAc,cAAc;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import "./DataTableBody.css";
-var body = "_51sfnf0-3-10-4";
-var loading = "_51sfnf1-3-10-4";
+var body = "_51sfnf0-3-11-1";
+var loading = "_51sfnf1-3-11-1";
 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-10-4';\nexport var loading = '_51sfnf1-3-10-4';"],
+  "sourcesContent": ["import './DataTableBody.css';\nexport var body = '_51sfnf0-3-11-1';\nexport var loading = '_51sfnf1-3-11-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,UAAU;",
   "names": []
 }