linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/table/RowColumn.js

@@ -1,58 +1,80 @@
-import { j as y } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as S } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as B } from "react";
-import I from "../skeleton/index.js";
-import { RowContext as M } from "./helpers.js";
-function N(e, {
-  ignoreTableColClick: t,
-  handleTableColClick: c,
-  onClick: n,
-  dataId: r
-}) {
-  if (!t) {
-    if (n)
-      return n(e, r);
-    if (c)
-      return c(e, r);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _helpers = require("./helpers");
+var _skeleton = _interopRequireDefault(require("../skeleton"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function getColClickEvent(event, _ref) {
+  let {
+    ignoreTableColClick,
+    handleTableColClick,
+    onClick,
+    dataId
+  } = _ref;
+  if (ignoreTableColClick) return undefined;
+  if (onClick) {
+    return onClick(event, dataId);
+  } else if (handleTableColClick) {
+    return handleTableColClick(event, dataId);
   }
+  return undefined;
 }
-const z = {
-  never: "hidden",
-  onRowHover: "rowhover"
-}, G = (e) => {
-  const t = S.c(18), {
-    customClass: c,
-    style: n,
-    displayContent: r,
-    textAlign: g,
-    visible: R,
-    rowSpan: u,
-    colSpan: v,
-    children: m,
-    isMenuColumn: h
-  } = e, i = r === void 0 ? "always" : r, j = R === void 0 ? !0 : R, k = h === void 0 ? !1 : h, l = B(M), {
-    skeletonize: a,
-    vertical: d,
-    skeletonInRows: $
-  } = l, b = $ === void 0 ? 10 : $, w = i !== "always";
-  let f;
-  t[0] !== m || t[1] !== i || t[2] !== w || t[3] !== a || t[4] !== d ? (f = () => a && d ? /* @__PURE__ */ y.jsx(I, { height: 16, style: {
-    marginBottom: 0
-  } }) : w && i ? /* @__PURE__ */ y.jsx("span", { className: z[i], children: m }) : m, t[0] = m, t[1] = i, t[2] = w, t[3] = a, t[4] = d, t[5] = f) : f = t[5];
-  const p = f;
-  if (!j || a && !b && !d)
-    return null;
-  const C = `rowcolumn ${c} text-align-${g} ${!l.rowBorder && " -noborder"} ${u ? "" : " -norowspan"} ${k && "menu-column"}`;
-  let o;
-  t[6] !== l || t[7] !== e ? (o = (E) => N(E, {
-    ...l,
-    ...e
-  }), t[6] = l, t[7] = e, t[8] = o) : o = t[8];
-  let s;
-  t[9] !== p ? (s = p(), t[9] = p, t[10] = s) : s = t[10];
-  let x;
-  return t[11] !== v || t[12] !== u || t[13] !== n || t[14] !== C || t[15] !== o || t[16] !== s ? (x = /* @__PURE__ */ y.jsx("td", { rowSpan: u, colSpan: v, className: C, style: n, onClick: o, role: "presentation", tabIndex: -1, children: s }), t[11] = v, t[12] = u, t[13] = n, t[14] = C, t[15] = o, t[16] = s, t[17] = x) : x = t[17], x;
+const displayClass = {
+  never: 'hidden',
+  onRowHover: 'rowhover'
 };
-export {
-  G as default
+const RowColumn = props => {
+  const {
+    customClass,
+    style,
+    displayContent = 'always',
+    textAlign,
+    visible = true,
+    rowSpan,
+    colSpan,
+    children,
+    isMenuColumn = false
+  } = props;
+  const context = (0, _react.useContext)(_helpers.RowContext);
+  const {
+    skeletonize,
+    vertical,
+    skeletonInRows = 10
+  } = context;
+  const hiddenContent = displayContent !== 'always';
+  const renderContent = (0, _react.useCallback)(() => {
+    if (skeletonize && vertical) {
+      return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+        height: 16,
+        style: {
+          marginBottom: 0
+        }
+      });
+    }
+    return hiddenContent && displayContent ? /*#__PURE__*/_react.default.createElement("span", {
+      className: displayClass[displayContent]
+    }, children) : children;
+  }, [skeletonize, vertical, children, displayContent, hiddenContent, displayClass]);
+  if (!visible) return null;
+  if (skeletonize && !skeletonInRows && !vertical) return null;
+  return /*#__PURE__*/_react.default.createElement("td", {
+    rowSpan: rowSpan,
+    colSpan: colSpan,
+    className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : '', " ").concat(isMenuColumn && 'menu-column'),
+    style: style,
+    onClick: e => getColClickEvent(e, _objectSpread(_objectSpread({}, context), props)),
+    role: "presentation",
+    tabIndex: -1
+  }, renderContent());
 };
+var _default = exports.default = RowColumn;

package/lib/table/helpers.d.ts

@@ -1,7 +1,10 @@
-import { default as React } from 'react';
-import { ITableContext, ITableRowContext } from './types';
-declare const TableContext: React.Context<ITableContext>;
-declare const RowContext: React.Context<ITableRowContext>;
+import React__default from 'react';
+import { ITableContext, ITableRowContext } from './types.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+declare const TableContext: React__default.Context<ITableContext>;
+declare const RowContext: React__default.Context<ITableRowContext>;
 declare const getArrayFromNumber: (number: number) => number[];
-export default TableContext;
-export { RowContext, getArrayFromNumber };
+
+export { RowContext, TableContext as default, getArrayFromNumber };

package/lib/table/helpers.js

@@ -1,9 +1,15 @@
-import t from "react";
-const n = t.createContext({}), c = t.createContext({}), m = (e) => Array.from({
-  length: e
-}, (r, o) => o + 1);
-export {
-  c as RowContext,
-  n as default,
-  m as getArrayFromNumber
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getArrayFromNumber = exports.default = exports.RowContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TableContext = /*#__PURE__*/_react.default.createContext({});
+const RowContext = exports.RowContext = /*#__PURE__*/_react.default.createContext({});
+const getArrayFromNumber = number => Array.from({
+  length: number
+}, (_, i) => i + 1);
+exports.getArrayFromNumber = getArrayFromNumber;
+var _default = exports.default = TableContext;

package/lib/table/index.d.ts

@@ -1,9 +1,13 @@
-import { default as THeader } from './Header';
-import { default as TRow } from './Row';
-import { default as TBody } from './Body';
-import { default as Th } from './HeaderColumn';
-import { default as Td } from './RowColumn';
-import { ITableProps } from './types';
-declare const Table: ({ children, ...props }: ITableProps) => import("react/jsx-runtime").JSX.Element;
-export default Table;
-export { THeader, TRow, TBody, Th, Td, };
+export { default as THeader } from './Header.js';
+export { default as TRow } from './Row.js';
+export { default as TBody } from './Body.js';
+export { default as Th } from './HeaderColumn.js';
+export { default as Td } from './RowColumn.js';
+import { ITableProps } from './types.js';
+import 'react';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+declare const Table: ({ children, ...props }: ITableProps) => JSX.Element;
+
+export { Table as default };

package/lib/table/index.js

@@ -1,106 +1,152 @@
-import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as q } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as u, useRef as A, useEffect as $ } from "react";
-import { _ as k } from "../chunks/lodash.CIAK_hAg.js";
-import { default as re } from "./Header.js";
-import { default as ce } from "./Row.js";
-import { default as ae } from "./Body.js";
-import { default as me } from "./HeaderColumn.js";
-import { default as ue } from "./RowColumn.js";
-import '../assets/table.css';/* empty css                       */
-import D from "./helpers.js";
-const T = ({
-  customClass: h,
-  striped: e,
-  bordered: l,
-  hovered: o,
-  skeletonize: p,
-  headerColored: C,
-  condensed: s,
-  vertical: b,
-  bodyScrollable: R,
-  skeletonInRows: r = 10
-}) => `table-component ${h} ${e && "-striped"} 
-  ${l && "-bordered"} ${o && "-hovered"} ${C && "-headercolor"}
-  ${s && "-condensed"}
-  ${b && "-vertical"}
-  ${p && !r ? "-skeletonized" : ""}
-  ${R ? "-scrollable" : ""}`, oe = (h) => {
-  const e = q.c(6), {
-    children: l,
-    ...o
-  } = h, {
-    onColClick: p,
-    onRowClick: C,
-    bodyScrollable: s,
-    vertical: b,
-    skeletonize: R,
-    strict: r,
-    skeletonHeight: _,
-    skeletonInHeader: I,
-    skeletonInRows: W,
-    customClass: G,
-    bordered: J,
-    hovered: K,
-    headerColored: L,
-    condensed: M,
-    selectedRowId: v,
-    striped: O,
-    ...j
-  } = o, [E, y] = u(v), [S, z] = u(0);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [], e[0] = n) : n = e[0];
-  const [c, H] = u(n), [g, B] = u(0), d = A(null);
-  let a;
-  e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = (t) => {
-    y(t);
-  }, e[1] = a) : a = e[1];
-  const N = a;
-  let i;
-  e[2] !== c ? (i = (t) => {
-    !k.isEmpty(t) && k.isEmpty(c) && H(t);
-  }, e[2] = c, e[3] = i) : i = e[3];
-  const P = i;
-  let m;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (m = (t) => B(t), e[4] = m) : m = e[4];
-  const F = {
-    bodyContainerRef: d,
-    bodyScrollWidth: S,
-    selectedRowId: E,
-    vertical: b,
-    skeletonize: R,
-    skeletonHeight: _,
-    skeletonInHeader: I,
-    skeletonInRows: W,
-    strict: r,
-    columnsCount: g,
-    handleSelectRow: N,
-    handleTableColClick: p,
-    handleTableRowClick: C,
-    handlerSetColumnsWidth: P,
-    columnsWidth: c,
-    handlerSetColumnsCount: m
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TBody", {
+  enumerable: true,
+  get: function () {
+    return _Body.default;
+  }
+});
+Object.defineProperty(exports, "THeader", {
+  enumerable: true,
+  get: function () {
+    return _Header.default;
+  }
+});
+Object.defineProperty(exports, "TRow", {
+  enumerable: true,
+  get: function () {
+    return _Row.default;
+  }
+});
+Object.defineProperty(exports, "Td", {
+  enumerable: true,
+  get: function () {
+    return _RowColumn.default;
+  }
+});
+Object.defineProperty(exports, "Th", {
+  enumerable: true,
+  get: function () {
+    return _HeaderColumn.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _Header = _interopRequireDefault(require("./Header"));
+var _Row = _interopRequireDefault(require("./Row"));
+var _Body = _interopRequireDefault(require("./Body"));
+var _HeaderColumn = _interopRequireDefault(require("./HeaderColumn"));
+var _RowColumn = _interopRequireDefault(require("./RowColumn"));
+require("../assets/styles/table.scss");
+var _helpers = _interopRequireDefault(require("./helpers"));
+const _excluded = ["children"],
+  _excluded2 = ["onColClick", "onRowClick", "bodyScrollable", "vertical", "skeletonize", "strict", "skeletonHeight", "skeletonInHeader", "skeletonInRows", "selectedRowId", "allowHorizontalScroll"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+// TODO - Precisa finalizar o scroll no corpo da tabela.
+const getClass = _ref => {
+  let {
+    customClass,
+    striped,
+    bordered,
+    hovered,
+    skeletonize,
+    headerColored,
+    condensed,
+    vertical,
+    bodyScrollable,
+    skeletonInRows = 10
+  } = _ref;
+  return "table-component ".concat(customClass, " ").concat(striped && '-striped', " \n  ").concat(bordered && '-bordered', " ").concat(hovered && '-hovered', " ").concat(headerColored && '-headercolor', "\n  ").concat(condensed && '-condensed', "\n  ").concat(vertical && '-vertical', "\n  ").concat(skeletonize && !skeletonInRows ? '-skeletonized' : '', "\n  ").concat(bodyScrollable ? '-scrollable' : '');
+};
+const Table = _ref2 => {
+  let {
+      children
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  const {
+      onColClick,
+      onRowClick,
+      bodyScrollable,
+      vertical,
+      skeletonize,
+      strict,
+      skeletonHeight,
+      skeletonInHeader,
+      skeletonInRows,
+      selectedRowId: selectedRowIdFromProps,
+      allowHorizontalScroll = false
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded2);
+  const [selectedRowId, setSelectedRowId] = (0, _react.useState)(selectedRowIdFromProps);
+  const [bodyScrollWidth, setBodyScrollWidth] = (0, _react.useState)(0);
+  const [columnsWidth, setColumnsWidth] = (0, _react.useState)([]);
+  const [columnsCount, setColumnsCount] = (0, _react.useState)(0);
+  const bodyContainerRef = (0, _react.useRef)(null);
+  const handleSelectRow = (0, _react.useCallback)(selectedId => {
+    setSelectedRowId(selectedId);
+  }, []);
+  const handlerSetColumnsWidth = (0, _react.useCallback)(widths => {
+    if (!_lodash.default.isEmpty(widths) && _lodash.default.isEmpty(columnsWidth)) setColumnsWidth(widths);
+  }, [columnsWidth]);
+  const handlerSetColumnsCount = (0, _react.useCallback)(count => setColumnsCount(count), []);
+  const getContextValues = (0, _react.useCallback)(() => ({
+    bodyContainerRef,
+    bodyScrollWidth,
+    selectedRowId,
+    vertical,
+    skeletonize,
+    skeletonHeight,
+    skeletonInHeader,
+    skeletonInRows,
+    strict,
+    columnsCount,
+    handleSelectRow,
+    handleTableColClick: onColClick,
+    handleTableRowClick: onRowClick,
+    handlerSetColumnsWidth,
+    columnsWidth,
+    handlerSetColumnsCount
+  }), [bodyContainerRef, bodyScrollWidth, selectedRowId, vertical, skeletonize, skeletonHeight, skeletonInHeader, skeletonInRows, strict, columnsCount, handleSelectRow, onColClick, onRowClick, handlerSetColumnsWidth, columnsWidth, handlerSetColumnsCount]);
+  const getTableComponent = () => {
+    const tableComponent = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("table", _extends({
+      style: {
+        contain: strict ? 'strict' : 'size style'
+      },
+      className: getClass(props)
+    }, rest), children));
+    if (allowHorizontalScroll) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "horizontal-scroll-container"
+      }, tableComponent);
+    }
+    return tableComponent;
   };
-  let f;
-  return e[5] === Symbol.for("react.memo_cache_sentinel") ? (f = [], e[5] = f) : f = e[5], $(() => {
-    if (s && d && d.current) {
+  const contextValues = (0, _react.useMemo)(() => getContextValues(), [getContextValues]);
+  (0, _react.useEffect)(() => {
+    if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {
       const {
-        offsetWidth: t,
-        clientWidth: V
-      } = d.current, w = t - V;
-      w !== S && z(w);
+        offsetWidth,
+        clientWidth
+      } = bodyContainerRef.current;
+      const scrollWidth = offsetWidth - clientWidth;
+      if (scrollWidth !== bodyScrollWidth) setBodyScrollWidth(scrollWidth);
     }
-  }, f), $(() => {
-    y(o.selectedRowId);
-  }, [o.selectedRowId]), /* @__PURE__ */ x.jsx(D.Provider, { value: F, children: s ? /* @__PURE__ */ x.jsx("div", { className: T(o), children: l }) : /* @__PURE__ */ x.jsx("table", { style: {
-    contain: r ? "strict" : "size style"
-  }, className: T(o), ...j, children: l }) });
-};
-export {
-  ae as TBody,
-  re as THeader,
-  ce as TRow,
-  ue as Td,
-  me as Th,
-  oe as default
+  }, []);
+  (0, _react.useEffect)(() => {
+    setSelectedRowId(props.selectedRowId);
+  }, [props.selectedRowId]);
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
+    value: contextValues
+  }, bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
+    className: getClass(props)
+  }, children) : getTableComponent());
 };
