@semcore/data-table 16.0.0-prerelease.7 → 16.0.0

package/lib/cjs/style/scroll-shadows.shadow.css

@@ -1,7 +1,41 @@
-SShadowHorizontal,
-SShadowVertical {
-  &:before,
-  &:after {
-    z-index: 1;
+SScrollArea {
+  width: fit-content;
+
+  SContainer {
+    overflow: unset;
+
+    &[scrollDirection='both'] {
+      overflow: auto;
+    }
+    &[scrollDirection='horizontal'] {
+      overflow-x: auto;
+      overflow-y: unset;
+    }
+    &[scrollDirection='vertical'] {
+      overflow-x: unset;
+      overflow-y: auto;
+    }
+    &[loading] {
+      overflow: hidden;
+    }
+
+    &[headerHeight] {
+      scroll-padding-top: var(--headerHeight);
+    }
+  }
+
+  SShadowVertical {
+    &:before {
+      display: none;
+    }
+    &:after {
+      z-index: 2;
+    }
+  }
+  SShadowHorizontal {
+    &:before,
+    &:after {
+      z-index: 2;
+    }
   }
 }

package/lib/cjs/translations/en.json

@@ -1,3 +1,8 @@
 {
-  "sortableColumn": "Sortable"
+  "sortableColumn": "Sortable",
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Show details",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Hide details",
+  "DataTable.Header.selectAllCheckbox:aria-label": "All items",
+  "DataTable.allItemsSelected:aria-live": "All items selected",
+  "DataTable.allItemsDeselected:aria-live": "All items deselected"
 }

package/lib/cjs/utils.js

@@ -3,19 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getScrollOffsetValue = exports.getFixedStyle = exports.flattenColumns = void 0;
+exports.getScrollOffsetValue = exports.getFixedStyle = exports.flattenColumns = exports.createCssVarForWidth = void 0;
 var getScrollOffsetValue = function getScrollOffsetValue(columns) {
   return columns.reduce(function (acc, column) {
     if (column.fixed === 'left') {
-      acc[0] += column.width;
+      acc[0] += column.calculatedWidth;
     }
     if (column.fixed === 'right') {
-      acc[1] += column.width;
+      acc[1] += column.calculatedWidth;
     }
     return acc;
   }, [0, 0]);
 };
 exports.getScrollOffsetValue = getScrollOffsetValue;
+var cssVarReg = /[:;\W]/g;
+var createCssVarForWidth = function createCssVarForWidth(name) {
+  return "--".concat(name.replace(cssVarReg, '_'), "_width");
+};
+
+/**
+ * todo: Remove after v16
+ */
+exports.createCssVarForWidth = createCssVarForWidth;
 var flattenColumns = function flattenColumns(columns) {
   return columns.reduce(function (acc, column) {
     var hasNestedColumns = 'columns' in column && column.columns.length > 0;
@@ -48,10 +57,10 @@ var getFixedStyle = function getFixedStyle(cell, columns) {
   };
   var columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);
   if (columnsFixed.length < 1) return [side, 0];
-  var vars = columnsFixed.map(function (column) {
-    return "var(--".concat(column.name, "_width)");
-  });
-  return [side, vars.length === 1 ? vars[0] : "calc(".concat(vars.join(' + '), ")")];
+  var sum = columnsFixed.reduce(function (acc, column) {
+    return acc + column.calculatedWidth;
+  }, 0);
+  return [side, "".concat(sum, "px")];
 };
 exports.getFixedStyle = getFixedStyle;
 //# sourceMappingURL=utils.js.map

package/lib/cjs/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getScrollOffsetValue","columns","reduce","acc","column","fixed","width","exports","flattenColumns","hasNestedColumns","length","concat","getFixedStyle","cell","side","undefined","names","name","split","nameSideMap","left","right","index","findIndex","startIndexSideMap","endIndexSideMap","columnsFixed","slice","vars","map","join"],"sources":["../../src/utils.ts"],"sourcesContent":["import type { Column } from './types';\n\nexport const getScrollOffsetValue = (columns: Column[]) =>\n  columns.reduce(\n    (acc, column) => {\n      if (column.fixed === 'left') {\n        acc[0] += column.width;\n      }\n      if (column.fixed === 'right') {\n        acc[1] += column.width;\n      }\n      return acc;\n    },\n    [0, 0] as [leftOffset: number, rightOffset: number],\n  );\n\nexport const flattenColumns = (columns: Column[]) =>\n  columns.reduce((acc, column) => {\n    const hasNestedColumns = 'columns' in column && column.columns.length > 0;\n    const columns: Column[] = hasNestedColumns ? flattenColumns(column.columns) : [column];\n    acc = acc.concat(columns);\n    return acc;\n  }, [] as Column[]);\n\nexport const getFixedStyle = (\n  cell: Pick<Column, 'name' | 'fixed'>,\n  columns: Column[],\n): [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined] => {\n  const side = cell.fixed;\n  if (!side) return [undefined, undefined];\n  const names = cell.name.split('/');\n  const nameSideMap = {\n    left: names[0],\n    right: names[names.length - 1],\n  };\n  const name = nameSideMap[side];\n  const index = columns.findIndex((column) => column.name === name);\n\n  if (index === -1) return [undefined, undefined];\n\n  const startIndexSideMap = {\n    left: 0,\n    right: index + 1,\n  };\n  const endIndexSideMap = {\n    left: index,\n    right: columns.length,\n  };\n  const columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);\n\n  if (columnsFixed.length < 1) return [side, 0];\n\n  const vars = columnsFixed.map((column) => `var(--${column.name}_width)`);\n  return [side, vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`];\n};\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["getScrollOffsetValue","columns","reduce","acc","column","fixed","calculatedWidth","exports","cssVarReg","createCssVarForWidth","name","concat","replace","flattenColumns","hasNestedColumns","length","getFixedStyle","cell","side","undefined","names","split","nameSideMap","left","right","index","findIndex","startIndexSideMap","endIndexSideMap","columnsFixed","slice","sum"],"sources":["../../src/utils.ts"],"sourcesContent":["import type { DTColumn } from './components/Head/Column.types';\n\nexport const getScrollOffsetValue = (columns: DTColumn[]) =>\n  columns.reduce(\n    (acc, column) => {\n      if (column.fixed === 'left') {\n        acc[0] += column.calculatedWidth;\n      }\n      if (column.fixed === 'right') {\n        acc[1] += column.calculatedWidth;\n      }\n      return acc;\n    },\n    [0, 0] as [leftOffset: number, rightOffset: number],\n  );\n\nconst cssVarReg = /[:;\\W]/g;\n\nexport const createCssVarForWidth = (name: string) => {\n  return `--${name.replace(cssVarReg, '_')}_width`;\n};\n\n/**\n * todo: Remove after v16\n */\nexport const flattenColumns = (columns: any[]) =>\n  columns.reduce((acc, column) => {\n    const hasNestedColumns = 'columns' in column && column.columns.length > 0;\n    const columns: any[] = hasNestedColumns ? flattenColumns(column.columns) : [column];\n    acc = acc.concat(columns);\n    return acc;\n  }, [] as any[]);\n\nexport const getFixedStyle = (\n  cell: Pick<DTColumn, 'name' | 'fixed'>,\n  columns: DTColumn[],\n): [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined] => {\n  const side = cell.fixed;\n  if (!side) return [undefined, undefined];\n  const names = cell.name.split('/');\n  const nameSideMap = {\n    left: names[0],\n    right: names[names.length - 1],\n  };\n  const name = nameSideMap[side];\n  const index = columns.findIndex((column) => column.name === name);\n\n  if (index === -1) return [undefined, undefined];\n\n  const startIndexSideMap = {\n    left: 0,\n    right: index + 1,\n  };\n  const endIndexSideMap = {\n    left: index,\n    right: columns.length,\n  };\n  const columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);\n\n  if (columnsFixed.length < 1) return [side, 0];\n\n  const sum = columnsFixed.reduce((acc, column) => acc + column.calculatedWidth, 0);\n  return [side, `${sum}px`];\n};\n"],"mappings":"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"}

package/lib/es6/components/Body/Body.js

@@ -0,0 +1,429 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import * as React from 'react';
+import { Component, createComponent, Root, sstyled } from '@semcore/core';
+import { Box } from '@semcore/base-components';
+import { Row } from './Row';
+/*!__reshadow-styles__:"./style.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBody_49gvg_gg_,.___SRowGroup_49gvg_gg_,.___SRow_49gvg_gg_{display:contents}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_.__gridArea_49gvg_gg_,.___SCollapseRow_49gvg_gg_.__gridArea_49gvg_gg_,.___SRow_49gvg_gg_.__gridArea_49gvg_gg_{grid-area:var(--gridArea_49gvg)}.___SCollapseRow_49gvg_gg_ .___SCell_49gvg_gg_{display:block}.___SRow_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_cell_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_).__withAccordion_49gvg_gg_,.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_row_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_._theme_muted_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_info_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_info_49gvg_gg_,.___SRow_49gvg_gg_._theme_info_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_success_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_success_49gvg_gg_,.___SRow_49gvg_gg_._theme_success_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_warning_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_,.___SRow_49gvg_gg_._theme_warning_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_danger_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_,.___SRow_49gvg_gg_._theme_danger_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_49gvg_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_.__expanded_49gvg_gg_ svg{transform:rotate(90deg)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_left_49gvg_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_right_49gvg_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_.__fixed_49gvg_gg_{position:sticky;z-index:2}.___SCell_49gvg_gg_._theme_muted_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_49gvg_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_49gvg_gg_.__headerHeight_49gvg_gg_{top:var(--headerHeight_49gvg)}.___SEmptyData_49gvg_gg_{grid-column:1/-1}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"49gvg_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SBody": "___SBody_49gvg_gg_",
+  "__SRow": "___SRow_49gvg_gg_",
+  "__SRowGroup": "___SRowGroup_49gvg_gg_",
+  "_gridArea": "__gridArea_49gvg_gg_",
+  "__SCell": "___SCell_49gvg_gg_",
+  "__SCollapseRow": "___SCollapseRow_49gvg_gg_",
+  "--gridArea": "--gridArea_49gvg",
+  "_active": "__active_49gvg_gg_",
+  "_theme": "__theme_49gvg_gg_",
+  "_expanded": "__expanded_49gvg_gg_",
+  "_accordionType_row": "_accordionType_row_49gvg_gg_",
+  "_accordionType_cell": "_accordionType_cell_49gvg_gg_",
+  "_withAccordion": "__withAccordion_49gvg_gg_",
+  "_theme_muted": "_theme_muted_49gvg_gg_",
+  "_theme_info": "_theme_info_49gvg_gg_",
+  "_theme_success": "_theme_success_49gvg_gg_",
+  "_theme_warning": "_theme_warning_49gvg_gg_",
+  "_theme_danger": "_theme_danger_49gvg_gg_",
+  "_borders_both": "_borders_both_49gvg_gg_",
+  "_borders_left": "_borders_left_49gvg_gg_",
+  "_borders_right": "_borders_right_49gvg_gg_",
+  "_fixed": "__fixed_49gvg_gg_",
+  "__SSpinContainer": "___SSpinContainer_49gvg_gg_",
+  "_headerHeight": "__headerHeight_49gvg_gg_",
+  "--headerHeight": "--headerHeight_49gvg",
+  "__SEmptyData": "___SEmptyData_49gvg_gg_",
+  "_compact": "__compact_49gvg_gg_",
+  "--data-aria-level": "--data-aria-level_49gvg",
+  "__SAccordionToggle": "___SAccordionToggle_49gvg_gg_",
+  "_use_primary": "_use_primary_49gvg_gg_",
+  "_use_secondary": "_use_secondary_49gvg_gg_",
+  "_sideIndents_l": "_sideIndents_l_49gvg_gg_"
+});
+import { Cell } from './Cell';
+import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
+import { ACCORDION, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+import ChevronRightM from '@semcore/icon/ChevronRight/m';
+import { ButtonLink } from '@semcore/button';
+import Spin from '@semcore/spin';
+import { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';
+var ROWS_BUFFER = 20;
+var APROX_ROWS_ON_PAGE = 20;
+var BodyRoot = /*#__PURE__*/function (_Component) {
+  _inherits(BodyRoot, _Component);
+  var _super = _createSuper(BodyRoot);
+  function BodyRoot() {
+    var _this;
+    _classCallCheck(this, BodyRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "rowsHeightMap", new Map());
+    _defineProperty(_assertThisInitialized(_this), "indexForDownIterate", 0);
+    _defineProperty(_assertThisInitialized(_this), "indexForUpIterate", 0);
+    _defineProperty(_assertThisInitialized(_this), "handleRef", function (index, row) {
+      return function (node) {
+        if (!_this.rowsHeightMap.has(index) && node) {
+          _this.rowsHeightMap.set(index, [0, 0, node]);
+          _this.setRowHeight(index, row);
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleExpandRow", function (row, index) {
+      setTimeout(function () {
+        _this.setRowHeight(index, row);
+        for (var i = index; i < _this.rowsHeightMap.size; i++) {
+          _this.setRowHeight(i, row);
+        }
+      }, 300); // we need to calculate after expanding animation
+
+      _this.asProps.onExpandRow(row);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClickRow", function (row, index) {
+      return function (e) {
+        if (!isInteractiveElement(e.target)) {
+          _this.handleExpandRow(row, index);
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClickCell", function (row, index) {
+      return function (e) {
+        if (!isInteractiveElement(e.target)) {
+          _this.handleExpandRow(row, index);
+        }
+      };
+    });
+    return _this;
+  }
+  _createClass(BodyRoot, [{
+    key: "getRowProps",
+    value: function getRowProps(props) {
+      var _this$asProps = this.asProps,
+        use = _this$asProps.use,
+        gridTemplateAreas = _this$asProps.gridTemplateAreas,
+        gridTemplateColumns = _this$asProps.gridTemplateColumns,
+        expandedRows = _this$asProps.expandedRows,
+        columns = _this$asProps.columns,
+        onExpandRow = _this$asProps.onExpandRow,
+        loading = _this$asProps.loading,
+        hasGroups = _this$asProps.hasGroups,
+        scrollAreaRef = _this$asProps.scrollAreaRef,
+        uid = _this$asProps.uid,
+        onBackFromAccordion = _this$asProps.onBackFromAccordion,
+        rowProps = _this$asProps.rowProps,
+        rows = _this$asProps.rows,
+        flatRows = _this$asProps.flatRows,
+        sideIndents = _this$asProps.sideIndents,
+        selectedRows = _this$asProps.selectedRows,
+        onSelectRow = _this$asProps.onSelectRow;
+      var row = props.row;
+      var index = row[ROW_INDEX];
+      var rowIndex = Array.from(expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function (acc, item) {
+        var rowIndex = flatRows.findIndex(function (row) {
+          return row[UNIQ_ROW_KEY] === item;
+        });
+        if (rowIndex < index) {
+          var _flatRows$rowIndex;
+          var expandedRow = (_flatRows$rowIndex = flatRows[rowIndex]) === null || _flatRows$rowIndex === void 0 ? void 0 : _flatRows$rowIndex[ACCORDION];
+          if (Array.isArray(expandedRow)) {
+            acc = acc + expandedRow.length;
+          } else {
+            acc = acc + 1;
+          }
+        }
+        return acc;
+      }, index);
+      var gridRowIndex = rowIndex + (hasGroups ? 3 : 2); // 1 - for header, 1 - because start not from 0, but from 1
+      var ariaRowIndex = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1
+
+      var accordionDataGridArea = Array.isArray(row[ACCORDION]) ? "".concat(gridRowIndex + 1, " / 1 / ").concat(gridRowIndex + 1 + row[ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(gridRowIndex + 1, " / 1 / ").concat(gridRowIndex + 1, " / ").concat(columns.length + 1);
+      return _objectSpread(_objectSpread({
+        onClick: row[ACCORDION] ? this.handleClickRow(row, index) : undefined
+      }, rowProps === null || rowProps === void 0 ? void 0 : rowProps(row, index)), {}, {
+        use: use,
+        uid: uid,
+        gridTemplateAreas: gridTemplateAreas,
+        gridTemplateColumns: gridTemplateColumns,
+        expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(row[UNIQ_ROW_KEY]),
+        accordionDataGridArea: accordionDataGridArea,
+        columns: columns,
+        rowIndex: index,
+        ariaRowIndex: ariaRowIndex,
+        gridRowIndex: gridRowIndex,
+        rows: rows,
+        onBackFromAccordion: onBackFromAccordion,
+        row: row,
+        expandedRows: expandedRows,
+        onExpandRow: onExpandRow,
+        selectedRows: selectedRows,
+        onSelectRow: onSelectRow,
+        inert: loading ? '' : undefined,
+        scrollAreaRef: scrollAreaRef,
+        sideIndents: sideIndents
+      });
+    }
+  }, {
+    key: "getCellProps",
+    value: function getCellProps(props) {
+      var _props$children,
+        _value3,
+        _this2 = this,
+        _value4;
+      var _this$asProps2 = this.asProps,
+        use = _this$asProps2.use,
+        renderCell = _this$asProps2.renderCell,
+        expandedRows = _this$asProps2.expandedRows,
+        styles = _this$asProps2.styles,
+        getI18nText = _this$asProps2.getI18nText,
+        virtualScroll = _this$asProps2.virtualScroll,
+        tableRef = _this$asProps2.tableRef;
+      var SAccordionToggle = ButtonLink;
+      var dataKey = props.column.name;
+      var cellValue = props.row[dataKey];
+      var value = undefined;
+      var isMergedRows = cellValue instanceof MergedRowsCell;
+      var isMergedColumns = cellValue instanceof MergedColumnsCell;
+      if (isMergedColumns || isMergedRows) {
+        value = cellValue.value;
+        if (isMergedColumns) {
+          dataKey = cellValue.dataKey;
+        }
+      } else {
+        value = cellValue;
+      }
+      var defaultRender = function defaultRender() {
+        var _value;
+        return /*#__PURE__*/React.isValidElement(value) ? value : (_value = value) === null || _value === void 0 ? void 0 : _value.toString();
+      };
+      var extraProps = {
+        use: use,
+        virtualScroll: Boolean(virtualScroll),
+        tableRef: tableRef,
+        children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender()
+      };
+      if (renderCell) {
+        var _value$toString, _value2;
+        var external = renderCell({
+          columnName: props.column.name,
+          row: props.row,
+          column: props.column,
+          rowIndex: props.rowIndex,
+          columnIndex: props.columnIndex,
+          dataKey: dataKey,
+          defaultRender: defaultRender,
+          value: /*#__PURE__*/React.isValidElement(value) ? value : (_value$toString = (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.toString()) !== null && _value$toString !== void 0 ? _value$toString : '',
+          isMergedRows: isMergedRows,
+          isMergedColumns: isMergedColumns
+        });
+        if (this.isReactNode(external) || Array.isArray(external)) {
+          extraProps.children = external;
+        } else {
+          for (var key in external) {
+            extraProps[key] = external[key];
+          }
+        }
+      }
+      if (props.columnIndex === 0 && props.row[ACCORDION] || (_value3 = value) !== null && _value3 !== void 0 && _value3[ACCORDION]) {
+        var _ref2;
+        var expanded = expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(props.row[UNIQ_ROW_KEY]);
+        extraProps.children = (_ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SAccordionToggle, _ref2.cn("SAccordionToggle", {
+          "aria-label": getI18nText('DataTable.Cell.AccordionToggle.expand:aria-label'),
+          "expanded": expanded,
+          "onClick": function onClick(e) {
+            e.stopPropagation();
+            _this2.handleExpandRow(props.row, props.rowIndex);
+          },
+          "color": '--intergalactic-icon-primary-neutral',
+          "aria-expanded": expanded,
+          "aria-describedby": props.id,
+          "aria-controls": props.accordionId
+        }), /*#__PURE__*/React.createElement(SAccordionToggle.Addon, {
+          tag: ChevronRightM
+        })), extraProps.children));
+      }
+      if ((_value4 = value) !== null && _value4 !== void 0 && _value4[ACCORDION]) {
+        extraProps.onClick = this.handleClickCell(props.row, props.rowIndex);
+      }
+      return extraProps;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3,
+        _this$rowsHeightMap$g5,
+        _this3 = this;
+      var SBody = Box;
+      var SRowGroup = Box;
+      var SSpinContainer = Box;
+      var _this$asProps3 = this.asProps,
+        styles = _this$asProps3.styles,
+        loading = _this$asProps3.loading,
+        headerHeight = _this$asProps3.headerHeight,
+        spinnerRef = _this$asProps3.spinnerRef,
+        virtualScroll = _this$asProps3.virtualScroll,
+        scrollDirection = _this$asProps3.scrollDirection,
+        tableContainerRef = _this$asProps3.tableContainerRef,
+        scrollTop = _this$asProps3.scrollTop,
+        renderEmptyData = _this$asProps3.renderEmptyData,
+        columns = _this$asProps3.columns,
+        uid = _this$asProps3.uid,
+        rows = _this$asProps3.rows;
+      var rowsToRender = rows;
+      var startIndex = -1;
+      var lastIndex = -1;
+      if (virtualScroll) {
+        var _virtualScroll$rowsBu, _tableContainerRef$cu, _tableContainerRef$cu2;
+        var rowsBuffer = typeof virtualScroll !== 'boolean' && 'rowsBuffer' in virtualScroll ? (_virtualScroll$rowsBu = virtualScroll.rowsBuffer) !== null && _virtualScroll$rowsBu !== void 0 ? _virtualScroll$rowsBu : ROWS_BUFFER : ROWS_BUFFER;
+        var offsetHeight = (_tableContainerRef$cu = (_tableContainerRef$cu2 = tableContainerRef.current) === null || _tableContainerRef$cu2 === void 0 ? void 0 : _tableContainerRef$cu2.offsetHeight) !== null && _tableContainerRef$cu !== void 0 ? _tableContainerRef$cu : 0;
+        var prevPrepared = scrollDirection === 'up' ? rowsBuffer : 4;
+        var nextPrepared = scrollDirection === 'up' ? 4 : rowsBuffer;
+        if (typeof virtualScroll === 'boolean' || 'aproxRowsOnPage' in virtualScroll) {
+          var _virtualScroll$aproxR;
+          var aproxRowsOnPage = typeof virtualScroll !== 'boolean' ? (_virtualScroll$aproxR = virtualScroll.aproxRowsOnPage) !== null && _virtualScroll$aproxR !== void 0 ? _virtualScroll$aproxR : APROX_ROWS_ON_PAGE : APROX_ROWS_ON_PAGE;
+          if (scrollDirection === 'down') {
+            var _this$rowsHeightMap$g, _this$rowsHeightMap$g2, _lastIndex;
+            for (var i = this.indexForDownIterate; i < this.rowsHeightMap.size - 1; i++) {
+              var value = this.rowsHeightMap.get(i);
+              if (!value) continue;
+              var key = i;
+              var valueFromToCompare = value[1];
+              var valueToToCompare = value[0];
+              if (startIndex === -1 && scrollTop < valueFromToCompare) {
+                startIndex = Math.max(key - prevPrepared, 0);
+              }
+              if (startIndex !== -1 && scrollTop + offsetHeight < valueToToCompare) {
+                lastIndex = Math.min(key + nextPrepared, rows.length);
+              }
+              if (startIndex !== -1 && lastIndex !== -1) {
+                break;
+              }
+            }
+            if (scrollTop + offsetHeight < ((_this$rowsHeightMap$g = (_this$rowsHeightMap$g2 = this.rowsHeightMap.get((_lastIndex = lastIndex) !== null && _lastIndex !== void 0 ? _lastIndex : 0)) === null || _this$rowsHeightMap$g2 === void 0 ? void 0 : _this$rowsHeightMap$g2[1]) !== null && _this$rowsHeightMap$g !== void 0 ? _this$rowsHeightMap$g : 0)) {
+              lastIndex = lastIndex + aproxRowsOnPage;
+            }
+          } else if (scrollDirection === 'up') {
+            var _this$rowsHeightMap$g3, _this$rowsHeightMap$g4, _startIndex;
+            for (var _i = this.indexForUpIterate; _i > 0; _i--) {
+              var _value5 = this.rowsHeightMap.get(_i);
+              if (!_value5) continue;
+              var _key2 = _i;
+              var _valueFromToCompare = _value5[1];
+              var _valueToToCompare = _value5[0];
+              if (lastIndex === -1 && scrollTop + offsetHeight > _valueToToCompare) {
+                lastIndex = Math.min(_key2 + nextPrepared, rows.length);
+              }
+              if (lastIndex !== -1 && scrollTop < _valueFromToCompare) {
+                startIndex = Math.max(_key2 - prevPrepared, 0);
+              }
+              if (startIndex !== -1 && lastIndex !== -1) {
+                break;
+              }
+            }
+            if (scrollTop < ((_this$rowsHeightMap$g3 = (_this$rowsHeightMap$g4 = this.rowsHeightMap.get((_startIndex = startIndex) !== null && _startIndex !== void 0 ? _startIndex : 0)) === null || _this$rowsHeightMap$g4 === void 0 ? void 0 : _this$rowsHeightMap$g4[0]) !== null && _this$rowsHeightMap$g3 !== void 0 ? _this$rowsHeightMap$g3 : 0)) {
+              startIndex = Math.max(startIndex - aproxRowsOnPage, 0);
+            }
+          }
+          if (startIndex === -1) {
+            startIndex = scrollTop === 0 ? 0 : Math.max(rows.length - aproxRowsOnPage, 0);
+          }
+          if (lastIndex === -1) {
+            lastIndex = scrollTop === 0 ? aproxRowsOnPage : rows.length;
+          }
+          this.indexForDownIterate = startIndex;
+          this.indexForUpIterate = lastIndex;
+          rowsToRender = rows.slice(startIndex, lastIndex);
+        } else if ('rowHeight' in virtualScroll) {
+          var rowHeight = virtualScroll.rowHeight;
+          startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
+          var _lastIndex2 = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
+          rowsToRender = rows.slice(startIndex, _lastIndex2);
+        }
+      }
+      startIndex = startIndex === -1 ? 0 : startIndex;
+      var rowMarginTop = (_this$rowsHeightMap$g5 = this.rowsHeightMap.get(startIndex - 1)) === null || _this$rowsHeightMap$g5 === void 0 ? void 0 : _this$rowsHeightMap$g5[1];
+      var emptyRow = null;
+      if (rowsToRender.length === 0) {
+        var _emptyRow;
+        emptyRow = (_emptyRow = {}, _defineProperty(_emptyRow, UNIQ_ROW_KEY, "".concat(uid, "_empty_data")), _defineProperty(_emptyRow, ROW_INDEX, 0), _defineProperty(_emptyRow, columns[0].name, new MergedColumnsCell(renderEmptyData(), {
+          dataKey: columns[0].name,
+          size: columns.length
+        })), _emptyRow);
+      }
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBody, _ref3.cn("SBody", _objectSpread({}, _assignProps({
+        "__excludeProps": ['data']
+      }, _ref))), emptyRow && /*#__PURE__*/React.createElement(Body.Row, {
+        row: emptyRow,
+        offset: 0
+      }), typeof virtualScroll === 'boolean' && rowMarginTop && /*#__PURE__*/React.createElement(Box, _ref3.cn("Box", {
+        "h": rowMarginTop
+      })), rowsToRender.map(function (row, index) {
+        if (Array.isArray(row)) {
+          var _ref4;
+          return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SRowGroup, _ref4.cn("SRowGroup", {
+            "role": 'rowgroup',
+            "key": "gg_".concat(row[0][UNIQ_ROW_KEY]),
+            "ref": _this3.handleRef(startIndex + index, row[0])
+          }), row.map(function (item, i) {
+            return /*#__PURE__*/React.createElement(Body.Row, {
+              key: item[UNIQ_ROW_KEY],
+              row: item
+            });
+          }));
+        }
+        return /*#__PURE__*/React.createElement(Body.Row, {
+          key: row[UNIQ_ROW_KEY],
+          row: row,
+          ref: _this3.handleRef(startIndex + index, row)
+        });
+      }), loading && /*#__PURE__*/React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
+        "innerOutline": true,
+        "headerHeight": "".concat(headerHeight, "px"),
+        "tabIndex": -1,
+        "ref": spinnerRef,
+        "role": 'row'
+      }), /*#__PURE__*/React.createElement(Spin, _ref3.cn("Spin", {
+        "size": 'xxl',
+        "role": 'gridcell'
+      }))));
+    }
+  }, {
+    key: "isReactNode",
+    value: function isReactNode(obj) {
+      return typeof obj === 'string' || typeof obj === 'number' || /*#__PURE__*/React.isValidElement(obj) || typeof obj === 'boolean' || obj === undefined || obj === null;
+    }
+  }, {
+    key: "setRowHeight",
+    value: function setRowHeight(index, row) {
+      var _this$rowsHeightMap$g6, _node$children$item;
+      var expandedRows = this.asProps.expandedRows;
+      var node = (_this$rowsHeightMap$g6 = this.rowsHeightMap.get(index)) === null || _this$rowsHeightMap$g6 === void 0 ? void 0 : _this$rowsHeightMap$g6[2];
+      var firstChild = (node === null || node === void 0 ? void 0 : node.role) === 'rowgroup' ? node === null || node === void 0 ? void 0 : (_node$children$item = node.children.item(0)) === null || _node$children$item === void 0 ? void 0 : _node$children$item.children.item(0) : node === null || node === void 0 ? void 0 : node.children.item(0);
+      if (node && firstChild instanceof HTMLElement) {
+        var offset = firstChild.offsetTop - this.asProps.headerHeight;
+        var height = firstChild.getBoundingClientRect().height;
+        if (expandedRows.has(row[UNIQ_ROW_KEY]) && node.nextSibling instanceof HTMLElement) {
+          height = height + node.nextSibling.getBoundingClientRect().height;
+        }
+        this.rowsHeightMap.set(index, [offset, offset + height, node]);
+      }
+    }
+  }]);
+  return BodyRoot;
+}(Component);
+_defineProperty(BodyRoot, "displayName", 'Body');
+_defineProperty(BodyRoot, "style", style);
+export var Body = createComponent(BodyRoot, {
+  Row: Row,
+  Cell: Cell
+});
+//# sourceMappingURL=Body.js.map