linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-0

package/lib/tabs/context.js

@@ -1,129 +1,68 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabsContext = void 0;
-exports.TabsProvider = TabsProvider;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _tabHelpers = require("./tabHelpers");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TabsContext = exports.TabsContext = /*#__PURE__*/(0, _react.createContext)({});
-function TabsProvider(_ref) {
-  let {
-    children,
-    tabs: tabsProp,
-    container,
-    selectedTab = null,
-    onTabChange,
-    onTabClose,
-    tabsWidth: tabsWidthProp,
-    firstTabIdent = false,
-    keepPanelsInOrder,
-    keepTabOriginalPosition = true
-  } = _ref;
-  const [selectedTabId, setSelectedTabId] = _react.default.useState(selectedTab);
-  const [containerWidth, setContainerWidth] = (0, _react.useState)(() => {
-    return container.current?.clientWidth ?? 0;
-  });
-  const [tabs, setTabs] = (0, _react.useState)((0, _tabHelpers.getTabs)(tabsProp));
-  const menuRef = (0, _react.useRef)(null);
-  const menuSize = (menuRef.current?.clientWidth ?? 0) - 38 - (firstTabIdent ? 15 : 0);
-  const tabsWidth = (0, _react.useMemo)(() => {
-    if (typeof tabsWidthProp === 'string') return tabsWidthProp === 'auto' ? 100 : parseInt(tabsWidthProp) || 100;
-    return tabsWidthProp;
-  }, [tabsWidthProp]);
-  const maxTabs = Math.round(menuSize / tabsWidth);
-  if (selectedTab && selectedTab !== selectedTabId) {
-    setSelectedTabId(selectedTab);
-  }
-  if (tabs.length > 0 && selectedTabId === null) {
-    setSelectedTabId(tabs[0]?.id);
-  }
-  const dropdownTabs = (0, _react.useMemo)(() => {
-    if (menuSize === 0) return [];
-    return tabs.slice(maxTabs);
-  }, [tabs, maxTabs, containerWidth]);
-  const menuTabs = (0, _react.useMemo)(() => {
-    return tabs.slice(0, maxTabs);
-  }, [tabs, maxTabs, containerWidth]);
-  const tabsCount = tabs.length;
-  const updateTabs = (0, _react.useCallback)(tabId => {
-    const tabInDropdownIndex = dropdownTabs.findIndex(tab => tab.id === tabId);
-    if (tabInDropdownIndex !== -1) {
-      const tabIndex = tabs.findIndex(tab => tab.id === tabId);
-      const tabInDropdown = dropdownTabs[tabInDropdownIndex];
-      setTabs(prevState => {
-        prevState.splice(tabIndex, 1);
-        return [tabInDropdown, ...prevState];
-      });
-    }
-  }, [setTabs, menuTabs, tabs, dropdownTabs]);
-  const selectTab = (0, _react.useCallback)(tabId => {
-    if (!keepTabOriginalPosition) updateTabs(tabId);
-    setSelectedTabId(tabId);
-    if (onTabChange) {
-      onTabChange(tabId);
+import { j as G } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import H, { createContext as J, useState as B, useRef as K, useMemo as I, useCallback as x, useEffect as C } from "react";
+import D from "lodash";
+import { getTabs as E } from "./tabHelpers.js";
+const L = J({});
+function X({
+  children: M,
+  tabs: b,
+  container: d,
+  selectedTab: f = null,
+  onTabChange: T,
+  onTabClose: p,
+  tabsWidth: c,
+  firstTabIdent: O = !1,
+  keepTabOriginalPosition: W = !0
+}) {
+  var y, _;
+  const [o, l] = H.useState(f), [w, R] = B(() => {
+    var e;
+    return ((e = d.current) == null ? void 0 : e.clientWidth) ?? 0;
+  }), [t, a] = B(E(b)), v = K(null), h = (((y = v.current) == null ? void 0 : y.clientWidth) ?? 0) - 38 - (O ? 15 : 0), k = I(() => typeof c == "string" ? c === "auto" ? 100 : parseInt(c) || 100 : c, [c]), m = Math.round(h / k);
+  f && f !== o && l(f), t.length > 0 && o === null && l((_ = t[0]) == null ? void 0 : _.id);
+  const u = I(() => h === 0 ? [] : t.slice(m), [t, m, w]), z = I(() => t.slice(0, m), [t, m, w]), q = t.length, S = x((e) => {
+    const n = u.findIndex((r) => r.id === e);
+    if (n !== -1) {
+      const r = t.findIndex((i) => i.id === e), s = u[n];
+      a((i) => (i.splice(r, 1), [s, ...i]));
     }
-  }, [onTabChange, setSelectedTabId, updateTabs]);
-  const removeTab = (0, _react.useCallback)(tabId => {
-    const tabIndex = tabs.findIndex(tab => tab.id === tabId);
-    const newSelectedTab = tabIndex === 0 ? tabs[tabIndex + 1] : tabs[tabIndex - 1];
-    if (selectedTabId === tabId) {
-      selectTab(newSelectedTab.id);
-    }
-    if (tabIndex !== -1) {
-      setTabs(prevState => {
-        prevState.splice(tabIndex, 1);
-        return prevState;
+  }, [a, z, t, u]), g = x((e) => {
+    W || S(e), l(e), T && T(e);
+  }, [T, l, S]), A = x((e) => {
+    const n = t.findIndex((s) => s.id === e), r = n === 0 ? t[n + 1] : t[n - 1];
+    o === e && g(r.id), n !== -1 && a((s) => (s.splice(n, 1), s)), p && p(String(e));
+  }, [p, t, u, o]), j = x((e) => {
+    R(e.width);
+  }, [R]);
+  return C(() => {
+    const e = E(b);
+    if (e !== t) {
+      const n = D.differenceBy(e, t, "id"), r = D.differenceBy(t, e, "id").map((s) => s.id);
+      a((s) => {
+        let i = s;
+        return r && (i = i.filter((F) => !r.includes(F.id))), [...i, ...n];
       });
     }
-    if (onTabClose) {
-      onTabClose(String(tabId));
-    }
-  }, [onTabClose, tabs, dropdownTabs, selectedTabId]);
-  const onResizeContainer = (0, _react.useCallback)(contentRect => {
-    setContainerWidth(contentRect.width);
-  }, [setContainerWidth]);
-  (0, _react.useEffect)(() => {
-    const newTabs = (0, _tabHelpers.getTabs)(tabsProp);
-    if (newTabs !== tabs) {
-      const includedTabs = _lodash.default.differenceBy(newTabs, tabs, 'id');
-      const excludedTabsIds = _lodash.default.differenceBy(tabs, newTabs, 'id').map(tab => tab.id);
-      setTabs(prevState => {
-        let currentTabs = prevState;
-        if (excludedTabsIds) {
-          currentTabs = currentTabs.filter(tab => !excludedTabsIds.includes(tab.id));
-        }
-        return [...currentTabs, ...includedTabs];
-      });
-    }
-  }, [tabsProp]);
-  (0, _react.useEffect)(() => {
-    const resizeObserver = new ResizeObserver(_ref2 => {
-      let [entry] = _ref2;
-      onResizeContainer(entry.contentRect);
+  }, [b]), C(() => {
+    const e = new ResizeObserver(([n]) => {
+      j(n.contentRect);
     });
-    if (container.current) resizeObserver.observe(container.current);
-    return () => {
-      resizeObserver.disconnect();
+    return d.current && e.observe(d.current), () => {
+      e.disconnect();
     };
-  }, [container.current, onResizeContainer]);
-  return /*#__PURE__*/_react.default.createElement(TabsContext.Provider, {
-    value: {
-      tabs,
-      menuTabs,
-      dropdownTabs,
-      containerWidth,
-      tabsCount,
-      selectTab,
-      selectedTabId,
-      removeTab,
-      menuRef,
-      keepPanelsInOrder
-    }
-  }, children);
-}
+  }, [d.current, j]), /* @__PURE__ */ G.jsx(L.Provider, { value: {
+    tabs: t,
+    menuTabs: z,
+    dropdownTabs: u,
+    containerWidth: w,
+    tabsCount: q,
+    selectTab: g,
+    selectedTabId: o,
+    removeTab: A,
+    menuRef: v
+  }, children: M });
+}
+export {
+  L as TabsContext,
+  X as TabsProvider
+};

package/lib/tabs/index.d.ts

@@ -1,12 +1,5 @@
-export { default as TabPanel } from './Panel.js';
-import { ITabsPros } 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 Tabs: ({ toolbar, children, firstTabIdent, handlerTabClick, handlerCloseTab, style, tabMenuSize, tabMenuAlign, tabMenuPosition, customClassForToolBar, tabsWidth, tabsWithError, keepPanelsInOrder, ...props }: ITabsPros) => JSX.Element;
-
-export { Tabs as default };
+import { default as TabPanel } from './Panel';
+import { ITabsPros } from './types';
+declare const Tabs: ({ toolbar, toolBarRef, children, firstTabIdent, handlerTabClick, handlerCloseTab, style, tabMenuSize, tabMenuAlign, tabMenuPosition, customClassForToolBar, tabsWidth, ...props }: ITabsPros) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;
+export { TabPanel };

package/lib/tabs/index.js

@@ -1,76 +1,68 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TabPanel", {
-  enumerable: true,
-  get: function () {
-    return _Panel.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Menu = _interopRequireDefault(require("./Menu"));
-var _Panel = _interopRequireDefault(require("./Panel"));
-var _tabHelpers = require("./tabHelpers");
-require("../assets/styles/tabs.scss");
-var _context = require("./context");
-var _lodash = _interopRequireDefault(require("lodash"));
-const _excluded = ["toolbar", "children", "firstTabIdent", "handlerTabClick", "handlerCloseTab", "style", "tabMenuSize", "tabMenuAlign", "tabMenuPosition", "customClassForToolBar", "tabsWidth", "tabsWithError", "keepPanelsInOrder"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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; }
-const Tabs = _ref => {
-  let {
-      toolbar,
-      children,
-      firstTabIdent,
-      handlerTabClick,
-      handlerCloseTab,
-      style = {},
-      tabMenuSize = 'default',
-      tabMenuAlign = 'left',
-      tabMenuPosition = 'top',
-      customClassForToolBar = '',
-      tabsWidth = 'auto',
-      tabsWithError,
-      keepPanelsInOrder
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const containerRef = (0, _react.useRef)(null);
-  const childrensTabPanels = _react.default.Children.toArray(children).filter(childComp => /*#__PURE__*/_react.default.isValidElement(childComp) && !!childComp.props.id);
-  const childrensInOrder = keepPanelsInOrder ? _lodash.default.sortBy(childrensTabPanels, tabPanel => keepPanelsInOrder.indexOf(tabPanel.props.id)) : children;
-  const content = (0, _react.useMemo)(() => {
-    const menu = /*#__PURE__*/_react.default.createElement(_Menu.default, {
-      tabsWithError: tabsWithError,
-      toolbar: toolbar,
-      tabWidth: tabsWidth,
-      customClassForToolBar: customClassForToolBar,
-      tabMenuSize: tabMenuSize,
-      tabMenuAlign: tabMenuAlign,
-      firstTabIdent: firstTabIdent
-    });
-    if (tabMenuPosition === 'top' || tabMenuPosition === 'left') {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menu, childrensInOrder);
+import { j as r } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useRef as R, useMemo as T, Fragment as n } from "react";
+import b from "./Menu.js";
+import { default as z } from "./Panel.js";
+import { tabsClass as C } from "./tabHelpers.js";
+import "../chunks/tabs.Cvj2MJH6.js";
+import { TabsProvider as g } from "./context.js";
+const q = ({
+  toolbar: f,
+  toolBarRef: h,
+  children: e,
+  firstTabIdent: t,
+  handlerTabClick: l,
+  handlerCloseTab: p,
+  style: u = {},
+  tabMenuSize: c = "default",
+  tabMenuAlign: x = "left",
+  tabMenuPosition: o = "top",
+  customClassForToolBar: j = "",
+  tabsWidth: s = "auto",
+  ...i
+}) => {
+  const a = R(null), d = T(() => {
+    const m = /* @__PURE__ */ r.jsx(
+      b,
+      {
+        toolbar: f,
+        tabWidth: s,
+        customClassForToolBar: j,
+        tabMenuSize: c,
+        tabMenuAlign: x,
+        firstTabIdent: t
+      }
+    );
+    return o === "top" || o === "left" ? /* @__PURE__ */ r.jsxs(n, { children: [
+      m,
+      e
+    ] }) : /* @__PURE__ */ r.jsxs(n, { children: [
+      e,
+      m
+    ] });
+  }, [e, o]);
+  return /* @__PURE__ */ r.jsx(
+    g,
+    {
+      tabs: e,
+      container: a,
+      onTabChange: l,
+      onTabClose: p,
+      tabsWidth: s,
+      firstTabIdent: t,
+      ...i,
+      children: /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          ref: a,
+          className: C(o),
+          style: u,
+          children: d
+        }
+      )
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, childrensInOrder, menu);
-  }, [children, tabMenuPosition]);
-  return /*#__PURE__*/_react.default.createElement(_context.TabsProvider, _extends({
-    tabs: childrensInOrder,
-    container: containerRef,
-    onTabChange: handlerTabClick,
-    onTabClose: handlerCloseTab,
-    tabsWidth: tabsWidth,
-    firstTabIdent: firstTabIdent,
-    keepPanelsInOrder: keepPanelsInOrder
-  }, props), /*#__PURE__*/_react.default.createElement("div", {
-    ref: containerRef,
-    className: (0, _tabHelpers.tabsClass)(tabMenuPosition),
-    style: style
-  }, content));
+  );
+};
+export {
+  z as TabPanel,
+  q as default
 };
-var _default = exports.default = Tabs;

package/lib/tabs/tabHelpers.d.ts

@@ -1,12 +1,9 @@
-import React__default from 'react';
-import { Position } from '../@types/Position.js';
-
-declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
-declare const getTabs: (tabsProp: React__default.ReactNode) => any[];
-declare function tabsClass(tabMenuPosition: Exclude<Position, 'center'>): string;
-declare function menuStyles(tabMenuAlign: Position): {
+import { default as React } from 'react';
+import { Position } from '../@types/Position';
+export declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
+export declare const getTabs: (tabsProp: React.ReactNode) => any[];
+export declare function tabsClass(tabMenuPosition: Exclude<Position, 'center'>): string;
+export declare function menuStyles(tabMenuAlign: Position): {
     justifyContent: string;
 };
-declare const onDeniedOptions: string[];
-
-export { getCurrentThreshold, getTabs, menuStyles, onDeniedOptions, tabsClass };
+export declare const onDeniedOptions: string[];

package/lib/tabs/tabHelpers.js

@@ -1,70 +1,46 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCurrentThreshold = getCurrentThreshold;
-exports.getTabs = void 0;
-exports.menuStyles = menuStyles;
-exports.onDeniedOptions = void 0;
-exports.tabsClass = tabsClass;
-var _react = _interopRequireDefault(require("react"));
-var _permissionValidations = require("../permissionValidations");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
-function getCurrentThreshold(scrollableElement, scrollThreshold) {
-  const MIN_THRESHOLD = 0;
-  const MAX_THRESHOLD = 1;
-  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
-  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
-  const {
-    scrollHeight,
-    clientHeight
-  } = scrollableElement;
-  const offsetHeight = scrollHeight - clientHeight;
-  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
-  const maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
-  return Math.min(calculatedScrollThreshold, maxScrollThreshold);
+import i from "react";
+import { OPTIONS_ON_DENIED as r } from "../permissionValidations.js";
+function h(t, n) {
+  if (n < 0) return 0;
+  if (n > 1) return 1;
+  const { scrollHeight: o, clientHeight: u } = t, s = o - u, c = Math.round(o * n), f = Math.round(s - s * 0.3);
+  return Math.min(c, f);
 }
-const getTabs = tabsProp => {
-  const tabs = _react.default.Children.map(tabsProp, child => {
-    if (!child || ! /*#__PURE__*/_react.default.isValidElement(child)) return null;
-    const _child$props = child.props,
-      props = Object.assign({}, (_objectDestructuringEmpty(_child$props), _child$props));
-    return props;
-  }) || [];
-  return tabs.filter(tab => !tab.hidden);
+const p = (t) => (i.Children.map(t, (e) => {
+  if (!e || !i.isValidElement(e)) return null;
+  const { children: l, ...o } = e.props;
+  return o;
+}) || []).filter((e) => !e.hidden), a = {
+  top: "",
+  left: "menu-left",
+  bottom: "menu-bottom",
+  right: "menu-right"
 };
-
-/**
- * Get the css class according to the options passed to the Tabs Component
- */
-exports.getTabs = getTabs;
-const positionsMenuClass = {
-  top: '',
-  left: 'menu-left',
-  bottom: 'menu-bottom',
-  right: 'menu-right'
-};
-function tabsClass(tabMenuPosition) {
-  let cssClass = 'tabs-component ';
-  cssClass += positionsMenuClass[tabMenuPosition];
-  return cssClass;
+function b(t) {
+  let n = "tabs-component ";
+  return n += a[t], n;
 }
-
-/**
- * Menu Styles for tab menus
- */
-const flextJustifyContent = {
-  left: 'flex-start',
-  top: 'flex-start',
-  right: 'flex-end',
-  bottom: 'flex-end',
-  center: 'center'
+const m = {
+  left: "flex-start",
+  top: "flex-start",
+  right: "flex-end",
+  bottom: "flex-end",
+  center: "center"
 };
-function menuStyles(tabMenuAlign) {
+function M(t) {
   return {
-    justifyContent: flextJustifyContent[tabMenuAlign]
+    justifyContent: m[t]
   };
 }
-const onDeniedOptions = exports.onDeniedOptions = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+const O = [
+  r.disabled,
+  r.unvisible,
+  r.hideContent
+];
+export {
+  h as getCurrentThreshold,
+  p as getTabs,
+  M as menuStyles,
+  O as onDeniedOptions,
+  b as tabsClass
+};

package/lib/tabs/types.d.ts

@@ -1,11 +1,9 @@
-import { RefObject, CSSProperties, ReactElement, ReactNode } from 'react';
-import { Size } from '../@types/Size.js';
-import { Position } from '../@types/Position.js';
-import { PermissionAttr } from '../@types/PermissionAttr.js';
-import { IconNames } from '../@types/Icon.js';
-import '../icons/helper.js';
-
-type TabsContextType = {
+import { CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
+import { Size } from '../@types/Size';
+import { Position } from '../@types/Position';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { IconNames } from '../@types/Icon';
+export type TabsContextType = {
     tabs: TabProps[];
     menuTabs: TabProps[];
     dropdownTabs: TabProps[];
@@ -15,9 +13,8 @@ type TabsContextType = {
     containerWidth: number;
     tabsCount: number;
     menuRef: RefObject<HTMLUListElement>;
-    keepPanelsInOrder?: Array<string | number>;
 };
-interface TabsProviderProps {
+export interface TabsProviderProps {
     children: React.ReactNode;
     tabs: React.ReactNode;
     container: RefObject<HTMLDivElement>;
@@ -26,10 +23,9 @@ interface TabsProviderProps {
     onTabChange?: (tabId: string | number) => void;
     onTabClose?: (tabId: string) => void;
     firstTabIdent?: boolean;
-    keepPanelsInOrder?: Array<string | number>;
     keepTabOriginalPosition?: boolean;
 }
-interface ITabsPros {
+export interface ITabsPros {
     style?: CSSProperties;
     toolbar?: ReactElement;
     toolBarRef?: (value: HTMLDivElement | null) => void;
@@ -43,14 +39,12 @@ interface ITabsPros {
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
     tabsWidth?: string | number;
-    tabsWithError?: Array<string | number>;
-    keepPanelsInOrder?: Array<string | number>;
     keepTabOriginalPosition?: boolean;
 }
-interface TabProps {
+export interface TabProps {
     id: string | number;
     title: string;
-    iconAlign?: Extract<Position, 'left' | 'center'>;
+    iconAlign?: Extract<Position, 'left' | 'right'>;
     iconName?: IconNames;
     icon?: ReactElement;
     disabled?: boolean;
@@ -63,10 +57,9 @@ interface TabProps {
     tooltipWidth?: string | number;
     closeable?: boolean;
     tabsLength?: number;
-    tabsWithError?: Array<string | number>;
 }
-interface MenuProps {
-    toolbar?: ReactElement;
+export interface MenuProps {
+    toolbar?: ReactElement<any>;
     customClass?: string;
     customClassForToolBar?: string;
     tabWidth?: string | number;
@@ -77,11 +70,10 @@ interface MenuProps {
     tabMenuSize?: Size;
     handlerClick?: (id?: string) => void;
     handlerRemovePanel?: (id?: string, idx?: number, bool?: boolean) => void;
-    tabsWithError?: Array<string | number>;
 }
-interface DropdownProps extends MenuProps {
+export interface DropdownProps extends MenuProps {
 }
-interface PanelProps {
+export interface PanelProps {
     id?: string;
     icon?: ReactElement;
     title?: string;
@@ -101,5 +93,3 @@ interface PanelProps {
     onEndReachedThreshold?: number;
     style?: CSSProperties;
 }
-
-export { DropdownProps, ITabsPros, MenuProps, PanelProps, TabProps, TabsContextType, TabsProviderProps };

package/lib/tabs/useTabs.d.ts

@@ -1,11 +1 @@
-import { TabsContextType } 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 function useTabs(): TabsContextType;
-
-export { useTabs };
+export declare function useTabs(): import('./types').TabsContextType;

package/lib/tabs/useTabs.js

@@ -1,11 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTabs = useTabs;
-var _react = require("react");
-var _context = require("./context");
-function useTabs() {
-  return (0, _react.useContext)(_context.TabsContext);
-}
+import { useContext as t } from "react";
+import { TabsContext as o } from "./context.js";
+function n() {
+  return t(o);
+}
+export {
+  n as useTabs
+};

package/lib/textContent/index.d.ts

@@ -1,9 +1,6 @@
-import React__default, { MutableRefObject } from 'react';
-import { WithTooltipProps } from '../internals/types.js';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
-
-interface TextContentProps extends React__default.HTMLAttributes<HTMLElement>, WithTooltipProps {
+import { default as React, MutableRefObject } from 'react';
+import { WithTooltipProps } from '../internals/types';
+interface TextContentProps extends React.HTMLAttributes<HTMLElement>, WithTooltipProps {
     as?: 'span' | 'strong' | 'p';
     label?: string | string[];
     styleForLabel?: object;
@@ -12,11 +9,10 @@ interface TextContentProps extends React__default.HTMLAttributes<HTMLElement>, W
     disabled?: boolean;
     targetRef?: (ref: HTMLSpanElement | null) => void;
     labelRef?: MutableRefObject<HTMLSpanElement | null>;
-    onHoverLabel?: (e: React__default.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    onHoverLabel?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
 }
 declare const _default: {
-    (props: TextContentProps & React__default.RefAttributes<HTMLElement>): JSX.Element;
+    (props: TextContentProps & React.RefAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-
-export { _default as default };
+export default _default;