+var _default = exports.default = Table;

package/lib/table/types.d.ts

@@ -1,5 +1,8 @@
-import { CSSProperties, ReactNode, TableHTMLAttributes, MouseEvent, SetStateAction, LegacyRef, ComponentProps } from 'react';
-export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
+import { TableHTMLAttributes, ReactNode, ComponentProps, MouseEvent, CSSProperties, LegacyRef, SetStateAction } from 'react';
+import { ITooltipCommonProps } from '../tooltip/types.js';
+import '../@types/Position.js';
+
+interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
     children?: ReactNode;
     striped?: boolean;
     customClass?: string;
@@ -17,8 +20,9 @@ export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
     skeletonInRows?: number;
     skeletonInHeader?: boolean;
     skeletonHeight?: number;
+    allowHorizontalScroll?: boolean;
 }
-export interface ITableHeaderProps extends ComponentProps<'th'> {
+interface ITableHeaderProps extends ComponentProps<'th'> {
     children?: ReactNode;
     customClass?: string;
     textAlign?: string;
@@ -26,7 +30,7 @@ export interface ITableHeaderProps extends ComponentProps<'th'> {
     id?: string;
     isMenuColumn?: boolean;
 }
-export interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
+interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
     children?: ReactNode;
     customClass?: string;
     columnsCount?: number;
@@ -35,7 +39,7 @@ export interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
     skeletonInRows?: number;
     skeletonHeight?: number;
 }
-export interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>, 'onMouseEnter' | 'onMouseLeave'> {
+interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>, 'onMouseEnter' | 'onMouseLeave'>, ITooltipCommonProps {
     children?: ReactNode;
     color?: string;
     customClass?: string;
@@ -59,7 +63,7 @@ export interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowEle
     colSpan?: number;
     isMenuColumn?: boolean;
 }
-export interface ITableContext {
+interface ITableContext {
     bodyScrollable?: boolean;
     skeletonInRows?: number;
     bodyContainerRef?: LegacyRef<HTMLDivElement>;
@@ -79,16 +83,18 @@ export interface ITableContext {
     handlerSetColumnsCount?: (count: number) => void;
     tableContainer?: HTMLTableElement | null;
 }
-export interface ITableRowContext {
+interface ITableRowContext {
     skeletonize?: boolean;
     vertical?: boolean;
     skeletonInRows?: number;
     rowBorder?: boolean;
 }
-export type TableElement = {
+type TableElement = {
     props: {
         style: {
             width: string | number;
         };
     };
 };
+
+export { ITableBodyProps, ITableContext, ITableHeaderProps, ITableProps, ITableRowContext, ITableRowProps, TableElement };

package/lib/table/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/tabs/DropdownTabs.d.ts

@@ -1,3 +1,11 @@
-import { DropdownProps } from './types';
-declare const DropdownTabs: ({ tabs, tabMenuSize, }: DropdownProps) => import("react/jsx-runtime").JSX.Element | null;
-export default DropdownTabs;
+import { DropdownProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+import '../@types/Position.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const DropdownTabs: ({ tabs, tabMenuSize, }: DropdownProps) => JSX.Element | null;
+
+export { DropdownTabs as default };