@semcore/data-table 4.51.0-prerelease.0 → 4.51.0-prerelease.1

package/lib/esm/components/RowSelector/RowsSelector.mjs

@@ -1,105 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import Checkbox from "@semcore/checkbox";
-import React__default from "react";
-import { SelectableRows } from "../../store/SelectableRows.mjs";
-import { Row } from "../Body/Row.mjs";
-import { UNIQ_ROW_KEY, SELECT_ALL } from "../DataTable/DataTable.mjs";
-var RowSelector = /* @__PURE__ */ (function(_React$PureComponent) {
-  function RowSelector2(props) {
-    var _this;
-    _classCallCheck(this, RowSelector2);
-    _this = _callSuper(this, RowSelector2, [props]);
-    _defineProperty(_this, "state", {
-      checked: false
-    });
-    _defineProperty(_this, "unsubscribeToggle", void 0);
-    _defineProperty(_this, "handleSelectRow", function(value, event) {
-      var _this$props = _this.props, row = _this$props.row, rowIndex = _this$props.rowIndex, onSelectRow = _this$props.onSelectRow, selectedRows = _this$props.selectedRows;
-      onSelectRow === null || onSelectRow === void 0 || onSelectRow(value, rowIndex, row, event);
-      if (selectedRows && !Array.isArray(selectedRows)) {
-        selectedRows.toggle(value, row);
-      }
-    });
-    _defineProperty(_this, "handleClickCheckbox", function(value) {
-      return function(event) {
-        event === null || event === void 0 || event.preventDefault();
-        event === null || event === void 0 || event.stopPropagation();
-        var _this$props2 = _this.props, row = _this$props2.row, rowIndex = _this$props2.rowIndex, onSelectRow = _this$props2.onSelectRow, selectedRows = _this$props2.selectedRows;
-        onSelectRow === null || onSelectRow === void 0 || onSelectRow(value, rowIndex, row, event);
-        if (selectedRows && !Array.isArray(selectedRows)) {
-          selectedRows.toggle(value, row);
-        }
-      };
-    });
-    var _row = props.row, _selectedRows = props.selectedRows;
-    if (_selectedRows && !Array.isArray(_selectedRows)) {
-      _this.state.checked = _selectedRows.has(_row[UNIQ_ROW_KEY]);
-    }
-    return _this;
-  }
-  _inherits(RowSelector2, _React$PureComponent);
-  return _createClass(RowSelector2, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      var _this$props3 = this.props, row = _this$props3.row, selectedRows = _this$props3.selectedRows;
-      if (selectedRows && !Array.isArray(selectedRows)) {
-        this.unsubscribeToggle = selectedRows.on(SelectableRows.TOGGLE_EVENT, function(key) {
-          if (row[UNIQ_ROW_KEY] === key) {
-            _this2.setState({
-              checked: selectedRows.has(row[UNIQ_ROW_KEY])
-            });
-          }
-        });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$unsubscribeTogg;
-      (_this$unsubscribeTogg = this.unsubscribeToggle) === null || _this$unsubscribeTogg === void 0 || _this$unsubscribeTogg.call(this);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var SCheckboxCell = Row.Cell;
-      var _this$props4 = this.props, row = _this$props4.row, rowIndex = _this$props4.rowIndex, gridRowIndex = _this$props4.gridRowIndex, expanded = _this$props4.expanded, withAccordion = _this$props4.withAccordion, isAccordionRow = _this$props4.isAccordionRow, isCellHidden = _this$props4.isCellHidden, theme = _this$props4.theme, uid = _this$props4.uid, selectedRows = _this$props4.selectedRows, fixed = _this$props4.fixed;
-      var rowUniqKey = row[UNIQ_ROW_KEY];
-      var checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;
-      var style = {};
-      if (fixed) {
-        style.left = 0;
-      }
-      return /* @__PURE__ */ React__default.createElement(SCheckboxCell, {
-        row,
-        rowIndex,
-        column: {
-          name: SELECT_ALL,
-          fixed
-        },
-        columnIndex: 0,
-        gridRowIndex,
-        onClick: this.handleClickCheckbox(!checked),
-        expanded,
-        isAccordionRow,
-        "aria-hidden": isCellHidden,
-        withAccordion,
-        theme,
-        "data-row-selector": true,
-        fixed,
-        style
-      }, /* @__PURE__ */ React__default.createElement(Checkbox, {
-        checked,
-        "aria-labelledby": "".concat(uid, "_").concat(rowUniqKey, "_1"),
-        onChange: this.handleSelectRow
-      }, /* @__PURE__ */ React__default.createElement(Checkbox.Value, null)));
-    }
-  }]);
-})(React__default.PureComponent);
-export {
-  RowSelector
-};

