@semcore/data-table 16.0.0-prerelease.2 → 16.0.0-prerelease.21

package/lib/esm/Head.mjs

@@ -1,258 +0,0 @@
-import P from "@babel/runtime/helpers/esm/objectSpread2";
-import F from "@babel/runtime/helpers/esm/slicedToArray";
-import L from "@babel/runtime/helpers/esm/classCallCheck";
-import j from "@babel/runtime/helpers/esm/createClass";
-import m from "@babel/runtime/helpers/esm/assertThisInitialized";
-import G from "@babel/runtime/helpers/esm/inherits";
-import U from "@babel/runtime/helpers/esm/createSuper";
-import p from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as z, assignProps as q, Component as J } from "@semcore/core";
-import n from "react";
-import { ScreenReaderOnly as Q, Flex as X, Box as D } from "@semcore/flex-box";
-import _, { hideScrollBarsFromScreenReadersContext as Y } from "@semcore/scroll-area";
-import Z from "@semcore/icon/SortDesc/m";
-import ee from "@semcore/icon/SortAsc/m";
-import { callAllEventHandlers as A } from "@semcore/core/lib/utils/assignProps";
-import { flattenColumns as O, getFixedStyle as te, getScrollOffsetValue as re } from "./utils.mjs";
-import ie from "@semcore/core/lib/utils/logger";
-import { setRef as B } from "@semcore/core/lib/utils/ref";
-import { getFocusableIn as V } from "@semcore/core/lib/utils/focus-lock/getFocusableIn";
-var k = 20, ae = {
-  desc: Z,
-  asc: ee
-}, oe = {
-  desc: "descending",
-  asc: "ascending"
-}, N = {
-  display: "contents"
-};
-function M(R) {
-  var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, y = parseFloat(R);
-  return Number.isNaN(y) && (y = x), Math.round(y);
-}
-var ne = /* @__PURE__ */ function(R) {
-  G(y, R);
-  var x = U(y);
-  function y() {
-    var i;
-    L(this, y);
-    for (var t = arguments.length, s = new Array(t), l = 0; l < t; l++)
-      s[l] = arguments[l];
-    return i = x.call.apply(x, [this].concat(s)), p(m(i), "columns", []), p(m(i), "headCellMap", /* @__PURE__ */ new Map()), p(m(i), "lockedCell", [null, !1]), p(m(i), "sortWrapperRefs", /* @__PURE__ */ new Map()), p(m(i), "defaultWidths", /* @__PURE__ */ new Map()), p(m(i), "handleKeyDown", function(e) {
-      if (e.currentTarget === i.lockedCell[0]) {
-        var r = Array.from(i.lockedCell[0].children).flatMap(function(c) {
-          return V(c);
-        });
-        if (i.lockedCell[1]) {
-          if (e.key === "Escape") {
-            var a;
-            (a = i.lockedCell[0]) === null || a === void 0 || a.focus(), i.lockedCell[1] = !1;
-          }
-          if (e.key.startsWith("Arrow") && e.stopPropagation(), e.key === "Tab") {
-            if (e.target === r[0] && e.shiftKey) {
-              var o;
-              (o = r[r.length - 1]) === null || o === void 0 || o.focus(), e.preventDefault();
-            } else if (e.target === r[r.length - 1] && !e.shiftKey) {
-              var d;
-              (d = r[0]) === null || d === void 0 || d.focus(), e.preventDefault();
-            }
-          }
-        } else if (e.key === "Enter") {
-          var h;
-          i.lockedCell[1] = !0, (h = r[0]) === null || h === void 0 || h.focus();
-        } else if (e.key === "Tab") {
-          var v;
-          (v = i.lockedCell[0]) === null || v === void 0 || v.setAttribute("inert", "");
-        }
-      }
-    }), p(m(i), "onFocusCell", function(e) {
-      if (e.target === e.currentTarget) {
-        var r = Array.from(e.currentTarget.children).flatMap(function(a) {
-          return V(a);
-        });
-        r.length === 1 ? r[0].focus() : r.length > 1 && (i.lockedCell = [e.currentTarget, !1]);
-      }
-    }), p(m(i), "bindHandlerSortClick", function(e) {
-      return function(r) {
-        i.asProps.$onSortClick(e, r);
-      };
-    }), p(m(i), "bindHandlerKeyDown", function(e) {
-      return function(r) {
-        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), i.asProps.$onSortClick(e, r));
-      };
-    }), p(m(i), "makeSortRefHandler", function(e) {
-      return function(r) {
-        r && i.sortWrapperRefs.set(r, e);
-      };
-    }), p(m(i), "makeColumnRefHandler", function(e, r) {
-      return function(a) {
-        if (B(e.props.ref, a), i.headCellMap.set(r, a), e.props.forwardRef && B(e.props.forwardRef, a), a && a.getAttribute("scope") === "col" && !i.defaultWidths.has(a)) {
-          var o = window.getComputedStyle(a);
-          i.defaultWidths.set(a, {
-            minWidth: M(o.getPropertyValue("min-width")),
-            computedWidth: M(o.getPropertyValue("width")),
-            maxWidth: M(o.getPropertyValue("max-width")) || null,
-            useForRecalculation: !!e.props.sortSizeRecalculation
-          });
-        }
-      };
-    }), p(m(i), "changeMaxNodeWidth", function(e, r) {
-      var a = 0, o = null, d = [];
-      i.defaultWidths.forEach(function(c, f) {
-        c.computedWidth > a && f !== r && (o = f, a = c.computedWidth), c.useForRecalculation && d.push(f);
-      });
-      var h = function(f, g) {
-        var S, u, W = (S = i.defaultWidths.get(f)) === null || S === void 0 ? void 0 : S.computedWidth, b = (u = i.defaultWidths.get(f)) === null || u === void 0 ? void 0 : u.minWidth;
-        if (W) {
-          var C = W - g;
-          f.style.setProperty("max-width", "".concat(C, "px")), b && f.style.setProperty("min-width", "min(".concat(C, "px, ").concat(b, "px)"));
-        }
-      };
-      if (d.length > 0) {
-        var v = e / d.length;
-        d.forEach(function(c) {
-          h(c, v);
-        });
-      } else o !== null && h(o, e);
-    }), p(m(i), "backToColumnDefaults", function(e) {
-      var r, a, o = (r = i.defaultWidths.get(e)) === null || r === void 0 ? void 0 : r.minWidth, d = (a = i.defaultWidths.get(e)) === null || a === void 0 ? void 0 : a.maxWidth;
-      e.style.setProperty("min-width", o + "px"), d ? e.style.setProperty("max-width", d + "px") : e.style.removeProperty("max-width");
-    }), p(m(i), "calculateActiveColumnMinWidth", function(e) {
-      var r, a, o = document.createElement("div"), d = window.getComputedStyle(e);
-      e.childNodes.forEach(function(g) {
-        i.sortWrapperRefs.get(g) || o.append(g.cloneNode(!0));
-      }), o.style.setProperty("visibility", "hidden", "important");
-      var h = ["display", "flex", "margin", "padding", "background", "font-style", "font-width", "font-size", "font-weight"];
-      h.forEach(function(g) {
-        o.style.setProperty(g, d.getPropertyValue(g), d.getPropertyPriority(g));
-      }), o.style.setProperty("width", "fit-content", "important"), document.body.appendChild(o);
-      var v = Math.ceil(o.getBoundingClientRect().width);
-      document.body.removeChild(o);
-      var c = (r = (a = i.defaultWidths.get(e)) === null || a === void 0 ? void 0 : a.computedWidth) !== null && r !== void 0 ? r : 0;
-      if (v >= c)
-        e.style.setProperty("min-width", c + k + "px"), i.changeMaxNodeWidth(k, e);
-      else {
-        var f = c - v;
-        f < k && (e.style.setProperty("min-width", v + k + "px"), i.changeMaxNodeWidth(f, e));
-      }
-    }), i;
-  }
-  return j(y, [{
-    key: "sortableColumnDescribeId",
-    value: function() {
-      var t = this.asProps.uid;
-      return "".concat(t, "-column-sortable-describer");
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function() {
-      var t = this, s = null;
-      this.columns.forEach(function(l) {
-        var e = l.props, r = e.changeSortSize, a = e.ref;
-        l.active && r && a.current && (s = a.current), a.current && t.backToColumnDefaults(a.current);
-      }), s && this.calculateActiveColumnMinWidth(s);
-    }
-  }, {
-    key: "renderColumns",
-    value: function(t, s) {
-      var l = this;
-      return t.map(function(e) {
-        return l.renderColumn(e, s);
-      });
-    }
-  }, {
-    key: "renderColumn",
-    value: function(t, s) {
-      var l, e, r = this.asProps, a = r.styles, o = r.use, d = r.hidden, h = r.uid, v = X, c = D, f = "div", g = ae[t.sortDirection], S = t.sortable && t.active ? oe[t.sortDirection] : void 0, u = ((e = t.columns) === null || e === void 0 ? void 0 : e.length) > 0, W = u ? O(t.columns).length : 1, b = te(t, this.columns), C = F(b, 2), H = C[0], I = C[1], E = P({
-        flexBasis: t.props.flex === void 0 && "".concat(s * W, "%")
-      }, t.props.style);
-      H !== void 0 && I !== void 0 && (E[H] = I), t.setVar || (E.flexBasis = "var(".concat(t.varWidth, ")"));
-      var w = [];
-      if (t.sortable && !t.active && w.push(this.sortableColumnDescribeId()), t.parentColumns.length > 0) {
-        var K = t.parentColumns[0].name;
-        w.push("igc-table-".concat(h, "-").concat(K, "-group"));
-      }
-      var T = this.columns.findIndex(function($) {
-        return $.name === t.name;
-      });
-      return l = z(a), /* @__PURE__ */ n.createElement(v, l.cn("SColumn", P(P({
-        role: u ? void 0 : "columnheader",
-        scope: u ? "colgroup" : "col",
-        key: t.name,
-        id: "igc-table-".concat(h, "-").concat(t.name),
-        use: o,
-        fixed: t.fixed,
-        resizable: t.resizable,
-        sortable: t.sortable,
-        borderLeft: u ? !1 : t.borderLeft,
-        borderRight: u ? !1 : t.borderRight,
-        active: u ? !1 : t.active,
-        group: u,
-        tabIndex: u ? void 0 : -1,
-        __excludeProps: ["hidden"]
-      }, t.props), {}, {
-        ref: this.makeColumnRefHandler(t, T),
-        onClick: A(t.props.onClick, t.sortable ? this.bindHandlerSortClick(t.name) : void 0),
-        onKeyDown: A(t.props.onKeyDown, t.sortable ? this.bindHandlerKeyDown(t.name) : void 0, this.handleKeyDown),
-        style: E,
-        hidden: d,
-        "aria-sort": S,
-        "aria-colindex": u ? void 0 : T + 1,
-        onFocus: this.onFocusCell,
-        "aria-describedby": w.length > 0 ? w.join(" ") : void 0,
-        innerOutline: !0
-      })), u ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(v, l.cn("SColumn", {
-        id: "igc-table-".concat(h, "-").concat(t.name, "-group"),
-        groupHead: !0,
-        use: o,
-        active: t.active,
-        borderLeft: t.borderLeft,
-        borderRight: t.borderRight
-      }), /* @__PURE__ */ n.createElement("div", l.cn("div", {}), t.props.children)), /* @__PURE__ */ n.createElement(c, l.cn("SHead", {}), this.renderColumns(t.columns, 100 / W))) : /* @__PURE__ */ n.createElement(n.Fragment, null, t.props.children, t.sortable ? /* @__PURE__ */ n.createElement(f, l.cn("SSortWrapper", {
-        ref: this.makeSortRefHandler(t.active)
-      }), /* @__PURE__ */ n.createElement(g, l.cn("SSortIcon", {}))) : null));
-    }
-  }, {
-    key: "render",
-    value: function() {
-      var t = this.asProps, s, l = D, e = D, r = this.asProps, a = r.Children, o = r.styles, d = r.columnsChildren, h = r.onResize, v = r.$scrollRef, c = r.sticky, f = r.withScrollBar, g = r.animationsDisabled, S = r.getI18nText;
-      this.columns = O(d);
-      var u = re(this.columns), W = F(u, 2), b = W[0], C = W[1];
-      return ie.warn(c, "'sticky' property is deprecated, use '<Sticky/>' wrapper", this.asProps["data-ui-name"] || y.displayName), s = z(o), /* @__PURE__ */ n.createElement(Y.Provider, {
-        value: !0
-      }, /* @__PURE__ */ n.createElement(e, s.cn("SHeadWrapper", {
-        sticky: c,
-        animationsDisabled: g
-      }), /* @__PURE__ */ n.createElement(_, s.cn("ScrollArea", {
-        leftOffset: b,
-        rightOffset: C,
-        shadow: !0,
-        onResize: h
-      }), /* @__PURE__ */ n.createElement(_.Container, {
-        ref: v,
-        role: "rowgroup",
-        tabIndex: -1,
-        zIndex: 2
-      }, /* @__PURE__ */ n.createElement(l, s.cn("SHead", P({}, q({
-        role: "row",
-        __excludeProps: ["hidden"]
-      }, t))), this.renderColumns(d, 100 / this.columns.length))), !!f && /* @__PURE__ */ n.createElement("div", s.cn("div", {
-        style: N
-      }), /* @__PURE__ */ n.createElement("div", s.cn("div", {
-        style: N
-      }), /* @__PURE__ */ n.createElement("div", s.cn("div", {
-        style: N
-      }), /* @__PURE__ */ n.createElement(_.Bar, {
-        orientation: "horizontal"
-      }))))), a.origin, /* @__PURE__ */ n.createElement(Q, s.cn("ScreenReaderOnly", {
-        "aria-hidden": !0,
-        id: this.sortableColumnDescribeId()
-      }), S == null ? void 0 : S("sortableColumn"))));
-    }
-  }]), y;
-}(J);
-p(ne, "displayName", void 0);
-export {
-  k as SORT_ICON_WIDTH,
-  ne as default
-};

