@semcore/data-table 16.0.0-prerelease.13 → 16.0.0-prerelease.15

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

@@ -0,0 +1,209 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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_1q19z_gg_,.___SRow_1q19z_gg_{display:contents}.___SBody_1q19z_gg_.__compact_1q19z_gg_ .___SCell_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SCell_1q19z_gg_.__gridArea_1q19z_gg_,.___SCollapseRow_1q19z_gg_.__gridArea_1q19z_gg_,.___SRow_1q19z_gg_.__gridArea_1q19z_gg_{grid-area:var(--gridArea_1q19z)}.___SRow_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_._theme_muted_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_muted_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_muted_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_info_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1q19z_gg_._theme_info_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1q19z_gg_._theme_info_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1q19z_gg_._theme_success_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1q19z_gg_._theme_success_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_success_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1q19z_gg_._theme_warning_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1q19z_gg_._theme_danger_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SCell_1q19z_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_1q19z_gg_ .___SAccordionToggle_1q19z_gg_{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_.__expanded_1q19z_gg_{transform:rotate(90deg)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_left_1q19z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_right_1q19z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_.__fixed_1q19z_gg_{position:sticky;z-index:2}.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1q19z_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_1q19z_gg_.__headerHeight_1q19z_gg_{top:var(--headerHeight_1q19z)}" /*__inner_css_end__*/, "1q19z_gg_") /*__reshadow_css_end__*/, {
+  "__SBody": "___SBody_1q19z_gg_",
+  "__SRow": "___SRow_1q19z_gg_",
+  "_compact": "__compact_1q19z_gg_",
+  "__SCell": "___SCell_1q19z_gg_",
+  "_gridArea": "__gridArea_1q19z_gg_",
+  "__SCollapseRow": "___SCollapseRow_1q19z_gg_",
+  "--gridArea": "--gridArea_1q19z",
+  "_active": "__active_1q19z_gg_",
+  "_theme": "__theme_1q19z_gg_",
+  "_theme_muted": "_theme_muted_1q19z_gg_",
+  "_theme_info": "_theme_info_1q19z_gg_",
+  "_theme_success": "_theme_success_1q19z_gg_",
+  "_theme_warning": "_theme_warning_1q19z_gg_",
+  "_theme_danger": "_theme_danger_1q19z_gg_",
+  "_borders_both": "_borders_both_1q19z_gg_",
+  "_borders_left": "_borders_left_1q19z_gg_",
+  "_borders_right": "_borders_right_1q19z_gg_",
+  "_fixed": "__fixed_1q19z_gg_",
+  "__SSpinContainer": "___SSpinContainer_1q19z_gg_",
+  "_headerHeight": "__headerHeight_1q19z_gg_",
+  "--headerHeight": "--headerHeight_1q19z",
+  "__SAccordionToggle": "___SAccordionToggle_1q19z_gg_",
+  "_expanded": "__expanded_1q19z_gg_",
+  "_use_primary": "_use_primary_1q19z_gg_",
+  "--data-aria-level": "--data-aria-level_1q19z",
+  "_use_secondary": "_use_secondary_1q19z_gg_"
+});
+import { Cell } from './Cell';
+import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
+import { ACCORDION } from '../DataTable/DataTable';
+import ChevronRightM from '@semcore/icon/ChevronRight/m';
+import { ButtonLink } from '@semcore/button';
+import Spin from '@semcore/spin';
+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), "onExpandRow", function (expandedRowIndex) {
+      var expandedRows = _this.asProps.expandedRows;
+      if (expandedRows !== null && expandedRows !== void 0 && expandedRows.includes(expandedRowIndex)) {
+        _this.handlers.expandedRows(expandedRows.filter(function (row) {
+          return row !== expandedRowIndex;
+        }));
+      } else {
+        _this.handlers.expandedRows([].concat(_toConsumableArray(expandedRows), [expandedRowIndex]));
+      }
+    });
+    return _this;
+  }
+  _createClass(BodyRoot, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        expandedRows: []
+      };
+    }
+  }, {
+    key: "getRowProps",
+    value: function getRowProps(_, index) {
+      var _this$asProps = this.asProps,
+        rows = _this$asProps.rows,
+        use = _this$asProps.use,
+        gridTemplateAreas = _this$asProps.gridTemplateAreas,
+        gridTemplateColumns = _this$asProps.gridTemplateColumns,
+        expandedRows = _this$asProps.expandedRows,
+        columns = _this$asProps.columns,
+        headerRows = _this$asProps.headerRows;
+      var row = rows[index];
+      var rowIndex = (expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function (acc, item) {
+        if (item < index) {
+          acc = acc + 1;
+        }
+        return acc;
+      }, index);
+      var accordionDataGridArea = Array.isArray(row[ACCORDION]) ? "".concat(rowIndex + headerRows + 2, " / 1 / ").concat(rowIndex + headerRows + 2 + row[ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(rowIndex + headerRows + 2, " / 1 / ").concat(rowIndex + headerRows + 2, " / ").concat(columns.length + 1);
+      return {
+        use: use,
+        gridTemplateAreas: gridTemplateAreas,
+        gridTemplateColumns: gridTemplateColumns,
+        expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(index),
+        accordionDataGridArea: accordionDataGridArea,
+        columns: columns,
+        headerRows: headerRows,
+        rowIndex: index,
+        rows: rows
+      };
+    }
+  }, {
+    key: "getCellProps",
+    value: function getCellProps(props) {
+      var _this2 = this;
+      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;
+      var SAccordionToggle = ButtonLink;
+      var cellValue = props.row[props.name];
+      var value = '';
+      if (cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) {
+        value = cellValue.value;
+      } else {
+        value = cellValue;
+      }
+      var defaultRender = function defaultRender() {
+        if (props.columnIndex === 0 && props.row[ACCORDION]) {
+          var _ref2;
+          return _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": expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(props.rowIndex),
+            "onClick": function onClick() {
+              return _this2.onExpandRow(props.rowIndex);
+            },
+            "color": '--intergalactic-icon-primary-neutral'
+          }), /*#__PURE__*/React.createElement(SAccordionToggle.Addon, {
+            tag: ChevronRightM
+          })), value);
+        }
+        return value;
+      };
+      return {
+        use: use,
+        children: renderCell ? renderCell({
+          name: props.name,
+          row: props.row,
+          column: props.column,
+          rowIndex: props.rowIndex,
+          columnIndex: props.columnIndex,
+          defaultRender: defaultRender,
+          value: value
+        }) : defaultRender()
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3;
+      var SBody = Box;
+      var SSpinContainer = Box;
+      var _this$asProps3 = this.asProps,
+        rows = _this$asProps3.rows,
+        columns = _this$asProps3.columns,
+        styles = _this$asProps3.styles,
+        headerRows = _this$asProps3.headerRows,
+        loading = _this$asProps3.loading,
+        headerHeight = _this$asProps3.headerHeight;
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBody, _ref3.cn("SBody", _objectSpread({}, _assignProps({}, _ref))), rows.map(function (row, index) {
+        return (
+          /*#__PURE__*/
+          // @ts-ignore
+          React.createElement(Body.Row, {
+            key: index,
+            role: 'row',
+            "aria-rowindex": index + 2
+            // columns={columns}
+            ,
+            row: row
+            // rows={rows}
+            // rowIndex={index}
+            // headerRows={headerRows}
+          })
+        );
+      }), loading &&
+      /*#__PURE__*/
+      // @ts-ignore
+      React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
+        "aria-hidden": true,
+        "headerHeight": "".concat(headerHeight, "px")
+      }), /*#__PURE__*/React.createElement(Spin, _ref3.cn("Spin", {
+        "size": 'xxl'
+      }))));
+    }
+  }]);
+  return BodyRoot;
+}(Component);
+_defineProperty(BodyRoot, "displayName", 'Body');
+_defineProperty(BodyRoot, "style", style);
+_defineProperty(BodyRoot, "defaultProps", {
+  defaultExpandedRows: []
+});
+export var Body = createComponent(BodyRoot, {
+  Row: Row,
+  Cell: Cell
+});
+//# sourceMappingURL=Body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","names":["React","Component","createComponent","Root","sstyled","Box","Row","style","_sstyled","insert","Cell","MergedColumnsCell","MergedRowsCell","ACCORDION","ChevronRightM","ButtonLink","Spin","BodyRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","expandedRowIndex","expandedRows","asProps","includes","handlers","filter","row","_toConsumableArray","_createClass","key","value","uncontrolledProps","getRowProps","_","index","_this$asProps","rows","use","gridTemplateAreas","gridTemplateColumns","columns","headerRows","rowIndex","reduce","acc","item","accordionDataGridArea","isArray","expanded","getCellProps","props","_this2","_this$asProps2","renderCell","styles","getI18nText","SAccordionToggle","cellValue","name","defaultRender","columnIndex","_ref2","createElement","Fragment","cn","onClick","onExpandRow","Addon","tag","children","column","render","_ref","_ref3","SBody","SSpinContainer","_this$asProps3","loading","headerHeight","_objectSpread","_assignProps","map","Body","role","defaultExpandedRows"],"sources":["../../../../src/components/Body/Body.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, createComponent, Intergalactic, Root, sstyled } from '@semcore/core';\nimport { BodyPropsInner, DataTableBodyProps } from './Body.types';\nimport { Box } from '@semcore/base-components';\nimport { Row } from './Row';\n\nimport style from './style.shadow.css';\nimport { Cell } from './Cell';\nimport { DataTableRowProps } from './Row.types';\nimport { DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { ACCORDION } from '../DataTable/DataTable';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport { ButtonLink } from '@semcore/button';\nimport { DTValue } from '../DataTable/DataTable.types';\nimport Spin from '@semcore/spin';\n\nclass BodyRoot extends Component<DataTableBodyProps, {}, {}, [], BodyPropsInner> {\n  static displayName = 'Body';\n  static style = style;\n\n  static defaultProps = {\n    defaultExpandedRows: [],\n  };\n\n  uncontrolledProps() {\n    return {\n      expandedRows: [],\n    };\n  }\n\n  onExpandRow = (expandedRowIndex: number) => {\n    const { expandedRows } = this.asProps;\n    if (expandedRows?.includes(expandedRowIndex)) {\n      this.handlers.expandedRows(expandedRows.filter((row) => row !== expandedRowIndex));\n    } else {\n      this.handlers.expandedRows([...expandedRows!, expandedRowIndex]);\n    }\n  };\n\n  getRowProps(_: any, index: number) {\n    const { rows, use, gridTemplateAreas, gridTemplateColumns, expandedRows, columns, headerRows } =\n      this.asProps;\n    const row = rows[index];\n\n    const rowIndex = (expandedRows ?? []).reduce((acc, item) => {\n      if (item < index) {\n        acc = acc + 1;\n      }\n\n      return acc;\n    }, index);\n\n    const accordionDataGridArea = Array.isArray(row[ACCORDION])\n      ? `${rowIndex + headerRows + 2} / 1 / ${\n          rowIndex + headerRows + 2 + row[ACCORDION].length\n        } / ${columns.length + 1}`\n      : `${rowIndex + headerRows + 2} / 1 / ${rowIndex + headerRows + 2} / ${columns.length + 1}`;\n\n    return {\n      use,\n      gridTemplateAreas,\n      gridTemplateColumns,\n      expanded: expandedRows?.includes(index),\n      accordionDataGridArea,\n      columns,\n      headerRows,\n      rowIndex: index,\n      rows,\n    };\n  }\n\n  getCellProps(props: DataTableCellProps) {\n    const { use, renderCell, expandedRows, styles, getI18nText } = this.asProps;\n    const SAccordionToggle = ButtonLink;\n\n    const cellValue = props.row[props.name];\n\n    let value: DTValue = '';\n\n    if (cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) {\n      value = cellValue.value;\n    } else {\n      value = cellValue;\n    }\n\n    const defaultRender = () => {\n      if (props.columnIndex === 0 && props.row[ACCORDION]) {\n        return sstyled(styles)(\n          <>\n            <SAccordionToggle\n              aria-label={getI18nText('DataTable.Cell.AccordionToggle.expand:aria-label')}\n              // @ts-ignore\n              expanded={expandedRows?.includes(props.rowIndex)}\n              onClick={() => this.onExpandRow(props.rowIndex)}\n              color={'--intergalactic-icon-primary-neutral'}\n            >\n              <SAccordionToggle.Addon tag={ChevronRightM} />\n            </SAccordionToggle>\n            {value}\n          </>,\n        );\n      }\n\n      return value;\n    };\n\n    return {\n      use,\n      children: renderCell\n        ? renderCell({\n            name: props.name,\n            row: props.row,\n            column: props.column,\n            rowIndex: props.rowIndex,\n            columnIndex: props.columnIndex,\n            defaultRender: defaultRender,\n            value,\n          })\n        : defaultRender(),\n    };\n  }\n\n  render() {\n    const SBody = Root;\n    const SSpinContainer = Box;\n    const { rows, columns, styles, headerRows, loading, headerHeight } = this.asProps;\n\n    return sstyled(styles)(\n      <SBody render={Box}>\n        {rows.map((row, index) => {\n          return (\n            // @ts-ignore\n            <Body.Row\n              key={index}\n              role={'row'}\n              aria-rowindex={index + 2}\n              // columns={columns}\n              row={row}\n              // rows={rows}\n              // rowIndex={index}\n              // headerRows={headerRows}\n            />\n          );\n        })}\n        {loading && (\n          // @ts-ignore\n          <SSpinContainer aria-hidden headerHeight={`${headerHeight}px`}>\n            <Spin size={'xxl'} />\n          </SSpinContainer>\n        )}\n      </SBody>,\n    );\n  }\n}\n\nexport const Body = createComponent(BodyRoot, {\n  Row,\n  Cell,\n}) as Intergalactic.Component<'div', DataTableBodyProps> & {\n  Row: Intergalactic.Component<'div', DataTableRowProps>;\n  Cell: Intergalactic.Component<'div', DataTableCellProps>;\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Body.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Body.types.js","names":[],"sources":["../../../../src/components/Body/Body.types.ts"],"sourcesContent":["import { DTRow } from './Row.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { DTUse } from '../DataTable/DataTable.types';\n\ntype CellRenderProps = {\n  name: string;\n  row: DTRow;\n  column: DTColumn;\n  rowIndex: number;\n  columnIndex: number;\n  value: string | number | boolean;\n  defaultRender: () => React.ReactNode;\n};\n\nexport type DataTableBodyProps = {\n  // rows: DTRow[];\n  // columns: DTColumn[];\n\n  renderCell?: (props: CellRenderProps) => React.ReactNode;\n\n  expandedRows?: number[];\n};\n\nexport type BodyPropsInner = {\n  rows: DTRow[];\n  columns: DTColumn[];\n  use: DTUse;\n  scrollRef: (ref: HTMLDivElement) => void;\n  headerRows: number;\n  compact: boolean;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  loading?: boolean;\n  headerHeight: number;\n  getI18nText: (key: string) => string;\n};\n"],"mappings":""}

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