package/lib/esm/components/RowSelector/SRAnnouncer.mjs

@@ -1,51 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { ScreenReaderOnly } from "@semcore/base-components";
-import React__default from "react";
-import { UNIQ_ROW_KEY } from "../DataTable/DataTable.mjs";
-function SRAnnouncer(props) {
-  var _React$useState = React__default.useState(""), _React$useState2 = _slicedToArray(_React$useState, 2), ariaMessage = _React$useState2[0], setAriaMessage = _React$useState2[1];
-  var _React$useState3 = React__default.useState(false), _React$useState4 = _slicedToArray(_React$useState3, 2), selectedAll = _React$useState4[0], setSelectedAll = _React$useState4[1];
-  React__default.useEffect(function() {
-    var selectedRowsSet = new Set(props.selectedRows);
-    var allChecked = [];
-    var allUnchecked = [];
-    props.flatRows.forEach(function(row) {
-      if (selectedRowsSet.has(row[UNIQ_ROW_KEY])) {
-        allChecked.push(row[UNIQ_ROW_KEY]);
-      } else {
-        allUnchecked.push(row[UNIQ_ROW_KEY]);
-      }
-    });
-    if (allChecked.length === props.data.length) {
-      setSelectedAll(true);
-    } else if (allUnchecked.length === props.data.length) {
-      setSelectedAll(false);
-    }
-  }, [props.selectedRows, props.data, props.flatRows]);
-  React__default.useEffect(function() {
-    var getI18nText = props.getI18nText;
-    var message = getI18nText(selectedAll ? "DataTable.allItemsSelected:aria-live" : "DataTable.allItemsDeselected:aria-live");
-    setAriaMessage(message);
-    var timeout = setTimeout(function() {
-      return setAriaMessage("");
-    }, 5e3);
-    return function() {
-      return clearTimeout(timeout);
-    };
-  }, [selectedAll, props.getI18nText]);
-  React__default.useEffect(function() {
-    var timer = setTimeout(function() {
-      return setAriaMessage("");
-    }, 1e3);
-    return function() {
-      return clearTimeout(timer);
-    };
-  }, [ariaMessage]);
-  return /* @__PURE__ */ React__default.createElement(ScreenReaderOnly, {
-    role: "status",
-    "aria-live": "polite"
-  }, ariaMessage);
-}
-export {
-  SRAnnouncer
-};

package/lib/esm/components/RowSelector/SRReactiveAnnouncer.mjs

@@ -1,31 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { ScreenReaderOnly } from "@semcore/base-components";
-import React__default from "react";
-import { SelectableRows } from "../../store/SelectableRows.mjs";
-function SRReactiveAnnouncer(props) {
-  var _React$useState = React__default.useState(""), _React$useState2 = _slicedToArray(_React$useState, 2), ariaMessage = _React$useState2[0], setAriaMessage = _React$useState2[1];
-  var setAriaCallback = React__default.useCallback(function() {
-    var isAllSelected = props.selectedRows.isAllSelected();
-    var message = props.getI18nText(isAllSelected ? "DataTable.allItemsSelected:aria-live" : "DataTable.allItemsDeselected:aria-live");
-    setAriaMessage(message);
-  }, [props.selectedRows]);
-  React__default.useEffect(function() {
-    var unsubscribe = props.selectedRows.on(SelectableRows.SELECT_ALL_EVENT, setAriaCallback);
-    return unsubscribe;
-  }, [props.selectedRows]);
-  React__default.useEffect(function() {
-    var timer = setTimeout(function() {
-      return setAriaMessage("");
-    }, 1e3);
-    return function() {
-      return clearTimeout(timer);
-    };
-  }, [ariaMessage]);
-  return /* @__PURE__ */ React__default.createElement(ScreenReaderOnly, {
-    role: "status",
-    "aria-live": "polite"
-  }, ariaMessage);
-}
-export {
-  SRReactiveAnnouncer
-};