package/lib/esm/utils.mjs

@@ -1,37 +0,0 @@
-var g = function(n) {
-  return n.reduce(function(t, e) {
-    return e.fixed === "left" && (t[0] += e.width), e.fixed === "right" && (t[1] += e.width), t;
-  }, [0, 0]);
-}, h = function i(n) {
-  return n.reduce(function(t, e) {
-    var r = "columns" in e && e.columns.length > 0, a = r ? i(e.columns) : [e];
-    return t = t.concat(a), t;
-  }, []);
-}, x = function(n, t) {
-  var e = n.fixed;
-  if (!e) return [void 0, void 0];
-  var r = n.name.split("/"), a = {
-    left: r[0],
-    right: r[r.length - 1]
-  }, v = a[e], d = t.findIndex(function(u) {
-    return u.name === v;
-  });
-  if (d === -1) return [void 0, void 0];
-  var o = {
-    left: 0,
-    right: d + 1
-  }, s = {
-    left: d,
-    right: t.length
-  }, l = t.slice(o[e], s[e]);
-  if (l.length < 1) return [e, 0];
-  var f = l.map(function(u) {
-    return "var(--".concat(u.name, "_width)");
-  });
-  return [e, f.length === 1 ? f[0] : "calc(".concat(f.join(" + "), ")")];
-};
-export {
-  h as flattenColumns,
-  x as getFixedStyle,
-  g as getScrollOffsetValue
-};