@@ -0,0 +1,126 @@
+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, Root, sstyled, createComponent } from '@semcore/core';
+import { Flex } from '@semcore/base-components';
+/*__reshadow-styles__:"./style.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBody_1q19z_gg_,.___SRow_1q19z_gg_{display:contents}.___SBody_1q19z_gg_.__compact_1q19z_gg_ .___SCell_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SCell_1q19z_gg_.__gridArea_1q19z_gg_,.___SCollapseRow_1q19z_gg_.__gridArea_1q19z_gg_,.___SRow_1q19z_gg_.__gridArea_1q19z_gg_{grid-area:var(--gridArea_1q19z)}.___SRow_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_._theme_muted_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_muted_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_muted_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_info_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1q19z_gg_._theme_info_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1q19z_gg_._theme_info_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1q19z_gg_._theme_success_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1q19z_gg_._theme_success_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_success_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1q19z_gg_._theme_warning_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1q19z_gg_._theme_danger_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SCell_1q19z_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_1q19z_gg_ .___SAccordionToggle_1q19z_gg_{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_.__expanded_1q19z_gg_{transform:rotate(90deg)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_left_1q19z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_right_1q19z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_.__fixed_1q19z_gg_{position:sticky;z-index:2}.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1q19z_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_1q19z_gg_.__headerHeight_1q19z_gg_{top:var(--headerHeight_1q19z)}" /*__inner_css_end__*/, "1q19z_gg_") /*__reshadow_css_end__*/, {
+  "__SBody": "___SBody_1q19z_gg_",
+  "__SRow": "___SRow_1q19z_gg_",
+  "_compact": "__compact_1q19z_gg_",
+  "__SCell": "___SCell_1q19z_gg_",
+  "_gridArea": "__gridArea_1q19z_gg_",
+  "__SCollapseRow": "___SCollapseRow_1q19z_gg_",
+  "--gridArea": "--gridArea_1q19z",
+  "_active": "__active_1q19z_gg_",
+  "_theme": "__theme_1q19z_gg_",
+  "_theme_muted": "_theme_muted_1q19z_gg_",
+  "_theme_info": "_theme_info_1q19z_gg_",
+  "_theme_success": "_theme_success_1q19z_gg_",
+  "_theme_warning": "_theme_warning_1q19z_gg_",
+  "_theme_danger": "_theme_danger_1q19z_gg_",
+  "_borders_both": "_borders_both_1q19z_gg_",
+  "_borders_left": "_borders_left_1q19z_gg_",
+  "_borders_right": "_borders_right_1q19z_gg_",
+  "_fixed": "__fixed_1q19z_gg_",
+  "__SSpinContainer": "___SSpinContainer_1q19z_gg_",
+  "_headerHeight": "__headerHeight_1q19z_gg_",
+  "--headerHeight": "--headerHeight_1q19z",
+  "__SAccordionToggle": "___SAccordionToggle_1q19z_gg_",
+  "_expanded": "__expanded_1q19z_gg_",
+  "_use_primary": "_use_primary_1q19z_gg_",
+  "--data-aria-level": "--data-aria-level_1q19z",
+  "_use_secondary": "_use_secondary_1q19z_gg_"
+});
+import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';
+var CellRoot = /*#__PURE__*/function (_Component) {
+  _inherits(CellRoot, _Component);
+  var _super = _createSuper(CellRoot);
+  function CellRoot() {
+    var _this;
+    _classCallCheck(this, CellRoot);
+    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), "lockedCell", [null, false]);
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
+      if (e.currentTarget === _this.lockedCell[0]) {
+        var focusableChildren = Array.from(_this.lockedCell[0].children).flatMap(function (node) {
+          return getFocusableIn(node);
+        });
+        if (_this.lockedCell[1]) {
+          if (e.key === 'Escape') {
+            var _this$lockedCell$;
+            (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 ? void 0 : _this$lockedCell$.focus();
+            _this.lockedCell[1] = false;
+          }
+          if (e.key.startsWith('Arrow')) {
+            e.stopPropagation();
+            e.preventDefault();
+          }
+          if (e.key === 'Tab') {
+            if (e.target === focusableChildren[0] && e.shiftKey) {
+              var _focusableChildren;
+              (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 ? void 0 : _focusableChildren.focus();
+              e.preventDefault();
+            } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
+              var _focusableChildren$;
+              (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 ? void 0 : _focusableChildren$.focus();
+              e.preventDefault();
+            }
+            e.stopPropagation();
+          }
+        } else if (e.key === 'Enter') {
+          var _focusableChildren$2;
+          e.preventDefault();
+          e.stopPropagation();
+          _this.lockedCell[1] = true;
+          (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 ? void 0 : _focusableChildren$2.focus();
+        }
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onFocusCell", function (e) {
+      if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {
+        var focusableChildren = Array.from(e.currentTarget.children).flatMap(function (node) {
+          return getFocusableIn(node);
+        });
+        if (focusableChildren.length === 1) {
+          focusableChildren[0].focus();
+        } else if (focusableChildren.length > 1) {
+          _this.lockedCell = [e.currentTarget, false];
+        }
+      }
+    });
+    return _this;
+  }
+  _createClass(CellRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SCell = Flex;
+      var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
+        styles = _this$asProps.styles;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SCell, _ref2.cn("SCell", _objectSpread({}, _assignProps({
+        "tabIndex": -1,
+        "innerOutline": true,
+        "onKeyDown": this.handleKeyDown,
+        "onFocus": this.onFocusCell
+      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
+    }
+  }]);
+  return CellRoot;
+}(Component);
+_defineProperty(CellRoot, "displayName", 'Cell');
+_defineProperty(CellRoot, "style", style);
+export var Cell = createComponent(CellRoot);
+//# sourceMappingURL=Cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","names":["React","Component","Root","sstyled","createComponent","Flex","style","_sstyled","insert","getFocusableIn","CellRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","e","currentTarget","lockedCell","focusableChildren","from","children","flatMap","node","key","_this$lockedCell$","focus","startsWith","stopPropagation","preventDefault","target","shiftKey","_focusableChildren","_focusableChildren$","_focusableChildren$2","matches","_createClass","value","render","_ref","asProps","_ref2","SCell","_this$asProps","Children","styles","createElement","cn","_objectSpread","_assignProps","handleKeyDown","onFocusCell","Cell"],"sources":["../../../../src/components/Body/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport { Flex } from '@semcore/base-components';\n\nimport style from './style.shadow.css';\nimport { CellPropsInner, DataTableCellProps } from './Cell.types';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\n\nclass CellRoot extends Component<DataTableCellProps, {}, {}, [], CellPropsInner> {\n  static displayName = 'Cell';\n  static style = style;\n\n  lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n  handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.currentTarget === this.lockedCell[0]) {\n      const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (this.lockedCell[1]) {\n        if (e.key === 'Escape') {\n          this.lockedCell[0]?.focus();\n          this.lockedCell[1] = false;\n        }\n        if (e.key.startsWith('Arrow')) {\n          e.stopPropagation();\n          e.preventDefault();\n        }\n        if (e.key === 'Tab') {\n          if (e.target === focusableChildren[0] && e.shiftKey) {\n            focusableChildren[focusableChildren.length - 1]?.focus();\n            e.preventDefault();\n          } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n            focusableChildren[0]?.focus();\n            e.preventDefault();\n          }\n          e.stopPropagation();\n        }\n      } else if (e.key === 'Enter') {\n        e.preventDefault();\n        e.stopPropagation();\n        this.lockedCell[1] = true;\n        focusableChildren[0]?.focus();\n      }\n    }\n  };\n\n  onFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {\n      const focusableChildren = Array.from(e.currentTarget.children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (focusableChildren.length === 1) {\n        focusableChildren[0].focus();\n      } else if (focusableChildren.length > 1) {\n        this.lockedCell = [e.currentTarget, false];\n      }\n    }\n  };\n\n  render() {\n    const SCell = Root;\n    const { Children, styles } = this.asProps;\n\n    return sstyled(styles)(\n      <SCell\n        render={Flex}\n        tabIndex={-1}\n        innerOutline\n        onKeyDown={this.handleKeyDown}\n        onFocus={this.onFocusCell}\n      >\n        <Children />\n      </SCell>,\n    );\n  }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,IAAI,EAAEC,OAAO,EAAEC,eAAe,QAAQ,eAAe;AACzE,SAASC,IAAI,QAAQ,0BAA0B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIhD,SAASC,cAAc,QAAQ,mDAAmD;AAAC,IAE7EC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,QAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,iBAIgC,CAAC,IAAI,EAAE,KAAK,CAAC;IAAAW,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,oBAEzC,UAACa,CAAsB,EAAK;MAC1C,IAAIA,CAAC,CAACC,aAAa,KAAKd,KAAA,CAAKe,UAAU,CAAC,CAAC,CAAC,EAAE;QAC1C,IAAMC,iBAAiB,GAAGV,KAAK,CAACW,IAAI,CAACjB,KAAA,CAAKe,UAAU,CAAC,CAAC,CAAC,CAACG,QAAQ,CAAC,CAACC,OAAO,CAAC,UAACC,IAAI;UAAA,OAC7E1B,cAAc,CAAC0B,IAAI,CAAgB;QAAA,EACpC;QAED,IAAIpB,KAAA,CAAKe,UAAU,CAAC,CAAC,CAAC,EAAE;UACtB,IAAIF,CAAC,CAACQ,GAAG,KAAK,QAAQ,EAAE;YAAA,IAAAC,iBAAA;YACtB,CAAAA,iBAAA,GAAAtB,KAAA,CAAKe,UAAU,CAAC,CAAC,CAAC,cAAAO,iBAAA,uBAAlBA,iBAAA,CAAoBC,KAAK,EAAE;YAC3BvB,KAAA,CAAKe,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK;UAC5B;UACA,IAAIF,CAAC,CAACQ,GAAG,CAACG,UAAU,CAAC,OAAO,CAAC,EAAE;YAC7BX,CAAC,CAACY,eAAe,EAAE;YACnBZ,CAAC,CAACa,cAAc,EAAE;UACpB;UACA,IAAIb,CAAC,CAACQ,GAAG,KAAK,KAAK,EAAE;YACnB,IAAIR,CAAC,CAACc,MAAM,KAAKX,iBAAiB,CAAC,CAAC,CAAC,IAAIH,CAAC,CAACe,QAAQ,EAAE;cAAA,IAAAC,kBAAA;cACnD,CAAAA,kBAAA,GAAAb,iBAAiB,CAACA,iBAAiB,CAACZ,MAAM,GAAG,CAAC,CAAC,cAAAyB,kBAAA,uBAA/CA,kBAAA,CAAiDN,KAAK,EAAE;cACxDV,CAAC,CAACa,cAAc,EAAE;YACpB,CAAC,MAAM,IAAIb,CAAC,CAACc,MAAM,KAAKX,iBAAiB,CAACA,iBAAiB,CAACZ,MAAM,GAAG,CAAC,CAAC,IAAI,CAACS,CAAC,CAACe,QAAQ,EAAE;cAAA,IAAAE,mBAAA;cACtF,CAAAA,mBAAA,GAAAd,iBAAiB,CAAC,CAAC,CAAC,cAAAc,mBAAA,uBAApBA,mBAAA,CAAsBP,KAAK,EAAE;cAC7BV,CAAC,CAACa,cAAc,EAAE;YACpB;YACAb,CAAC,CAACY,eAAe,EAAE;UACrB;QACF,CAAC,MAAM,IAAIZ,CAAC,CAACQ,GAAG,KAAK,OAAO,EAAE;UAAA,IAAAU,oBAAA;UAC5BlB,CAAC,CAACa,cAAc,EAAE;UAClBb,CAAC,CAACY,eAAe,EAAE;UACnBzB,KAAA,CAAKe,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI;UACzB,CAAAgB,oBAAA,GAAAf,iBAAiB,CAAC,CAAC,CAAC,cAAAe,oBAAA,uBAApBA,oBAAA,CAAsBR,KAAK,EAAE;QAC/B;MACF;IACF,CAAC;IAAAZ,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,kBAEa,UAACa,CAA6C,EAAK;MAC/D,IAAIA,CAAC,CAACc,MAAM,KAAKd,CAAC,CAACC,aAAa,IAAID,CAAC,CAACc,MAAM,CAACK,OAAO,CAAC,gBAAgB,CAAC,EAAE;QACtE,IAAMhB,iBAAiB,GAAGV,KAAK,CAACW,IAAI,CAACJ,CAAC,CAACC,aAAa,CAACI,QAAQ,CAAC,CAACC,OAAO,CAAC,UAACC,IAAI;UAAA,OAC1E1B,cAAc,CAAC0B,IAAI,CAAgB;QAAA,EACpC;QAED,IAAIJ,iBAAiB,CAACZ,MAAM,KAAK,CAAC,EAAE;UAClCY,iBAAiB,CAAC,CAAC,CAAC,CAACO,KAAK,EAAE;QAC9B,CAAC,MAAM,IAAIP,iBAAiB,CAACZ,MAAM,GAAG,CAAC,EAAE;UACvCJ,KAAA,CAAKe,UAAU,GAAG,CAACF,CAAC,CAACC,aAAa,EAAE,KAAK,CAAC;QAC5C;MACF;IACF,CAAC;IAAA,OAAAd,KAAA;EAAA;EAAAiC,YAAA,CAAAtC,QAAA;IAAA0B,GAAA;IAAAa,KAAA,EAED,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAKCjD,IAAI;MAJhB,IAAAkD,aAAA,GAA6B,IAAI,CAACH,OAAO;QAAjCI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;MAExB,OAAAJ,KAAA,GAAOlD,OAAO,CAACsD,MAAM,CAAC,eACpBzD,KAAA,CAAA0D,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,UAAAC,aAAA,KAAAC,YAAA;QAAA,YAEM,CAAC,CAAC;QAAA;QAAA,aAED,IAAI,CAACC,aAAa;QAAA,WACpB,IAAI,CAACC;MAAW,GAAAZ,IAAA,kBAEzBnD,KAAA,CAAA0D,aAAA,CAACF,QAAQ,EAAAH,KAAA,CAAAM,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAjD,QAAA;AAAA,EArEoBT,SAAS;AAAAyB,eAAA,CAA1BhB,QAAQ,iBACS,MAAM;AAAAgB,eAAA,CADvBhB,QAAQ,WAEGJ,KAAK;AAsEtB,OAAO,IAAM0D,IAAI,GAAG5D,eAAe,CAACM,QAAQ,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Cell.types.js.map

package/lib/es6/components/Body/Cell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.types.js","names":[],"sources":["../../../../src/components/Body/Cell.types.ts"],"sourcesContent":["import { DTRow } from './Row.types';\nimport { DTUse } from '../DataTable/DataTable.types';\nimport { DTColumn, CommonColumnType } from '../Head/Column.types';\n\nexport type DataTableCellProps = CommonColumnType & {\n  name: string;\n  row: DTRow;\n  columnIndex: number;\n  column: DTColumn;\n  rowIndex: number;\n  gridArea?: string;\n};\n\nexport type CellPropsInner = {\n  use: DTUse;\n};\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+export var MergedRowsCell = /*#__PURE__*/_createClass(function MergedRowsCell(value, size) {
+  _classCallCheck(this, MergedRowsCell);
+  _defineProperty(this, "value", void 0);
+  _defineProperty(this, "rowsCount", void 0);
+  this.value = value;
+  this.rowsCount = size;
+});
+export var MergedColumnsCell = /*#__PURE__*/_createClass(function MergedColumnsCell(value, size) {
+  _classCallCheck(this, MergedColumnsCell);
+  _defineProperty(this, "value", void 0);
+  _defineProperty(this, "columnsCount", void 0);
+  this.value = value;
+  this.columnsCount = size;
+});
+//# sourceMappingURL=MergedCells.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MergedCells.js","names":["MergedRowsCell","_createClass","value","size","_classCallCheck","_defineProperty","rowsCount","MergedColumnsCell","columnsCount"],"sources":["../../../../src/components/Body/MergedCells.ts"],"sourcesContent":["export class MergedRowsCell {\n  public readonly value: any;\n  public readonly rowsCount: number;\n\n  constructor(value: any, size: number) {\n    this.value = value;\n    this.rowsCount = size;\n  }\n}\n\nexport class MergedColumnsCell {\n  public readonly value: any;\n  public readonly columnsCount: number;\n\n  constructor(value: any, size: number) {\n    this.value = value;\n    this.columnsCount = size;\n  }\n}\n"],"mappings":";;;AAAA,WAAaA,cAAc,gBAAAC,YAAA,CAIzB,SAAAD,eAAYE,KAAU,EAAEC,IAAY,EAAE;EAAAC,eAAA,OAAAJ,cAAA;EAAAK,eAAA;EAAAA,eAAA;EACpC,IAAI,CAACH,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACI,SAAS,GAAGH,IAAI;AACvB,CAAC;AAGH,WAAaI,iBAAiB,gBAAAN,YAAA,CAI5B,SAAAM,kBAAYL,KAAU,EAAEC,IAAY,EAAE;EAAAC,eAAA,OAAAG,iBAAA;EAAAF,eAAA;EAAAA,eAAA;EACpC,IAAI,CAACH,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACM,YAAY,GAAGL,IAAI;AAC1B,CAAC"}