package/lib/esm/enhancers/focusableCell.mjs

@@ -1,72 +0,0 @@
-import { getFocusableIn } from "@semcore/core/lib/utils/focus-lock/getFocusableIn";
-function handleFocusCell(lockedCell, target, currentTarget) {
-  if (target instanceof HTMLElement && currentTarget instanceof HTMLElement && target === currentTarget && target.matches(":focus-visible")) {
-    target.scrollIntoView({
-      block: "center",
-      inline: "center"
-    });
-    var focusableChildren = Array.from(currentTarget.children).flatMap(function(node) {
-      return getFocusableIn(node);
-    });
-    if (focusableChildren.length === 1) {
-      focusableChildren[0].focus({
-        focusVisible: true
-      });
-      focusableChildren[0].scrollIntoView({
-        block: "center",
-        inline: "center"
-      });
-    } else if (focusableChildren.length > 1) {
-      lockedCell[0] = currentTarget;
-      lockedCell[1] = false;
-    }
-  }
-}
-function handleKeydownFocusCell(lockedCell, e) {
-  if (e.currentTarget === lockedCell[0]) {
-    var focusableChildren = Array.from(lockedCell[0].children).flatMap(function(node) {
-      return getFocusableIn(node);
-    });
-    if (lockedCell[1]) {
-      if (e.key === "Escape") {
-        var _lockedCell$;
-        (_lockedCell$ = lockedCell[0]) === null || _lockedCell$ === void 0 || _lockedCell$.focus({
-          focusVisible: true
-        });
-        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 || _focusableChildren.focus({
-            focusVisible: true
-          });
-          e.preventDefault();
-        } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
-          var _focusableChildren$;
-          (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 || _focusableChildren$.focus({
-            focusVisible: true
-          });
-          e.preventDefault();
-        }
-        e.stopPropagation();
-      }
-    } else if (e.key === "Enter") {
-      var _focusableChildren$2;
-      e.preventDefault();
-      e.stopPropagation();
-      lockedCell[1] = true;
-      (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 || _focusableChildren$2.focus({
-        focusVisible: true
-      });
-    }
-  }
-}
-export {
-  handleFocusCell,
-  handleKeydownFocusCell
-};

package/lib/esm/store/SelectableRows.mjs