package/lib/types/Body.d.ts

@@ -1,61 +0,0 @@
-import React from 'react';
-import { Component } from '@semcore/core';
-import { RowData, Column, NestedCells, PropsLayer, Cell } from './types';
-import syncScroll from '@semcore/core/lib/utils/syncScroll';
-type AsProps = {
-    rows: NestedCells[][];
-    columns: Column[];
-    $scrollRef: ReturnType<ReturnType<typeof syncScroll>>;
-    onResize: ResizeObserverCallback;
-    onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;
-    rowPropsLayers: PropsLayer[];
-    use: 'primary' | 'secondary';
-    uniqueKey: string;
-    virtualScroll?: boolean | {
-        tollerance?: number;
-        rowHeight?: number;
-    };
-    renderRows?: (props: {
-        rows: NestedCells[][];
-        columns: Column[];
-        renderRow: (row: Cell[], details: {
-            dataIndex: number;
-            nested: boolean;
-        }) => React.ReactNode;
-    }) => React.ReactNode;
-    disabledScroll?: boolean;
-    uid?: string;
-    animationsDisabled?: boolean;
-    scrollContainerRef: React.Ref<HTMLDivElement>;
-};
-type State = {
-    rowHeight: number | undefined;
-    scrollAreaHeight: undefined | number;
-    scrollOffset: number;
-};
-declare class Body extends Component<AsProps, {}, State> {
-    state: State;
-    scrollContainerRef: React.RefObject<HTMLDivElement>;
-    firstRowRef: React.RefObject<HTMLDivElement>;
-    firstRowResizeObserver: ResizeObserver | null;
-    lockedCell: [HTMLElement | null, boolean];
-    getRowHeight: () => number | undefined;
-    handleKeyDown: (e: React.KeyboardEvent) => void;
-    onFocusCell: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;
-    renderCells(cells: NestedCells, rowData: RowData, dataIndex: number): React.ReactNode[];
-    renderRow(cells: NestedCells, { dataIndex, topOffset, nested, }: {
-        dataIndex: number;
-        topOffset?: number;
-        nested: boolean;
-    }): React.ReactNode;
-    renderRows(rows: NestedCells[], nested?: boolean): React.ReactNode[];
-    renderVirtualizedRows(rows: NestedCells[]): React.ReactNode[];
-    handleFirstRowResize: (entries: ResizeObserverEntry[]) => void;
-    handleScrollAreaResize: (entries: ResizeObserverEntry[]) => void;
-    handleScrollAreaScroll: (event: React.SyntheticEvent<HTMLElement>) => void;
-    setupRowSizeObserver: () => void;
-    handleBodyTransitionEnd: () => void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
-export default Body;

package/lib/types/DataTable.d.ts

@@ -1,205 +0,0 @@
-import React from 'react';
-import { Property } from 'csstype';
-import { Component, PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import { BoxProps, FlexProps } from '@semcore/flex-box';
-import type { Column } from './types';
-declare const ROW_GROUP: unique symbol;
-export type DataTableData = {
-    [key: string]: unknown;
-};
-export type DataTableSort<Column = string> = [sortBy: Column, sortDirection: 'desc' | 'asc'];
-export type DataTableTheme = 'muted' | 'info' | 'success' | 'warning' | 'danger';
-export type DataTableUse = 'primary' | 'secondary';
-export type DataTableRow = DataTableCell[];
-export type DataTableCell = {
-    /** Name of column */
-    name: string;
-    /** Data of column */
-    data: React.ReactNode;
-    [key: string]: unknown;
-};
-/**
- * Datatable must have an accessible name (aria-table-name).
- * It should describe table content.
- */
-type DataTableAriaProps = Intergalactic.RequireAtLeastOne<{
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    title?: string;
-}>;
-/** @deprecated */
-export interface IDataTableProps<DataTableData extends {
-    [key: string]: any;
-}[] = UnknownProperties[]> extends Omit<DataTableProps<DataTableData>, keyof DataTableAriaProps> {
-}
-export type DataTableProps<DataTableData extends {
-    [key: string]: any;
-}[] = UnknownProperties[]> = BoxProps & {
-    /** Table theme according to visual hierarchy on the page
-     * @default primary
-     * */
-    use?: DataTableUse;
-    /** Data for table */
-    data?: DataTableData;
-    /** Active sort object */
-    sort?: DataTableSort<keyof DataTableData[0]>;
-    /** Handler call when request will change sort */
-    onSortChange?: (sort: DataTableSort<keyof DataTableData[0]>, e?: React.SyntheticEvent) => void;
-    /** Field name in one data entity that is unique accross all dataset
-     * @default id
-     */
-    uniqueKey?: keyof DataTableData[0];
-    /** Make cells compact by changing left and right paddings to smaller ones*/
-    compact?: boolean;
-    /** Count of total rows if table using virtual scroll. Needs for accessibility */
-    totalRows?: number;
-} & DataTableAriaProps;
-/** @deprecated */
-export interface IDataTableHeadProps extends DataTableHeadProps, UnknownProperties {
-}
-export type DataTableHeadProps = BoxProps & {
-    /** Sticky table header
-     * @deprecated
-     * */
-    sticky?: boolean;
-    /** Hidden header */
-    hidden?: boolean;
-    /** Disabled scroll (as action) */
-    disabledScroll?: boolean;
-    /** Enable scroll bar element in header */
-    withScrollBar?: boolean;
-    /** Disables column width change animation **/
-    animationsDisabled?: boolean;
-};
-/** @deprecated */
-export interface IDataTableColumnProps extends DataTableColumnProps, UnknownProperties {
-}
-export type DataTableColumnProps = FlexProps & {
-    /** Unique column name */
-    name?: string;
-    /** Enable sorting for column. And if you are passing a string, you can also set the default sorting */
-    sortable?: boolean | 'desc' | 'asc';
-    /** Enable resize for column
-     * @ignore */
-    resizable?: boolean;
-    /** Fix column on the left o right side of the table */
-    fixed?: 'left' | 'right';
-    /** Fields to control the size of the column */
-    flex?: Property.Flex | 'inherit';
-    /** Add vertical border to the column */
-    vBorders?: boolean;
-    /** Add vertical border to the right side of the cell */
-    borderRight?: boolean;
-    /** Add vertical border to the left side of the cell */
-    borderLeft?: boolean;
-    /**
-     * Enable changing column width with sort icon
-     * @default false
-     */
-    changeSortSize?: boolean;
-    /**
-     * Enable column to use as a column for recalculation width
-     * @default false (By default used first column with maximum width)
-     */
-    sortSizeRecalculation?: boolean;
-};
-/** @deprecated */
-export interface IDataTableBodyProps extends DataTableBodyProps, UnknownProperties {
-}
-export type DataTableBodyProps = BoxProps & {
-    /** Rows table */
-    rows?: DataTableRow[];
-    /** When enabled, only visually acessable rows are rendered.
-     * `tollerance` property controls how many rows outside of viewport are render.
-     * `rowHeight` fixes the rows height if it has known. If not provided, first row node height is measured.
-     * @default { tollerance: 2 }
-     */
-    virtualScroll?: boolean | {
-        tollerance?: number;
-        rowHeight?: number;
-    };
-    /** Allows to redefine rows renderning for a very deep and even fragile customization like building custom virtual scrolling */
-    renderRows?: (props: {
-        rows: DataTableRow[];
-        columns: Column[];
-        renderRow: (row: DataTableRow, details: {
-            dataIndex: number;
-        }) => React.ReactNode;
-    }) => React.ReactNode;
-    /**
-     * Called every time user scrolls area
-     */
-    onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;
-    /** Disabled scroll */
-    disabledScroll?: boolean;
-    /** Disables column width change animation **/
-    animationsDisabled?: boolean;
-    /** Ref for table body container */
-    scrollContainerRef?: React.Ref<HTMLDivElement>;
-};
-/** @deprecated */
-export interface IDataTableRowProps extends DataTableRowProps, UnknownProperties {
-}
-export type DataTableRowProps = BoxProps & {
-    /** Theme for row */
-    theme?: DataTableTheme;
-    /** Sets row state to active*/
-    active?: boolean;
-};
-/** @deprecated */
-export interface IDataTableCellProps extends DataTableCellProps, UnknownProperties {
-}
-export type DataTableCellProps<Name extends string = string> = FlexProps & {
-    /** Unique name for column or columns separated by / */
-    name: Name;
-    /** Theme for cell */
-    theme?: DataTableTheme;
-};
-type DataTableCtx = {
-    getHeadProps: PropGetterFn;
-    getBodyProps: PropGetterFn;
-};
-type IntergalacticDataTableComponent<PropsExtending extends {} = {}> = (<Data extends DataTableData[], Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableProps<Data> & PropsExtending, DataTableCtx, never>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableProps>;
-type IntergalacticDataTableRowComponent<PropsExtending extends {} = {}> = (<Data extends DataTableData[], Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, DataTableRowProps & {
-    /**
-     * That property is ONLY used for the component strict typings. In the component runtime `data` prop set on `<DataTable>...</DataTable> is used.
-     */
-    data?: Data;
-} & PropsExtending, DataTableCtx & {
-    data: Data;
-}, [
-    row: Data[0],
-    index: number
-]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableRowProps>;
-type IntergalacticDataTableCellComponent<PropsExtending extends {} = {}> = (<Data extends DataTableData[] = [], Name extends string = string, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, DataTableCellProps<Name> & {
-    /**
-     * That property is ONLY used for the componenct strict typings. In the component runtime `data` prop set on `<DataTable>...</DataTable> is used.
-     */
-    data?: Data;
-} & PropsExtending, DataTableCtx & {
-    data: Data;
-}, [
-    row: Data[0],
-    index: number
-]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableCellProps>;
-declare const DefinitionTable: (<Data extends DataTableData[], Tag extends Intergalactic.InternalTypings.ComponentTag = "div">(props: Intergalactic.InternalTypings.ComponentProps<Tag, "div", DataTableProps<Data> & {}, DataTableCtx, never>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<"div", "div", DataTableProps<UnknownProperties[]>, {}, {}> & {
-    Head: Intergalactic.Component<'div', DataTableHeadProps>;
-    Body: Intergalactic.Component<'div', DataTableBodyProps>;
-    Column: Intergalactic.Component<'div', DataTableColumnProps>;
-    Row: IntergalacticDataTableRowComponent;
-    Cell: IntergalacticDataTableCellComponent;
-};
-export { ROW_GROUP };
-export default DefinitionTable;
-export declare const wrapDataTable: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticDataTableComponent<{}>>, "tag" | "ref"> & {
-    ref: React.Ref<any>;
-    tag: Intergalactic.InternalTypings.ComponentTag;
-} & PropsExtending) => React.ReactNode) => IntergalacticDataTableComponent<PropsExtending>;
-export declare const wrapDataTableRow: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticDataTableRowComponent<{}>>, "tag" | "ref"> & {
-    ref: React.Ref<any>;
-    tag: Intergalactic.InternalTypings.ComponentTag;
-} & PropsExtending) => React.ReactNode) => IntergalacticDataTableRowComponent<PropsExtending>;
-export declare const wrapDataTableCell: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticDataTableCellComponent<{}>>, "tag" | "ref"> & {
-    ref: React.Ref<any>;
-    tag: Intergalactic.InternalTypings.ComponentTag;
-} & PropsExtending) => React.ReactNode) => IntergalacticDataTableCellComponent<PropsExtending>;

package/lib/types/Head.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import { Component } from '@semcore/core';
-import { Column } from './types';
-export declare const SORT_ICON_WIDTH = 20;
-type AsProps = {
-    $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;
-    $scrollRef: (instance: unknown) => void;
-    use: 'primary' | 'secondary';
-    columnsChildren: Column[];
-    onResize: ResizeObserverCallback;
-    sticky: boolean;
-    ['data-ui-name']: string;
-    uid?: string;
-    withScrollBar?: boolean;
-    animationsDisabled?: boolean;
-    getI18nText?: (str: string) => string;
-};
-declare class Head extends Component<AsProps> {
-    columns: Column[];
-    static displayName: string;
-    headCellMap: Map<number, HTMLElement | null>;
-    lockedCell: [HTMLElement | null, boolean];
-    sortWrapperRefs: Map<Node, boolean>;
-    defaultWidths: Map<HTMLElement, {
-        minWidth: number;
-        maxWidth: number | null;
-        computedWidth: number;
-        useForRecalculation: boolean;
-    }>;
-    sortableColumnDescribeId(): string;
-    handleKeyDown: (e: React.KeyboardEvent) => void;
-    onFocusCell: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;
-    bindHandlerSortClick: (name: string) => (event: React.MouseEvent) => void;
-    bindHandlerKeyDown: (name: string) => (event: React.KeyboardEvent) => void;
-    makeSortRefHandler: (active: boolean) => (ref: HTMLElement | null) => void;
-    makeColumnRefHandler: (column: Column, index: number) => (ref: HTMLElement | null) => void;
-    componentDidUpdate(): void;
-    changeMaxNodeWidth: (diff: number, exceptNode: HTMLElement) => void;
-    backToColumnDefaults: (node: HTMLElement) => void;
-    calculateActiveColumnMinWidth: (node: HTMLElement) => void;
-    renderColumns(columns: Column[], width: number): React.ReactNode[];
-    renderColumn(column: Column, width: number): React.ReactNode;
-    render(): React.ReactNode;
-}
-export default Head;

package/lib/types/types.d.ts

@@ -1,73 +0,0 @@
-import React from 'react';
-import { ROW_GROUP } from './DataTable';
-import { Property } from 'csstype';
-import { FlexProps } from '@semcore/flex-box';
-export type PseudoChildPropsGetter = (props: {
-    [propName: string]: unknown;
-}, rowData: {
-    [columnName: string]: unknown;
-}, index: number) => {
-    [propName: string]: unknown;
-};
-export type PropsLayer = {
-    childrenPropsGetter?: PseudoChildPropsGetter;
-    [propName: string]: unknown;
-};
-export type SortDirection = 'asc' | 'desc';
-export type Column<Props extends {
-    [propName: string]: unknown;
-} = {
-    [propName: string]: unknown;
-}> = {
-    name: string;
-    active: boolean;
-    width: number;
-    fixed?: 'left' | 'right';
-    resizable?: boolean;
-    sortable?: boolean | SortDirection;
-    sortDirection: SortDirection;
-    varWidth: string;
-    setVar: boolean;
-    data?: unknown;
-    vBorders?: boolean;
-    borderLeft?: boolean;
-    borderRight?: boolean;
-    props: {
-        name: string;
-        ref: React.RefObject<HTMLElement>;
-    } & FlexProps & Partial<{
-        flex: Property.Flex;
-        onClick: (event: React.MouseEvent) => void;
-        onKeyDown: (event: React.KeyboardEvent) => void;
-        forwardRef: React.Ref<HTMLElement>;
-        style: React.CSSProperties;
-        fixed: 'left' | 'right';
-        resizable: boolean;
-        sortable: boolean | SortDirection;
-        sortDirection: SortDirection;
-        vBorders: boolean;
-        borderLeft: Property.BorderLeft;
-        borderRight: Property.BorderLeft;
-        changeSortSize?: boolean;
-        sortSizeRecalculation?: boolean;
-    }> & Props;
-    columns: Column[];
-    parentColumns: Column[];
-};
-export type Cell = Pick<Column, 'name' | 'fixed' | 'data'> & {
-    cssVar: string | string[];
-    cellPropsLayers: PropsLayer[];
-};
-export type RowData<Data extends {
-    [columnName: string]: unknown;
-} = {
-    [columnName: string]: unknown;
-}> = Data & Partial<{
-    name: string;
-    [ROW_GROUP]: RowData[];
-}>;
-export type NestedCells = (Cell | NestedCells)[] & {
-    flatRowData?: RowData;
-};
-export type RowIndex = number;
-export type ColIndex = number;