linear-react-components-ui 1.1.26-beta.14 → 1.1.26-beta.16

package/lib/tabs/context.js

@@ -1,5 +1,5 @@
-import { jsx as F } from "react/jsx-runtime";
-import G, { createContext as H, useState as B, useRef as J, useMemo as p, useCallback as b, useEffect as C } from "react";
+import { jsx as G } from "react/jsx-runtime";
+import { createContext as H, useState as p, useRef as J, useMemo as v, useCallback as b, useEffect as C } from "react";
 import D from "../_virtual/lodash.js";
 import { getTabs as M } from "./tabHelpers.js";
 const K = H({});
@@ -12,22 +12,23 @@ function V({
   onTabClose: w,
   tabsWidth: c,
   firstTabIdent: W = !1,
-  keepTabOriginalPosition: j = !0
+  keepPanelsInOrder: j,
+  keepTabOriginalPosition: k = !0
 }) {
-  const [o, l] = G.useState(f), [I, R] = B(() => d.current?.clientWidth ?? 0), [n, a] = B(M(x)), v = J(null), h = (v.current?.clientWidth ?? 0) - 38 - (W ? 15 : 0), k = p(() => typeof c == "string" ? c === "auto" ? 100 : parseInt(c) || 100 : c, [c]), m = Math.round(h / k);
+  const [o, l] = p(f), [I, R] = p(() => d.current?.clientWidth ?? 0), [n, a] = p(M(x)), h = J(null), z = (h.current?.clientWidth ?? 0) - 38 - (W ? 15 : 0), E = v(() => typeof c == "string" ? c === "auto" ? 100 : parseInt(c) || 100 : c, [c]), m = Math.round(z / E);
   f && f !== o && l(f), n.length > 0 && o === null && l(n[0]?.id);
-  const u = p(() => h === 0 ? [] : n.slice(m), [n, m, I]), z = p(() => n.slice(0, m), [n, m, I]), E = n.length, S = b((e) => {
+  const u = v(() => z === 0 ? [] : n.slice(m), [n, m, I]), g = v(() => n.slice(0, m), [n, m, I]), q = n.length, y = b((e) => {
     const t = u.findIndex((s) => s.id === e);
     if (t !== -1) {
       const s = n.findIndex((i) => i.id === e), r = u[t];
       a((i) => (i.splice(s, 1), [r, ...i]));
     }
-  }, [a, z, n, u]), g = b((e) => {
-    j || S(e), l(e), T && T(e);
-  }, [T, l, S]), q = b((e) => {
+  }, [a, g, n, u]), S = b((e) => {
+    k || y(e), l(e), T && T(e);
+  }, [T, l, y]), A = b((e) => {
     const t = n.findIndex((r) => r.id === e), s = t === 0 ? n[t + 1] : n[t - 1];
-    o === e && g(s.id), t !== -1 && a((r) => (r.splice(t, 1), r)), w && w(String(e));
-  }, [w, n, u, o]), y = b((e) => {
+    o === e && S(s.id), t !== -1 && a((r) => (r.splice(t, 1), r)), w && w(String(e));
+  }, [w, n, u, o]), B = b((e) => {
     R(e.width);
   }, [R]);
   return C(() => {
@@ -36,26 +37,27 @@ function V({
       const t = D.differenceBy(e, n, "id"), s = D.differenceBy(n, e, "id").map((r) => r.id);
       a((r) => {
         let i = r;
-        return s && (i = i.filter((A) => !s.includes(A.id))), [...i, ...t];
+        return s && (i = i.filter((F) => !s.includes(F.id))), [...i, ...t];
       });
     }
   }, [x]), C(() => {
     const e = new ResizeObserver(([t]) => {
-      y(t.contentRect);
+      B(t.contentRect);
     });
     return d.current && e.observe(d.current), () => {
       e.disconnect();
     };
-  }, [d.current, y]), /* @__PURE__ */ F(K.Provider, { value: {
+  }, [d.current, B]), /* @__PURE__ */ G(K.Provider, { value: {
     tabs: n,
-    menuTabs: z,
+    menuTabs: g,
     dropdownTabs: u,
     containerWidth: I,
-    tabsCount: E,
-    selectTab: g,
+    tabsCount: q,
+    selectTab: S,
     selectedTabId: o,
-    removeTab: q,
-    menuRef: v
+    removeTab: A,
+    menuRef: h,
+    keepPanelsInOrder: j
   }, children: O });
 }
 export {

package/lib/tabs/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/lib/tabs/context.tsx"],"sourcesContent":["import React, { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport _ from 'lodash';\nimport { TabProps, TabsContextType, TabsProviderProps } from './types';\nimport { getTabs } from './tabHelpers';\n\nexport const TabsContext = createContext({} as TabsContextType);\n\nexport function TabsProvider({\n  children,\n  tabs: tabsProp,\n  container,\n  selectedTab = null,\n  onTabChange,\n  onTabClose,\n  tabsWidth: tabsWidthProp,\n  firstTabIdent = false,\n  keepTabOriginalPosition = true,\n}: TabsProviderProps) {\n  const [selectedTabId, setSelectedTabId] = React.useState<string | number | null>(selectedTab);\n  const [containerWidth, setContainerWidth] = useState(() => {\n    return container.current?.clientWidth ?? 0;\n  });\n  const [tabs, setTabs] = useState<TabProps[]>(getTabs(tabsProp));\n  const menuRef = useRef<any>(null);\n  const menuSize = (menuRef.current?.clientWidth ?? 0) - 38 - (firstTabIdent ? 15 : 0);\n  const tabsWidth = useMemo(() => {\n    if (typeof tabsWidthProp === 'string')\n      return tabsWidthProp === 'auto' ? 100 : (parseInt(tabsWidthProp) || 100);\n\n    return tabsWidthProp;\n  }, [tabsWidthProp]);\n  const maxTabs = Math.round(menuSize / tabsWidth);\n\n  if (selectedTab && selectedTab !== selectedTabId) {\n    setSelectedTabId(selectedTab);\n  }\n\n  if (tabs.length > 0 && selectedTabId === null) {\n    setSelectedTabId(tabs[0]?.id);\n  }\n\n  const dropdownTabs = useMemo(() => {\n    if (menuSize === 0) return [];\n    return tabs.slice(maxTabs);\n  }, [tabs, maxTabs, containerWidth]);\n\n  const menuTabs = useMemo(() => {\n    return tabs.slice(0, maxTabs);\n  }, [tabs, maxTabs, containerWidth]);\n\n  const tabsCount = tabs.length;\n\n  const updateTabs = useCallback((tabId: string | number) => {\n    const tabInDropdownIndex = dropdownTabs.findIndex(tab => tab.id === tabId);\n\n    if (tabInDropdownIndex !== -1) {\n      const tabIndex = tabs.findIndex(tab => tab.id === tabId);\n      const tabInDropdown = dropdownTabs[tabInDropdownIndex];\n\n      setTabs((prevState) => {\n        prevState.splice(tabIndex, 1);\n        return [tabInDropdown, ...prevState];\n      });\n    }\n  }, [setTabs, menuTabs, tabs, dropdownTabs]);\n\n  const selectTab = useCallback((tabId:  string | number) => {\n    if (!keepTabOriginalPosition) updateTabs(tabId);\n    setSelectedTabId(tabId);\n\n    if (onTabChange) {\n      onTabChange(tabId);\n    }\n  }, [onTabChange, setSelectedTabId, updateTabs]);\n\n  const removeTab = useCallback((tabId: string | number) => {\n    const tabIndex = tabs.findIndex(tab => tab.id === tabId);\n    const newSelectedTab = tabIndex === 0 ? tabs[tabIndex + 1] : tabs[tabIndex - 1];\n\n    if (selectedTabId === tabId) {\n      selectTab(newSelectedTab.id);\n    }\n\n    if (tabIndex !== -1) {\n      setTabs((prevState) => {\n        prevState.splice(tabIndex, 1);\n        return prevState;\n      });\n    }\n    if (onTabClose) {\n      onTabClose(String(tabId));\n    }\n  }, [onTabClose, tabs, dropdownTabs, selectedTabId]);\n\n  const onResizeContainer = useCallback((contentRect: DOMRectReadOnly) => {\n    setContainerWidth(contentRect.width);\n  }, [setContainerWidth]);\n\n  useEffect(() => {\n    const newTabs = getTabs(tabsProp);\n\n    if (newTabs !== tabs) {\n      const includedTabs = _.differenceBy(newTabs, tabs, 'id');\n      const excludedTabsIds = _.differenceBy(tabs, newTabs, 'id').map(tab => tab.id);\n\n      setTabs((prevState) => {\n        let currentTabs = prevState;\n        if (excludedTabsIds) {\n          currentTabs = currentTabs.filter(tab => !excludedTabsIds.includes(tab.id));\n        }\n\n        return [...currentTabs, ...includedTabs];\n      });\n    }\n  }, [tabsProp]);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(([entry]) => {\n      onResizeContainer(entry.contentRect);\n    });\n\n    if (container.current) resizeObserver.observe(container.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [container.current, onResizeContainer]);\n\n  return (\n    <TabsContext.Provider value={{\n      tabs, menuTabs, dropdownTabs, containerWidth, tabsCount, selectTab, selectedTabId, removeTab, \n      menuRef,\n    } satisfies TabsContextType}>\n      {children}\n    </TabsContext.Provider>\n  );\n}\n"],"names":["TabsContext","createContext","TabsProvider","children","tabs","tabsProp","container","selectedTab","onTabChange","onTabClose","tabsWidth","tabsWidthProp","firstTabIdent","keepTabOriginalPosition","selectedTabId","setSelectedTabId","React","useState","containerWidth","setContainerWidth","current","clientWidth","setTabs","getTabs","menuRef","useRef","menuSize","useMemo","parseInt","maxTabs","Math","round","length","id","dropdownTabs","slice","menuTabs","tabsCount","updateTabs","useCallback","tabId","tabInDropdownIndex","findIndex","tab","tabIndex","tabInDropdown","prevState","splice","selectTab","removeTab","newSelectedTab","String","onResizeContainer","contentRect","width","useEffect","newTabs","includedTabs","_","differenceBy","excludedTabsIds","map","currentTabs","filter","includes","resizeObserver","ResizeObserver","entry","observe","disconnect","jsx"],"mappings":"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"}
+{"version":3,"file":"context.js","sources":["../../src/lib/tabs/context.tsx"],"sourcesContent":["import { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport _ from 'lodash';\nimport { TabProps, TabsContextType, TabsProviderProps } from './types';\nimport { getTabs } from './tabHelpers';\n\nexport const TabsContext = createContext({} as TabsContextType);\n\nexport function TabsProvider({\n  children,\n  tabs: tabsProp,\n  container,\n  selectedTab = null,\n  onTabChange,\n  onTabClose,\n  tabsWidth: tabsWidthProp,\n  firstTabIdent = false,\n  keepPanelsInOrder,\n  keepTabOriginalPosition = true,\n}: TabsProviderProps) {\n  const [selectedTabId, setSelectedTabId] = useState<string | number | null>(selectedTab);\n  const [containerWidth, setContainerWidth] = useState(() => {\n    return container.current?.clientWidth ?? 0;\n  });\n  const [tabs, setTabs] = useState<TabProps[]>(getTabs(tabsProp));\n  const menuRef = useRef<any>(null);\n  const menuSize = (menuRef.current?.clientWidth ?? 0) - 38 - (firstTabIdent ? 15 : 0);\n  const tabsWidth = useMemo(() => {\n    if (typeof tabsWidthProp === 'string')\n      return tabsWidthProp === 'auto' ? 100 : (parseInt(tabsWidthProp) || 100);\n\n    return tabsWidthProp;\n  }, [tabsWidthProp]);\n  const maxTabs = Math.round(menuSize / tabsWidth);\n\n  if (selectedTab && selectedTab !== selectedTabId) {\n    setSelectedTabId(selectedTab);\n  }\n\n  if (tabs.length > 0 && selectedTabId === null) {\n    setSelectedTabId(tabs[0]?.id);\n  }\n\n  const dropdownTabs = useMemo(() => {\n    if (menuSize === 0) return [];\n    return tabs.slice(maxTabs);\n  }, [tabs, maxTabs, containerWidth]);\n\n  const menuTabs = useMemo(() => {\n    return tabs.slice(0, maxTabs);\n  }, [tabs, maxTabs, containerWidth]);\n\n  const tabsCount = tabs.length;\n\n  const updateTabs = useCallback((tabId: string | number) => {\n    const tabInDropdownIndex = dropdownTabs.findIndex(tab => tab.id === tabId);\n\n    if (tabInDropdownIndex !== -1) {\n      const tabIndex = tabs.findIndex(tab => tab.id === tabId);\n      const tabInDropdown = dropdownTabs[tabInDropdownIndex];\n\n      setTabs((prevState) => {\n        prevState.splice(tabIndex, 1);\n        return [tabInDropdown, ...prevState];\n      });\n    }\n  }, [setTabs, menuTabs, tabs, dropdownTabs]);\n\n  const selectTab = useCallback((tabId:  string | number) => {\n    if (!keepTabOriginalPosition) updateTabs(tabId);\n    setSelectedTabId(tabId);\n\n    if (onTabChange) {\n      onTabChange(tabId);\n    }\n  }, [onTabChange, setSelectedTabId, updateTabs]);\n\n  const removeTab = useCallback((tabId: string | number) => {\n    const tabIndex = tabs.findIndex(tab => tab.id === tabId);\n    const newSelectedTab = tabIndex === 0 ? tabs[tabIndex + 1] : tabs[tabIndex - 1];\n\n    if (selectedTabId === tabId) {\n      selectTab(newSelectedTab.id);\n    }\n\n    if (tabIndex !== -1) {\n      setTabs((prevState) => {\n        prevState.splice(tabIndex, 1);\n        return prevState;\n      });\n    }\n    if (onTabClose) {\n      onTabClose(String(tabId));\n    }\n  }, [onTabClose, tabs, dropdownTabs, selectedTabId]);\n\n  const onResizeContainer = useCallback((contentRect: DOMRectReadOnly) => {\n    setContainerWidth(contentRect.width);\n  }, [setContainerWidth]);\n\n  useEffect(() => {\n    const newTabs = getTabs(tabsProp);\n\n    if (newTabs !== tabs) {\n      const includedTabs = _.differenceBy(newTabs, tabs, 'id');\n      const excludedTabsIds = _.differenceBy(tabs, newTabs, 'id').map(tab => tab.id);\n\n      setTabs((prevState) => {\n        let currentTabs = prevState;\n        if (excludedTabsIds) {\n          currentTabs = currentTabs.filter(tab => !excludedTabsIds.includes(tab.id));\n        }\n\n        return [...currentTabs, ...includedTabs];\n      });\n    }\n  }, [tabsProp]);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(([entry]) => {\n      onResizeContainer(entry.contentRect);\n    });\n\n    if (container.current) resizeObserver.observe(container.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [container.current, onResizeContainer]);\n\n  return (\n    <TabsContext.Provider value={{\n      tabs, menuTabs, dropdownTabs, containerWidth, tabsCount, selectTab, selectedTabId, removeTab, \n      menuRef, keepPanelsInOrder,\n    } satisfies TabsContextType}>\n      {children}\n    </TabsContext.Provider>\n  );\n}\n"],"names":["TabsContext","createContext","TabsProvider","children","tabs","tabsProp","container","selectedTab","onTabChange","onTabClose","tabsWidth","tabsWidthProp","firstTabIdent","keepPanelsInOrder","keepTabOriginalPosition","selectedTabId","setSelectedTabId","useState","containerWidth","setContainerWidth","current","clientWidth","setTabs","getTabs","menuRef","useRef","menuSize","useMemo","parseInt","maxTabs","Math","round","length","id","dropdownTabs","slice","menuTabs","tabsCount","updateTabs","useCallback","tabId","tabInDropdownIndex","findIndex","tab","tabIndex","tabInDropdown","prevState","splice","selectTab","removeTab","newSelectedTab","String","onResizeContainer","contentRect","width","useEffect","newTabs","includedTabs","_","differenceBy","excludedTabsIds","map","currentTabs","filter","includes","resizeObserver","ResizeObserver","entry","observe","disconnect","jsx"],"mappings":"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"}

package/lib/tabs/index.d.ts

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

package/lib/tabs/index.js

@@ -1,74 +1,84 @@
-import { jsx as P, jsxs as W } from "react/jsx-runtime";
-import { c as G } from "react/compiler-runtime";
-import { useRef as H, Fragment as j } from "react";
-import J from "./Menu.js";
-import { default as st } from "./Panel.js";
-import { tabsClass as K } from "./tabHelpers.js";
-import '../styles/assets/styles/tabs.css';/* empty css                         */
-import { TabsProvider as L } from "./context.js";
-const O = ({
-  children: i,
+import { jsx as F, jsxs as O } from "react/jsx-runtime";
+import { c as z } from "../_virtual/compiler-runtime.js";
+import '../assets/styles/tabs.css';/* empty css                         */
+import { useRef as S, Children as _, isValidElement as N, Fragment as R } from "react";
+import V from "../_virtual/lodash.js";
+import $ from "./Menu.js";
+import { default as ot } from "./Panel.js";
+import { tabsClass as q } from "./tabHelpers.js";
+import { TabsProvider as w } from "./context.js";
+const D = ({
+  children: l,
   tabMenuPosition: t,
   toolbar: e,
-  tabsWidth: o,
-  customClassForToolBar: s,
-  tabMenuSize: n,
-  tabMenuAlign: r,
-  firstTabIdent: l
+  tabsWidth: r,
+  customClassForToolBar: n,
+  tabMenuSize: i,
+  tabMenuAlign: o,
+  firstTabIdent: a,
+  tabsWithError: s
 }) => {
-  const a = /* @__PURE__ */ P(J, { toolbar: e, tabWidth: o, customClassForToolBar: s, tabMenuSize: n, tabMenuAlign: r, firstTabIdent: l });
-  return t === "top" || t === "left" ? /* @__PURE__ */ W(j, { children: [
-    a,
-    i
-  ] }) : /* @__PURE__ */ W(j, { children: [
-    i,
-    a
+  const c = /* @__PURE__ */ F($, { tabsWithError: s, toolbar: e, tabWidth: r, customClassForToolBar: n, tabMenuSize: i, tabMenuAlign: o, firstTabIdent: a });
+  return t === "top" || t === "left" ? /* @__PURE__ */ O(R, { children: [
+    c,
+    l
+  ] }) : /* @__PURE__ */ O(R, { children: [
+    l,
+    c
   ] });
-}, et = (i) => {
-  const t = G(38);
-  let e, o, s, n, r, l, a, h, p, T, C, c;
-  if (t[0] !== i) {
-    const {
-      toolbar: k,
-      toolBarRef: Q,
-      children: y,
-      firstTabIdent: z,
-      handlerTabClick: A,
-      handlerCloseTab: I,
-      style: S,
-      tabMenuSize: N,
-      tabMenuAlign: $,
-      tabMenuPosition: q,
-      customClassForToolBar: w,
-      tabsWidth: D,
-      ...E
-    } = i;
-    c = k, e = y, o = z, n = A, s = I, l = S, a = N, h = $, p = q, T = w, C = D, r = E, t[0] = i, t[1] = e, t[2] = o, t[3] = s, t[4] = n, t[5] = r, t[6] = l, t[7] = a, t[8] = h, t[9] = p, t[10] = T, t[11] = C, t[12] = c;
+}, Z = (l) => {
+  const t = z.c(45);
+  let e, r, n, i, o, a, s, c, T, v, C, P, d, f;
+  t[0] !== l ? ({
+    toolbar: f,
+    children: e,
+    firstTabIdent: r,
+    handlerTabClick: i,
+    handlerCloseTab: n,
+    style: s,
+    tabMenuSize: c,
+    tabMenuAlign: T,
+    tabMenuPosition: v,
+    customClassForToolBar: C,
+    tabsWidth: P,
+    tabsWithError: d,
+    keepPanelsInOrder: o,
+    ...a
+  } = l, t[0] = l, t[1] = e, t[2] = r, t[3] = n, t[4] = i, t[5] = o, t[6] = a, t[7] = s, t[8] = c, t[9] = T, t[10] = v, t[11] = C, t[12] = P, t[13] = d, t[14] = f) : (e = t[1], r = t[2], n = t[3], i = t[4], o = t[5], a = t[6], s = t[7], c = t[8], T = t[9], v = t[10], C = t[11], P = t[12], d = t[13], f = t[14]);
+  let x;
+  t[15] !== s ? (x = s === void 0 ? {} : s, t[15] = s, t[16] = x) : x = t[16];
+  const y = x, W = c === void 0 ? "default" : c, A = T === void 0 ? "left" : T, m = v === void 0 ? "top" : v, B = C === void 0 ? "" : C, p = P === void 0 ? "auto" : P, I = S(null);
+  let M;
+  if (t[17] !== e || t[18] !== o) {
+    const j = _.toArray(e).filter(G);
+    M = o ? V.sortBy(j, (k) => o.indexOf(k.props.id)) : e, t[17] = e, t[18] = o, t[19] = M;
   } else
-    e = t[1], o = t[2], s = t[3], n = t[4], r = t[5], l = t[6], a = t[7], h = t[8], p = t[9], T = t[10], C = t[11], c = t[12];
-  let v;
-  t[13] !== l ? (v = l === void 0 ? {} : l, t[13] = l, t[14] = v) : v = t[14];
-  const g = v, x = a === void 0 ? "default" : a, B = h === void 0 ? "left" : h, d = p === void 0 ? "top" : p, F = T === void 0 ? "" : T, f = C === void 0 ? "auto" : C, R = H(null);
+    M = t[19];
+  const E = M;
+  let u;
+  t[20] !== m ? (u = q(m), t[20] = m, t[21] = u) : u = t[21];
   let b;
-  t[15] !== d ? (b = K(d), t[15] = d, t[16] = b) : b = t[16];
-  let m;
-  t[17] !== e || t[18] !== F || t[19] !== o || t[20] !== B || t[21] !== d || t[22] !== x || t[23] !== f || t[24] !== c ? (m = O({
+  t[22] !== e || t[23] !== B || t[24] !== r || t[25] !== A || t[26] !== m || t[27] !== W || t[28] !== p || t[29] !== d || t[30] !== f ? (b = D({
     children: e,
-    tabMenuPosition: d,
-    toolbar: c,
-    tabsWidth: f,
-    customClassForToolBar: F,
-    tabMenuSize: x,
-    tabMenuAlign: B,
-    firstTabIdent: o
-  }), t[17] = e, t[18] = F, t[19] = o, t[20] = B, t[21] = d, t[22] = x, t[23] = f, t[24] = c, t[25] = m) : m = t[25];
-  let u;
-  t[26] !== g || t[27] !== b || t[28] !== m ? (u = /* @__PURE__ */ P("div", { ref: R, className: b, style: g, children: m }), t[26] = g, t[27] = b, t[28] = m, t[29] = u) : u = t[29];
-  let M;
-  return t[30] !== e || t[31] !== o || t[32] !== s || t[33] !== n || t[34] !== r || t[35] !== u || t[36] !== f ? (M = /* @__PURE__ */ P(L, { tabs: e, container: R, onTabChange: n, onTabClose: s, tabsWidth: f, firstTabIdent: o, ...r, children: u }), t[30] = e, t[31] = o, t[32] = s, t[33] = n, t[34] = r, t[35] = u, t[36] = f, t[37] = M) : M = t[37], M;
+    tabMenuPosition: m,
+    toolbar: f,
+    tabsWidth: p,
+    customClassForToolBar: B,
+    tabMenuSize: W,
+    tabMenuAlign: A,
+    firstTabIdent: r,
+    tabsWithError: d
+  }), t[22] = e, t[23] = B, t[24] = r, t[25] = A, t[26] = m, t[27] = W, t[28] = p, t[29] = d, t[30] = f, t[31] = b) : b = t[31];
+  let h;
+  t[32] !== y || t[33] !== b || t[34] !== u ? (h = /* @__PURE__ */ F("div", { ref: I, className: u, style: y, children: b }), t[32] = y, t[33] = b, t[34] = u, t[35] = h) : h = t[35];
+  let g;
+  return t[36] !== E || t[37] !== r || t[38] !== n || t[39] !== i || t[40] !== o || t[41] !== a || t[42] !== h || t[43] !== p ? (g = /* @__PURE__ */ F(w, { tabs: E, container: I, onTabChange: i, onTabClose: n, tabsWidth: p, firstTabIdent: r, keepPanelsInOrder: o, ...a, children: h }), t[36] = E, t[37] = r, t[38] = n, t[39] = i, t[40] = o, t[41] = a, t[42] = h, t[43] = p, t[44] = g) : g = t[44], g;
 };
+function G(l) {
+  return N(l) ? !!l.props.id : !1;
+}
 export {
-  st as TabPanel,
-  et as default
+  ot as TabPanel,
+  Z as default
 };
 //# sourceMappingURL=index.js.map

package/lib/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/lib/tabs/index.tsx"],"sourcesContent":["import { Fragment, useRef } from 'react';\nimport Menu from './Menu';\nimport TabPanel from './Panel';\nimport { tabsClass } from './tabHelpers';\nimport '../assets/styles/tabs.scss';\nimport { ITabsPros } from './types';\nimport { TabsProvider } from './context';\n\nconst getContent = ({ \n  children, tabMenuPosition, toolbar, tabsWidth, customClassForToolBar, tabMenuSize,\n  tabMenuAlign, firstTabIdent,\n}: ITabsPros) => {\n  const menu = (\n    <Menu \n      toolbar={toolbar} \n      tabWidth={tabsWidth}\n      customClassForToolBar={customClassForToolBar}\n      tabMenuSize={tabMenuSize}\n      tabMenuAlign={tabMenuAlign}\n      firstTabIdent={firstTabIdent} />\n  );\n    \n  if (tabMenuPosition === 'top' || tabMenuPosition === 'left') {\n    return (\n      <Fragment>\n        {menu}\n        {children}\n      </Fragment>\n    );\n  }\n\n  return (\n    <Fragment>\n      {children}\n      {menu}\n    </Fragment>\n  );\n};\n\nconst Tabs = ({\n  toolbar,\n  toolBarRef,\n  children,\n  firstTabIdent,\n  handlerTabClick,\n  handlerCloseTab,\n  style = {},\n  tabMenuSize = 'default',\n  tabMenuAlign = 'left',\n  tabMenuPosition = 'top',\n  customClassForToolBar = '',\n  tabsWidth = 'auto',\n  ...props\n}: ITabsPros) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <TabsProvider \n      tabs={children} \n      container={containerRef as any}\n      onTabChange={handlerTabClick}\n      onTabClose={handlerCloseTab}\n      tabsWidth={tabsWidth}\n      firstTabIdent={firstTabIdent}\n      {...props}>\n      <div\n        ref={containerRef}\n        className={tabsClass(tabMenuPosition)}\n        style={style}>\n        {getContent({ \n          children, tabMenuPosition, toolbar, tabsWidth, customClassForToolBar, tabMenuSize,\n          tabMenuAlign, firstTabIdent, \n        })}\n      </div>\n    </TabsProvider>\n  );\n};\n\nexport default Tabs;\nexport { TabPanel };\n"],"names":["getContent","children","tabMenuPosition","toolbar","tabsWidth","customClassForToolBar","tabMenuSize","tabMenuAlign","firstTabIdent","menu","Menu","Fragment","Tabs","t0","$","_c","handlerCloseTab","handlerTabClick","props","t1","t2","t3","t4","t5","t6","t7","toolBarRef","t8","t9","t10","t11","style","t12","t13","t14","t15","t16","t17","t18","undefined","containerRef","useRef","tabsClass","TabsProvider"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/lib/tabs/index.tsx"],"sourcesContent":["import '../assets/styles/tabs.scss';\n\nimport { Children, Fragment, isValidElement, useRef, type ReactElement } from 'react';\nimport _ from 'lodash';\nimport Menu from './Menu';\nimport TabPanel from './Panel';\nimport { tabsClass } from './tabHelpers';\nimport { ITabsPros, type TabProps } from './types';\nimport { TabsProvider } from './context';\n\nconst getContent = ({ \n  children, tabMenuPosition, toolbar, tabsWidth, customClassForToolBar, tabMenuSize,\n  tabMenuAlign, firstTabIdent, tabsWithError,\n}: ITabsPros) => {\n  const menu = (\n    <Menu\n      tabsWithError={tabsWithError}\n      toolbar={toolbar} \n      tabWidth={tabsWidth}\n      customClassForToolBar={customClassForToolBar}\n      tabMenuSize={tabMenuSize}\n      tabMenuAlign={tabMenuAlign}\n      firstTabIdent={firstTabIdent} />\n  );\n    \n  if (tabMenuPosition === 'top' || tabMenuPosition === 'left') {\n    return (\n      <Fragment>\n        {menu}\n        {children}\n      </Fragment>\n    );\n  }\n\n  return (\n    <Fragment>\n      {children}\n      {menu}\n    </Fragment>\n  );\n};\n\nconst Tabs = ({\n  toolbar,\n  children,\n  firstTabIdent,\n  handlerTabClick,\n  handlerCloseTab,\n  style = {},\n  tabMenuSize = 'default',\n  tabMenuAlign = 'left',\n  tabMenuPosition = 'top',\n  customClassForToolBar = '',\n  tabsWidth = 'auto',\n  tabsWithError,\n  keepPanelsInOrder,\n  ...props\n}: ITabsPros) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const childrensTabPanels = Children.toArray(children)\n    .filter((childComp): childComp is ReactElement<TabProps> => {\n      if (isValidElement(childComp)) {\n        const childProps = childComp.props as TabProps;\n        return !!childProps.id;\n      }\n      return false;\n    });\n\n  const childrensInOrder = keepPanelsInOrder ?\n      _.sortBy(childrensTabPanels, tabPanel => keepPanelsInOrder.indexOf(tabPanel.props.id))\n    : children;\n\n  return (\n    <TabsProvider\n      tabs={childrensInOrder}\n      container={containerRef as any}\n      onTabChange={handlerTabClick}\n      onTabClose={handlerCloseTab}\n      tabsWidth={tabsWidth}\n      firstTabIdent={firstTabIdent}\n      keepPanelsInOrder={keepPanelsInOrder}\n      {...props}>\n      <div\n        ref={containerRef}\n        className={tabsClass(tabMenuPosition)}\n        style={style}>\n        {getContent({ \n          children, tabMenuPosition, toolbar, tabsWidth, customClassForToolBar, tabMenuSize,\n          tabMenuAlign, firstTabIdent, tabsWithError,\n        })}\n      </div>\n    </TabsProvider>\n  );\n};\n\nexport default Tabs;\nexport { TabPanel };\n"],"names":["getContent","children","tabMenuPosition","toolbar","tabsWidth","customClassForToolBar","tabMenuSize","tabMenuAlign","firstTabIdent","tabsWithError","menu","jsx","Menu","Fragment","Tabs","t0","$","_c","handlerCloseTab","handlerTabClick","keepPanelsInOrder","props","t1","t2","t3","t4","t5","t6","style","t7","undefined","containerRef","useRef","t8","childrensTabPanels","Children","toArray","filter","_temp","_","sortBy","tabPanel","indexOf","id","childrensInOrder","t9","tabsClass","t10","t11","t12","TabsProvider","childComp","isValidElement"],"mappings":"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"}

package/lib/tabs/tabHelpers.d.ts

@@ -1,7 +1,25 @@
-import { default as React } from 'react';
+import { ReactNode } 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 const getTabs: (tabsProp: ReactNode) => {
+    id: string | number;
+    title: string;
+    hidden?: boolean;
+    iconAlign?: Extract<Position, "left" | "center">;
+    iconName?: import('../@types/Icon').IconNames;
+    icon?: import('react').ReactElement;
+    disabled?: boolean;
+    permissionAttr?: import('../@types/PermissionAttr').PermissionAttr;
+    tabWidth?: string | number;
+    tabMenuSize?: import('../@types/Size').Size;
+    tabMenuAlign?: Position;
+    tooltip?: string;
+    tooltipPosition?: Exclude<Position, "center">;
+    tooltipWidth?: string | number;
+    closeable?: boolean;
+    tabsLength?: number;
+    tabsWithError?: Array<string | number>;
+}[];
 export declare function tabsClass(tabMenuPosition: Exclude<Position, 'center'>): string;
 export declare function menuStyles(tabMenuAlign: Position): {
     justifyContent: string;

package/lib/tabs/tabHelpers.js

@@ -1,49 +1,48 @@
-import i from "react";
-import { OPTIONS_ON_DENIED as r } from "../permissionValidations.js";
+import { Children as f, isValidElement as a } from "react";
+import { OPTIONS_ON_DENIED as o } from "../permissionValidations.js";
 function h(t, n) {
   if (n < 0) return 0;
   if (n > 1) return 1;
   const {
-    scrollHeight: o,
-    clientHeight: c
-  } = t, s = o - c, u = Math.round(o * n), f = Math.round(s - s * 0.3);
-  return Math.min(u, f);
+    scrollHeight: r,
+    clientHeight: l
+  } = t, i = r - l, u = Math.round(r * n), c = Math.round(i - i * 0.3);
+  return Math.min(u, c);
 }
-const p = (t) => (i.Children.map(t, (e) => {
-  if (!e || !i.isValidElement(e)) return null;
+const b = (t) => (f.map(t, (e) => {
+  if (!e || !a(e)) return null;
   const {
-    children: l,
-    ...o
+    ...s
   } = e.props;
-  return o;
-}) || []).filter((e) => !e.hidden), a = {
+  return s;
+}) || []).filter((e) => !e.hidden), m = {
   top: "",
   left: "menu-left",
   bottom: "menu-bottom",
   right: "menu-right"
 };
-function b(t) {
+function M(t) {
   let n = "tabs-component ";
-  return n += a[t], n;
+  return n += m[t], n;
 }
-const m = {
+const H = {
   left: "flex-start",
   top: "flex-start",
   right: "flex-end",
   bottom: "flex-end",
   center: "center"
 };
-function M(t) {
+function O(t) {
   return {
-    justifyContent: m[t]
+    justifyContent: H[t]
   };
 }
-const O = [r.disabled, r.unvisible, r.hideContent];
+const S = [o.disabled, o.unvisible, o.hideContent];
 export {
   h as getCurrentThreshold,
-  p as getTabs,
-  M as menuStyles,
-  O as onDeniedOptions,
-  b as tabsClass
+  b as getTabs,
+  O as menuStyles,
+  S as onDeniedOptions,
+  M as tabsClass
 };
 //# sourceMappingURL=tabHelpers.js.map

package/lib/tabs/tabHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabHelpers.js","sources":["../../src/lib/tabs/tabHelpers.ts"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { Position } from '../@types/Position';\n\nexport function getCurrentThreshold(\n  scrollableElement: HTMLDivElement,\n  scrollThreshold: number,\n): number {\n  const MIN_THRESHOLD = 0;\n  const MAX_THRESHOLD = 1;\n  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n  const { scrollHeight, clientHeight } = scrollableElement;\n  const offsetHeight = scrollHeight - clientHeight;\n\n  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n  const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n  return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nexport const getTabs = (tabsProp: React.ReactNode) => {\n  const tabs = React.Children.map(tabsProp, (child) => {\n    if (!child || !React.isValidElement(child)) return null;\n    const { children: childrenProp, ...props } = child.props as any;\n    return props;\n  }) || [];\n\n  return tabs.filter(tab => !tab.hidden);\n}; \n\n/**\n * Get the css class according to the options passed to the Tabs Component\n */\nconst positionsMenuClass = {\n  top: '',\n  left: 'menu-left',\n  bottom: 'menu-bottom',\n  right: 'menu-right',\n};\n\nexport function tabsClass(tabMenuPosition: Exclude<Position, 'center'>) {\n  let cssClass = 'tabs-component ';\n  cssClass += positionsMenuClass[tabMenuPosition];\n  return cssClass;\n}\n\n/**\n * Menu Styles for tab menus\n */\nconst flextJustifyContent = {\n  left: 'flex-start',\n  top: 'flex-start',\n  right: 'flex-end',\n  bottom: 'flex-end',\n  center: 'center',\n};\n\nexport function menuStyles(tabMenuAlign: Position) {\n  return {\n    justifyContent: flextJustifyContent[tabMenuAlign],\n  };\n}\n\nexport const onDeniedOptions = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.hideContent,\n];\n"],"names":["getCurrentThreshold","scrollableElement","scrollThreshold","MIN_THRESHOLD","MAX_THRESHOLD","scrollHeight","clientHeight","offsetHeight","calculatedScrollThreshold","Math","round","maxScrollThreshold","min","getTabs","tabsProp","React","Children","map","child","isValidElement","children","childrenProp","props","filter","tab","hidden","positionsMenuClass","top","left","bottom","right","tabsClass","tabMenuPosition","cssClass","flextJustifyContent","center","menuStyles","tabMenuAlign","justifyContent","onDeniedOptions","OPTIONS_ON_DENIED","disabled","unvisible","hideContent"],"mappings":";;AAKO,SAASA,EACdC,GACAC,GACQ;AAGR,MAAIA,IAAkBC,EAAe,QAAOA;AAC5C,MAAID,IAAkBE,EAAe,QAAOA;AAC5C,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBL,GACjCM,IAAeF,IAAeC,GAE9BE,IAA4BC,KAAKC,MAAML,IAAeH,CAAe,GACrES,IAAqBF,KAAKC,MAAMH,IAAgBA,IAAe,GAAI;AAEzE,SAAOE,KAAKG,IAAIJ,GAA2BG,CAAkB;AAC/D;AAEO,MAAME,IAAUA,CAACC,OACTC,EAAMC,SAASC,IAAIH,GAAWI,CAAAA,MAAU;AACnD,MAAI,CAACA,KAAS,CAACH,EAAMI,eAAeD,CAAK,EAAG,QAAO;AACnD,QAAM;AAAA,IAAEE,UAAUC;AAAAA,IAAc,GAAGC;AAAAA,EAAAA,IAAUJ,EAAMI;AACnD,SAAOA;AACT,CAAC,KAAK,CAAA,GAEMC,OAAOC,CAAAA,MAAO,CAACA,EAAIC,MAAM,GAMjCC,IAAqB;AAAA,EACzBC,KAAK;AAAA,EACLC,MAAM;AAAA,EACNC,QAAQ;AAAA,EACRC,OAAO;AACT;AAEO,SAASC,EAAUC,GAA8C;AACtE,MAAIC,IAAW;AACfA,SAAAA,KAAYP,EAAmBM,CAAe,GACvCC;AACT;AAKA,MAAMC,IAAsB;AAAA,EAC1BN,MAAM;AAAA,EACND,KAAK;AAAA,EACLG,OAAO;AAAA,EACPD,QAAQ;AAAA,EACRM,QAAQ;AACV;AAEO,SAASC,EAAWC,GAAwB;AACjD,SAAO;AAAA,IACLC,gBAAgBJ,EAAoBG,CAAY;AAAA,EAAA;AAEpD;AAEO,MAAME,IAAkB,CAC7BC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,WAAW;"}
+{"version":3,"file":"tabHelpers.js","sources":["../../src/lib/tabs/tabHelpers.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport { OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { Position } from '../@types/Position';\nimport { TabProps } from './types';\n\nexport function getCurrentThreshold(\n  scrollableElement: HTMLDivElement,\n  scrollThreshold: number,\n): number {\n  const MIN_THRESHOLD = 0;\n  const MAX_THRESHOLD = 1;\n  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n  const { scrollHeight, clientHeight } = scrollableElement;\n  const offsetHeight = scrollHeight - clientHeight;\n\n  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n  const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n  return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nexport const getTabs = (tabsProp: ReactNode) => {\n  const tabs = Children.map(tabsProp, (child) => {\n    if (!child || !isValidElement(child)) return null;\n    const { ...props } = child.props as TabProps;\n    return props;\n  }) || [];\n\n  return tabs.filter(tab => !tab.hidden);\n};\n\n/**\n * Get the css class according to the options passed to the Tabs Component\n */\nconst positionsMenuClass = {\n  top: '',\n  left: 'menu-left',\n  bottom: 'menu-bottom',\n  right: 'menu-right',\n};\n\nexport function tabsClass(tabMenuPosition: Exclude<Position, 'center'>) {\n  let cssClass = 'tabs-component ';\n  cssClass += positionsMenuClass[tabMenuPosition];\n  return cssClass;\n}\n\n/**\n * Menu Styles for tab menus\n */\nconst flextJustifyContent = {\n  left: 'flex-start',\n  top: 'flex-start',\n  right: 'flex-end',\n  bottom: 'flex-end',\n  center: 'center',\n};\n\nexport function menuStyles(tabMenuAlign: Position) {\n  return {\n    justifyContent: flextJustifyContent[tabMenuAlign],\n  };\n}\n\nexport const onDeniedOptions = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.hideContent,\n];\n"],"names":["getCurrentThreshold","scrollableElement","scrollThreshold","MIN_THRESHOLD","MAX_THRESHOLD","scrollHeight","clientHeight","offsetHeight","calculatedScrollThreshold","Math","round","maxScrollThreshold","min","getTabs","tabsProp","Children","map","child","isValidElement","props","filter","tab","hidden","positionsMenuClass","top","left","bottom","right","tabsClass","tabMenuPosition","cssClass","flextJustifyContent","center","menuStyles","tabMenuAlign","justifyContent","onDeniedOptions","OPTIONS_ON_DENIED","disabled","unvisible","hideContent"],"mappings":";;AAKO,SAASA,EACdC,GACAC,GACQ;AAGR,MAAIA,IAAkBC,EAAe,QAAOA;AAC5C,MAAID,IAAkBE,EAAe,QAAOA;AAC5C,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBL,GACjCM,IAAeF,IAAeC,GAE9BE,IAA4BC,KAAKC,MAAML,IAAeH,CAAe,GACrES,IAAqBF,KAAKC,MAAMH,IAAgBA,IAAe,GAAI;AAEzE,SAAOE,KAAKG,IAAIJ,GAA2BG,CAAkB;AAC/D;AAEO,MAAME,IAAUA,CAACC,OACTC,EAASC,IAAIF,GAAWG,CAAAA,MAAU;AAC7C,MAAI,CAACA,KAAS,CAACC,EAAeD,CAAK,EAAG,QAAO;AAC7C,QAAM;AAAA,IAAE,GAAGE;AAAAA,EAAAA,IAAUF,EAAME;AAC3B,SAAOA;AACT,CAAC,KAAK,CAAA,GAEMC,OAAOC,CAAAA,MAAO,CAACA,EAAIC,MAAM,GAMjCC,IAAqB;AAAA,EACzBC,KAAK;AAAA,EACLC,MAAM;AAAA,EACNC,QAAQ;AAAA,EACRC,OAAO;AACT;AAEO,SAASC,EAAUC,GAA8C;AACtE,MAAIC,IAAW;AACfA,SAAAA,KAAYP,EAAmBM,CAAe,GACvCC;AACT;AAKA,MAAMC,IAAsB;AAAA,EAC1BN,MAAM;AAAA,EACND,KAAK;AAAA,EACLG,OAAO;AAAA,EACPD,QAAQ;AAAA,EACRM,QAAQ;AACV;AAEO,SAASC,EAAWC,GAAwB;AACjD,SAAO;AAAA,IACLC,gBAAgBJ,EAAoBG,CAAY;AAAA,EAAA;AAEpD;AAEO,MAAME,IAAkB,CAC7BC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,WAAW;"}

package/lib/tabs/types.d.ts

@@ -13,16 +13,18 @@ export type TabsContextType = {
     containerWidth: number;
     tabsCount: number;
     menuRef: RefObject<HTMLUListElement>;
+    keepPanelsInOrder?: Array<string | number>;
 };
 export interface TabsProviderProps {
-    children: React.ReactNode;
-    tabs: React.ReactNode;
+    children: ReactNode;
+    tabs: ReactNode;
     container: RefObject<HTMLDivElement>;
     tabsWidth: number | string;
     selectedTab?: string | number | null;
     onTabChange?: (tabId: string | number) => void;
     onTabClose?: (tabId: string) => void;
     firstTabIdent?: boolean;
+    keepPanelsInOrder?: Array<string | number>;
     keepTabOriginalPosition?: boolean;
 }
 export interface ITabsPros {
@@ -39,12 +41,15 @@ export interface ITabsPros {
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
     tabsWidth?: string | number;
+    tabsWithError?: Array<string | number>;
+    keepPanelsInOrder?: Array<string | number>;
     keepTabOriginalPosition?: boolean;
 }
 export interface TabProps {
     id: string | number;
     title: string;
-    iconAlign?: Extract<Position, 'left' | 'right'>;
+    hidden?: boolean;
+    iconAlign?: Extract<Position, 'left' | 'center'>;
     iconName?: IconNames;
     icon?: ReactElement;
     disabled?: boolean;
@@ -57,6 +62,7 @@ export interface TabProps {
     tooltipWidth?: string | number;
     closeable?: boolean;
     tabsLength?: number;
+    tabsWithError?: Array<string | number>;
 }
 export interface MenuProps {
     toolbar?: ReactElement<any>;
@@ -70,6 +76,7 @@ export interface MenuProps {
     tabMenuSize?: Size;
     handlerClick?: (id?: string) => void;
     handlerRemovePanel?: (id?: string, idx?: number, bool?: boolean) => void;
+    tabsWithError?: Array<string | number>;
 }
 export interface DropdownProps extends MenuProps {
 }

package/lib/textContent/index.d.ts

@@ -1,18 +1,14 @@
-import { default as React, MutableRefObject } from 'react';
-import { WithTooltipProps } from '../internals/types';
-interface TextContentProps extends React.HTMLAttributes<HTMLElement>, WithTooltipProps {
+import { HTMLAttributes, MouseEventHandler } from 'react';
+import { ITooltipCommonProps } from '../tooltip/types';
+interface TextContentProps extends HTMLAttributes<HTMLElement>, ITooltipCommonProps {
     as?: 'span' | 'strong' | 'p';
     label?: string | string[];
     styleForLabel?: object;
     labelUppercase?: boolean;
     required?: boolean;
     disabled?: boolean;
-    targetRef?: (ref: HTMLSpanElement | null) => void;
-    labelRef?: MutableRefObject<HTMLSpanElement | null>;
-    onHoverLabel?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    onHoverLabel?: MouseEventHandler<HTMLElement>;
+    errorMessage?: string;
 }
-declare const _default: {
-    (props: TextContentProps & React.RefAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default _default;
+declare const TextContent: import('react').ForwardRefExoticComponent<TextContentProps & import('react').RefAttributes<HTMLElement>>;
+export default TextContent;

package/lib/textContent/index.js

@@ -1,35 +1,44 @@
-import { jsx as N } from "react/jsx-runtime";
-import { c as R } from "react/compiler-runtime";
-import { forwardRef as T } from "react";
-import '../styles/assets/styles/textContent.css';/* empty css                                */
-import u from "../_virtual/lodash.js";
-import v from "../internals/withTooltip.js";
-const b = T((p, m) => {
-  const t = R(17);
-  let e, o, r, l, s, a, n;
-  if (t[0] !== m || t[1] !== p) {
+import { jsx as g, jsxs as w } from "react/jsx-runtime";
+import { c as P } from "../_virtual/compiler-runtime.js";
+import { forwardRef as W, useRef as $, useImperativeHandle as I, Fragment as S } from "react";
+import '../assets/styles/textContent.css';/* empty css                                */
+import U from "../tooltip/index.js";
+const k = W((b, v) => {
+  const t = P.c(28);
+  let e, f, o, l, r, s, m, i, n, a;
+  if (t[0] !== b) {
     const {
-      as: d,
-      children: x,
-      className: y,
-      label: $,
-      styleForLabel: h,
-      disabled: w,
-      targetRef: F,
-      labelRef: H,
-      onHoverLabel: C,
-      ...L
-    } = p;
-    o = x, r = y, s = h, l = C, e = d === void 0 ? "span" : d, n = m, a = u.omit(L, ["tooltipWidth", "tooltip", "tooltipPosition", "labelUppercase"]), t[0] = m, t[1] = p, t[2] = e, t[3] = o, t[4] = r, t[5] = l, t[6] = s, t[7] = a, t[8] = n;
+      as: L,
+      children: N,
+      className: _,
+      styleForLabel: C,
+      onHoverLabel: E,
+      tooltip: F,
+      tooltipPosition: H,
+      tooltipWidth: M,
+      errorMessage: T,
+      labelUppercase: q,
+      ...j
+    } = b;
+    m = L, e = N, f = _, s = C, l = E, i = F, n = H, a = M, o = T, r = j, t[0] = b, t[1] = e, t[2] = f, t[3] = o, t[4] = l, t[5] = r, t[6] = s, t[7] = m, t[8] = i, t[9] = n, t[10] = a;
   } else
-    e = t[2], o = t[3], r = t[4], l = t[5], s = t[6], a = t[7], n = t[8];
-  const c = a, f = `text-content-component ${r}`;
-  let i;
-  return t[9] !== e || t[10] !== o || t[11] !== l || t[12] !== c || t[13] !== s || t[14] !== f || t[15] !== n ? (i = /* @__PURE__ */ N(e, { ref: n, style: s, className: f, "data-textcontent": e, onMouseEnter: l, ...c, children: o }), t[9] = e, t[10] = o, t[11] = l, t[12] = c, t[13] = s, t[14] = f, t[15] = n, t[16] = i) : i = t[16], i;
+    e = t[1], f = t[2], o = t[3], l = t[4], r = t[5], s = t[6], m = t[7], i = t[8], n = t[9], a = t[10];
+  const d = m === void 0 ? "span" : m, y = $(null);
+  let x, u;
+  t[11] === Symbol.for("react.memo_cache_sentinel") ? (x = () => y.current, u = [], t[11] = x, t[12] = u) : (x = t[11], u = t[12]), I(v, x, u);
+  const R = `text-content-component ${f}`;
+  let p;
+  t[13] !== d || t[14] !== e || t[15] !== l || t[16] !== r || t[17] !== s || t[18] !== R ? (p = /* @__PURE__ */ g(d, { ref: y, style: s, className: R, "data-textcontent": d, onMouseEnter: l, ...r, children: e }), t[13] = d, t[14] = e, t[15] = l, t[16] = r, t[17] = s, t[18] = R, t[19] = p) : p = t[19];
+  let c;
+  t[20] !== o || t[21] !== i || t[22] !== n || t[23] !== a ? (c = /* @__PURE__ */ g(U, { targetRef: y, text: i, position: n, width: a, textError: o }), t[20] = o, t[21] = i, t[22] = n, t[23] = a, t[24] = c) : c = t[24];
+  let h;
+  return t[25] !== p || t[26] !== c ? (h = /* @__PURE__ */ w(S, { children: [
+    p,
+    c
+  ] }), t[25] = p, t[26] = c, t[27] = h) : h = t[27], h;
 });
-b.displayName = "TextContent";
-const W = v(b);
+k.displayName = "TextContent";
 export {
-  W as default
+  k as default
 };
 //# sourceMappingURL=index.js.map