@@ -1,201 +0,0 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import EventEmitter from "@semcore/core/lib/utils/eventEmitter";
-import { UNIQ_ROW_KEY } from "../components/DataTable/DataTable.mjs";
-var SelectableRows = /* @__PURE__ */ (function(_EventEmitter) {
-  function SelectableRows2() {
-    var _this;
-    var initValues = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-    _classCallCheck(this, SelectableRows2);
-    _this = _callSuper(this, SelectableRows2);
-    _defineProperty(_this, "values", void 0);
-    _defineProperty(_this, "availableKeys", /* @__PURE__ */ new Set());
-    _defineProperty(_this, "lastSelectedRow", null);
-    _defineProperty(_this, "isPressedShift", false);
-    _this.values = new Set(initValues);
-    return _this;
-  }
-  _inherits(SelectableRows2, _EventEmitter);
-  return _createClass(SelectableRows2, [{
-    key: "setAvailableKeys",
-    value: function setAvailableKeys(value) {
-      this.availableKeys = new Set(value);
-    }
-  }, {
-    key: "get",
-    value: function get() {
-      return Array.from(this.values.keys());
-    }
-  }, {
-    key: "isChecked",
-    value: function isChecked(key) {
-      return this.values.has(key);
-    }
-  }, {
-    key: "replace",
-    value: function replace(value) {
-      var _this2 = this;
-      this.clearAll();
-      value.forEach(function(val) {
-        _this2.values.add(val);
-        _this2.emit(SelectableRows2.TOGGLE_EVENT, val);
-      });
-    }
-  }, {
-    key: "has",
-    value: function has(value) {
-      return this.values.has(value);
-    }
-  }, {
-    key: "isAllSelected",
-    value: function isAllSelected() {
-      var isAllSelected2 = true;
-      if (this.availableKeys.size === 0 || this.values.size === 0) {
-        return false;
-      }
-      var _iterator = _createForOfIteratorHelper(this.availableKeys.values()), _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
-          var _key = _step.value;
-          if (!this.values.has(_key)) {
-            isAllSelected2 = false;
-            break;
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      return isAllSelected2;
-    }
-  }, {
-    key: "isIndeterminate",
-    value: function isIndeterminate() {
-      var isIndeterminate2 = false;
-      var _iterator2 = _createForOfIteratorHelper(this.availableKeys.values()), _step2;
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
-          var _key2 = _step2.value;
-          if (this.values.has(_key2)) {
-            isIndeterminate2 = true;
-            break;
-          }
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-      return isIndeterminate2;
-    }
-  }, {
-    key: "selectAll",
-    value: function selectAll() {
-      var _iterator3 = _createForOfIteratorHelper(this.availableKeys.values()), _step3;
-      try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) {
-          var _key3 = _step3.value;
-          this.values.add(_key3);
-          this.emit(SelectableRows2.TOGGLE_EVENT, _key3);
-        }
-      } catch (err) {
-        _iterator3.e(err);
-      } finally {
-        _iterator3.f();
-      }
-      this.emit(SelectableRows2.SELECT_ALL_EVENT);
-    }
-  }, {
-    key: "clearAll",
-    value: function clearAll() {
-      var keys = Array.from(this.values.values());
-      this.values.clear();
-      for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
-        var _key4 = _keys[_i];
-        this.emit(SelectableRows2.TOGGLE_EVENT, _key4);
-      }
-      this.emit(SelectableRows2.SELECT_ALL_EVENT);
-    }
-  }, {
-    key: "clearAllAvailable",
-    value: function clearAllAvailable() {
-      var _iterator4 = _createForOfIteratorHelper(this.availableKeys.values()), _step4;
-      try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
-          var _key5 = _step4.value;
-          this.values["delete"](_key5);
-          this.emit(SelectableRows2.TOGGLE_EVENT, _key5);
-        }
-      } catch (err) {
-        _iterator4.e(err);
-      } finally {
-        _iterator4.f();
-      }
-      this.emit(SelectableRows2.SELECT_ALL_EVENT);
-    }
-  }, {
-    key: "toggle",
-    value: function toggle(selected, row) {
-      if (this.isPressedShift && this.values.size > 0 && this.lastSelectedRow && (selected ? this.values.has(this.lastSelectedRow) : true)) {
-        var select = false;
-        var _iterator5 = _createForOfIteratorHelper(this.availableKeys.values()), _step5;
-        try {
-          for (_iterator5.s(); !(_step5 = _iterator5.n()).done; ) {
-            var item = _step5.value;
-            if (!select && (item === row[UNIQ_ROW_KEY] || item === this.lastSelectedRow)) {
-              select = true;
-              this.toggleOneRow(selected, item);
-              continue;
-            }
-            if (select) {
-              this.toggleOneRow(selected, item);
-            }
-            if (select && (item === row[UNIQ_ROW_KEY] || item === this.lastSelectedRow)) {
-              break;
-            }
-          }
-        } catch (err) {
-          _iterator5.e(err);
-        } finally {
-          _iterator5.f();
-        }
-      } else {
-        this.toggleOneRow(selected, row[UNIQ_ROW_KEY]);
-      }
-      this.lastSelectedRow = row[UNIQ_ROW_KEY];
-    }
-  }, {
-    key: "toggleOneRow",
-    value: function toggleOneRow(isSelected, key) {
-      if (isSelected) {
-        if (!this.isIndeterminate()) {
-          this.emit(SelectableRows2.SET_INDETERMINATE_EVENT);
-        }
-        this.values.add(key);
-        if (this.isAllSelected()) {
-          this.emit(SelectableRows2.SELECT_ALL_EVENT);
-        }
-      } else {
-        if (this.isAllSelected()) {
-          this.emit(SelectableRows2.SET_INDETERMINATE_EVENT);
-        }
-        this.values["delete"](key);
-        if (this.values.size === 0) {
-          this.emit(SelectableRows2.SELECT_ALL_EVENT);
-        }
-      }
-      this.emit(SelectableRows2.TOGGLE_EVENT, key);
-    }
-  }]);
-})(EventEmitter);
-_defineProperty(SelectableRows, "TOGGLE_EVENT", "toggle_selected_row");
-_defineProperty(SelectableRows, "SELECT_ALL_EVENT", "select_all_selected_rows");
-_defineProperty(SelectableRows, "SET_INDETERMINATE_EVENT", "set_indeterminate");
-export {
-  SelectableRows
-};

package/lib/types/components/AccordionRows/AccordionRows.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import type { CellRenderProps } from '../Body/Body.types';
-import type { DataTableCellProps } from '../Body/Cell.types';
-import type { DTRow, DTRows } from '../Body/Row.types';
-import type { DataTableData, DataTableProps, DataRowItem, DTUse } from '../DataTable/DataTable.types';
-import type { DTColumn } from '../Head/Column.types';
-type AccordionRowsProps<Data extends DataTableData, UniqKeyType> = {
-    accordionId: string;
-    expanded: boolean;
-    expandedForAnimation: boolean;
-    tableRef: React.RefObject<HTMLDivElement>;
-    use: DTUse;
-    columns: DTColumn[];
-    row: DTRow<UniqKeyType> | DTRow<UniqKeyType>[];
-    rows: DTRows<UniqKeyType>;
-    flatRows: DTRow<UniqKeyType>[];
-    rowIndex: number;
-    gridRowIndex: number;
-    accordionDuration: number | [number, number];
-    accordionAnimationRows: number;
-    sideIndents: 'wide' | undefined;
-    getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
-    onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];
-    renderCell: ((props: CellRenderProps<Data[number], UniqKeyType>) => React.ReactNode | Record<string, any>) | undefined;
-    rawData: DataRowItem[];
-    shadowVertical: '' | 'end' | 'start' | 'median' | undefined;
-    variant: DataTableProps<any, any, any>['variant'];
-    limit: DataTableProps<any, any, any>['limit'];
-} & {
-    'aria-level': number;
-};
-type State = {
-    maxHeight: number;
-};
-export declare class AccordionRows<Data extends DataTableData, UniqKeyType> extends React.PureComponent<AccordionRowsProps<Data, UniqKeyType>, State> {
-    accordionRowsRef: React.RefObject<HTMLDivElement>;
-    state: State;
-    componentDidUpdate(prevProps: Readonly<AccordionRowsProps<Data, UniqKeyType>>): void;
-    render(): React.ReactNode;
-}
-export {};

package/lib/types/components/Body/Body.d.ts

@@ -1,6 +0,0 @@
-import type { DataTableBodyType } from './Body.types';
-import type { DataTableRowType } from './Row.types';
-export declare const INDEX_OFFSET = 2;
-export declare const Body: DataTableBodyType & {
-    Row: DataTableRowType;
-};

package/lib/types/components/Body/Body.types.d.ts

@@ -1,87 +0,0 @@
-import type { Intergalactic } from '@semcore/core';
-import type * as React from 'react';
-import type { DataTableCellProps, Theme } from './Cell.types';
-import type { DTRow, RowPropsInner } from './Row.types';
-import type { ISelectedRows } from '../../store/SelectableRows';
-import type { ACCORDION } from '../DataTable/DataTable';
-import type { DataRowItem, DTUse, VirtualScroll, DataTableProps, DataTableData } from '../DataTable/DataTable.types';
-import type { DTColumn } from '../Head/Column.types';
-export type CellRenderProps<Data extends DataRowItem, UniqKeyType> = {
-    /** The column key for the cell data */
-    dataKey: string;
-    /** The complete row data object */
-    row: DTRow<UniqKeyType>;
-    /** The column configuration object */
-    column: DTColumn;
-    /** Zero-based row index in the table */
-    rowIndex: number;
-    /** Zero-based column index in the table */
-    columnIndex: number;
-    /** The name/key of the column */
-    columnName: string | typeof ACCORDION;
-    /** Cell value */
-    value: string | React.ReactElement;
-    /** Function that returns the default cell rendering */
-    defaultRender: () => React.ReactNode;
-    /** Indicates if this cell spans multiple rows */
-    isMergedRows: boolean;
-    /** Indicates if this cell spans multiple columns */
-    isMergedColumns: boolean;
-    /** The original unprocessed row data */
-    rawData: Data;
-    /** Flag to show is the cell is in the accordion row */
-    isAccordionRow: boolean;
-    /** Zero-based accordion row index */
-    accordionRowIndex?: number;
-};
-export type DataTableBodyProps<Data extends DataTableData, UniqKeyType> = {
-    renderCell?: (props: CellRenderProps<Data[number], UniqKeyType>) => React.ReactNode | (Record<string, any> & {
-        theme?: Theme;
-    });
-    rowProps?: (row: DTRow<UniqKeyType>, rowIndex: number) => (Record<string, any> & {
-        theme?: Theme;
-    }) | undefined;
-};
-export type BodyPropsInner<Data extends DataTableData, UniqKeyType> = DataTableBodyProps<Data, UniqKeyType> & {
-    rows: Array<DTRow<UniqKeyType> | DTRow<UniqKeyType>[]>;
-    flatRows: DTRow<UniqKeyType>[];
-    columns: DTColumn[];
-    use: DTUse;
-    compact: boolean;
-    gridTemplateColumns: string[];
-    gridTemplateAreas: string[];
-    loading?: boolean;
-    headerHeight: number;
-    getI18nText: (key: string) => string;
-    expandedRows: Set<UniqKeyType>;
-    onExpandRow: (row: DTRow<UniqKeyType>) => void;
-    spinnerRef: React.RefObject<HTMLDivElement>;
-    tableContainerRef: React.RefObject<HTMLDivElement>;
-    tableRef: React.RefObject<HTMLDivElement>;
-    scrollAreaRef: React.RefObject<HTMLDivElement>;
-    scrollTop: number;
-    scrollDirection: 'down' | 'up';
-    virtualScroll?: VirtualScroll;
-    hasGroups: boolean;
-    uid: string;
-    rowProps?: (row: DTRow<UniqKeyType>, rowIndex: number) => Record<string, any> | undefined;
-    renderCell?: (props: CellRenderProps<Data[number], UniqKeyType>) => React.ReactNode | Record<string, any>;
-    onBackFromAccordion: (colName: string) => void;
-    stickyHeader?: boolean;
-    selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;
-    onSelectRow?: (isSelect: boolean, selectedRowIndex: number, row: DTRow<UniqKeyType>, event?: React.SyntheticEvent<HTMLElement>) => void;
-    renderEmptyData: () => React.ReactNode;
-    sideIndents?: 'wide';
-    getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
-    accordionDuration: number | [number, number];
-    onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];
-    rawData: DataRowItem[];
-    accordionMode?: DataTableProps<any, any, any>['accordionMode'];
-    shadowVertical?: '' | 'end' | 'start' | 'median';
-    renderCellOverlay?: () => React.ReactNode;
-    limit?: DataTableProps<any, any, any>['limit'];
-    variant?: DataTableProps<any, any, any>['variant'];
-    totalRows?: number;
-    accordionAnimationRows: RowPropsInner<Data, UniqKeyType>['accordionAnimationRows'];
-};
-export type DataTableBodyType = (<Data extends DataTableData, UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableBodyProps<Data, UniqKeyType>>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableBodyProps<any, any>>;

package/lib/types/components/Body/Cell.d.ts

@@ -1 +0,0 @@
-export declare const Cell: import("@semcore/core").Intergalactic.Component<"div", {}, {}, never[]>;

package/lib/types/components/Body/Cell.types.d.ts

@@ -1,36 +0,0 @@
-import type { Intergalactic } from '@semcore/core';
-import type { CSSProperties, HTMLAttributes } from 'react';
-import type { BodyPropsInner } from './Body.types';
-import type { DTRow, DTRows } from './Row.types';
-import type { DataTableData, DTUse } from '../DataTable/DataTable.types';
-import type { DTColumn } from '../Head/Column.types';
-export type Theme = 'muted' | 'info' | 'success' | 'warning' | 'danger';
-export type DataTableCellProps<Data extends DataTableData, UniqKeyType> = Intergalactic.InternalTypings.EfficientOmit<HTMLAttributes<HTMLDivElement>, 'onClick'> & {
-    id: string;
-    accordionId: string;
-    row: DTRow<UniqKeyType>;
-    rowIndex: number;
-    column: DTColumn;
-    columnIndex: number;
-    gridRowIndex: number;
-    children?: React.ReactNode;
-    expanded?: boolean;
-    withAccordion?: boolean;
-    accordionRowIndex?: number;
-    rows: DTRows<UniqKeyType>;
-    use: DTUse;
-    style?: CSSProperties;
-    virtualScroll: boolean;
-    tableRef: React.RefObject<HTMLDivElement>;
-    accordionDuration?: number | [number, number];
-    onClick: (e: React.SyntheticEvent<HTMLElement>, opt: {
-        rowIndex: number;
-        colIndex: number;
-        row?: DTRow<UniqKeyType>;
-    }) => void;
-    flatRows: DTRow<UniqKeyType>[];
-    shadowVertical?: BodyPropsInner<Data, UniqKeyType>;
-    withoutBorder?: boolean;
-} & {
-    'data-aria-level'?: number;
-};

package/lib/types/components/Body/LimitOverlay.d.ts

@@ -1,17 +0,0 @@
-import { type Intergalactic } from '@semcore/core';
-import * as React from 'react';
-import type { DTRow, DTRows } from './Row.types';
-import type { DataTableProps } from '../DataTable/DataTable.types';
-import type { DTColumn } from '../Head/Column.types';
-type LimitOverlayProps<UniqKeyType> = {
-    columns: DTColumn[];
-    rows: DTRows<UniqKeyType>;
-    limit: Exclude<DataTableProps<any, any, any>['limit'], undefined>;
-    flatRows: DTRow<UniqKeyType>[];
-    hasGroups: boolean;
-    tableRef: React.RefObject<HTMLDivElement>;
-    scrollAreaRef: React.RefObject<HTMLDivElement>;
-};
-type LimitOverlayType = (<UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', LimitOverlayProps<UniqKeyType>>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', LimitOverlayProps<any>>;
-export declare const LimitOverlay: LimitOverlayType;
-export {};

package/lib/types/components/Body/MergedCells.d.ts

@@ -1,17 +0,0 @@
-import type { DTRows } from './Row.types';
-export declare class MergedRowsCell {
-    readonly value: any;
-    readonly rowsCount: number;
-    readonly accordion?: React.ReactNode | DTRows<any>;
-    constructor(value: any, rowsCount: number, accordion?: React.ReactNode | DTRows<any>);
-}
-export declare class MergedColumnsCell {
-    readonly value: any;
-    readonly columnsCount: number;
-    readonly dataKey: string;
-    readonly accordion?: React.ReactNode | DTRows<any>;
-    constructor(value: any, options: {
-        size: number;
-        dataKey: string;
-    }, accordion?: React.ReactNode | DTRows<any>);
-}