linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/tabs/DropdownTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTabs.js","sources":["../../src/lib/tabs/DropdownTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport Button from '../buttons';\nimport List, { ListItem } from '../list';\nimport { DropdownProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\nimport { Icon } from '..';\n\nconst DropdownTab = ({\n  id,\n  title,\n  closeable,\n  iconAlign,\n  icon,\n  iconName,\n  disabled,\n  tabMenuSize,\n}: TabProps) => {\n  const { selectTab, removeTab, selectedTabId } = useTabs();\n\n  return (\n    <ListItem key={id} onClick={() => selectTab(id)}>\n      <div className=\"menuitem\">\n        {selectedTabId === id\n          ? (\n            <Icon name='checkmark' color='#A10D0D' />\n            )\n          : (\n            <div style={{ width: 16, height: 16 }} />\n            )}\n        <Button\n          className=\"btn menubutton\"\n          boxShadow={false}\n          iconAlign={iconAlign}\n          iconName={iconName}\n          icon={icon}\n          disabled={disabled}\n          label={title}\n          size={tabMenuSize}\n          transparent />\n        {closeable &&\n          <button\n            className=\"closepanel\"\n            onClick={() => removeTab(id)} />}\n      </div>\n    </ListItem>\n  );\n};\n\nconst DropdownTabs = ({\n  tabs = [],\n  tabMenuSize = 'medium',\n}: DropdownProps) => {\n  const { selectedTabId } = useTabs();\n  const hasSelectedTab = tabs.some(tab => tab.id === selectedTabId);\n  const hasTabs = tabs.length > 0;\n  const uniqueTabs = _.uniqBy(tabs, 'id');\n\n  if (!hasTabs) return null;\n  return (\n    <Button \n      dropdown \n      dropdownAlign=\"right\" \n      transparent \n      boxShadow={false} \n      size=\"large\"\n      customClass={`dropdownbutton ${hasTabs ? 'show' : ''} ${hasSelectedTab ? 'has-selected' : ''}`}>\n      <List customClass=\"dropdown-hide-tabs\">\n        {uniqueTabs.map(tab => (\n          <DropdownTab key={tab.id} tabMenuSize={tabMenuSize} {...tab} />\n        ))}\n      </List>\n    </Button>\n  );\n};\n\nexport default DropdownTabs;\n"],"names":["DropdownTab","t0","$","_c","id","title","closeable","iconAlign","icon","iconName","disabled","tabMenuSize","selectTab","removeTab","selectedTabId","useTabs","t1","t2","jsx","Icon","width","height","t3","Button","t4","t5","t6","ListItem","DropdownTabs","tabs","undefined","tab","hasSelectedTab","some","hasTabs","length","uniqueTabs","_","uniqBy","T0","t7","t8","t9","T1","List","t10","t11","tab_0","t12","map","t13","t14"],"mappings":"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"}
+{"version":3,"file":"DropdownTabs.js","sources":["../../src/lib/tabs/DropdownTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport Button from '../buttons';\nimport List, { ListItem } from '../list';\nimport { DropdownProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\nimport { Icon } from '..';\n\nconst DropdownTab = ({\n  id,\n  title,\n  closeable,\n  iconAlign,\n  icon,\n  iconName,\n  disabled,\n  tabMenuSize,\n}: TabProps) => {\n  const { selectTab, removeTab, selectedTabId } = useTabs();\n\n  return (\n    <ListItem key={id} onClick={() => selectTab(id)}>\n      <div className=\"menuitem\">\n        {selectedTabId === id\n          ? (\n            <Icon name='checkmark' color='#A10D0D' />\n            )\n          : (\n            <div style={{ width: 16, height: 16 }} />\n            )}\n        <Button\n          className=\"btn menubutton\"\n          boxShadow={false}\n          iconAlign={iconAlign}\n          iconName={iconName}\n          icon={icon}\n          disabled={disabled}\n          label={title}\n          size={tabMenuSize}\n          transparent />\n        {closeable &&\n          <button\n            className=\"closepanel\"\n            onClick={() => removeTab(id)} />}\n      </div>\n    </ListItem>\n  );\n};\n\nconst DropdownTabs = ({\n  tabs = [],\n  tabMenuSize = 'medium',\n}: DropdownProps) => {\n  const { selectedTabId } = useTabs();\n  const hasSelectedTab = tabs.some(tab => tab.id === selectedTabId);\n  const hasTabs = tabs.length > 0;\n  const uniqueTabs = _.uniqBy(tabs, 'id');\n\n  if (!hasTabs) return null;\n  return (\n    <Button \n      dropdown \n      dropdownAlign=\"right\" \n      transparent \n      boxShadow={false} \n      size=\"large\"\n      customClass={`dropdownbutton ${hasTabs ? 'show' : ''} ${hasSelectedTab ? 'has-selected' : ''}`}>\n      <List customClass=\"dropdown-hide-tabs\">\n        {uniqueTabs.map(tab => (\n          <DropdownTab key={tab.id} tabMenuSize={tabMenuSize} {...tab} />\n        ))}\n      </List>\n    </Button>\n  );\n};\n\nexport default DropdownTabs;\n"],"names":["DropdownTab","t0","$","_c","id","title","closeable","iconAlign","icon","iconName","disabled","tabMenuSize","selectTab","removeTab","selectedTabId","useTabs","t1","t2","jsx","Icon","width","height","t3","Button","t4","t5","t6","ListItem","DropdownTabs","tabs","undefined","tab","hasSelectedTab","some","hasTabs","length","uniqueTabs","_","uniqBy","T0","t7","t8","t9","T1","List","t10","t11","tab_0","t12","map","t13","t14"],"mappings":"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"}

package/lib/tabs/Menu.d.ts

@@ -1,3 +1,3 @@
 import { MenuProps } from './types';
-declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, tabsWithError, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
 export default Menu;

package/lib/tabs/Menu.js

@@ -1,39 +1,40 @@
-import { jsx as T, jsxs as c } from "react/jsx-runtime";
-import { c as p } from "react/compiler-runtime";
-import g from "react";
-import z from "./MenuTabs.js";
-import A from "./DropdownTabs.js";
-import { useTabs as I } from "./useTabs.js";
-const w = (u) => {
-  const t = p(25);
-  let e, b, r, n;
-  t[0] !== u ? ({
+import { jsx as T, jsxs as p } from "react/jsx-runtime";
+import { c as g } from "../_virtual/compiler-runtime.js";
+import { cloneElement as z } from "react";
+import A from "./MenuTabs.js";
+import I from "./DropdownTabs.js";
+import { useTabs as S } from "./useTabs.js";
+const j = (m) => {
+  const t = g.c(27);
+  let e, b, l, a, n;
+  t[0] !== m ? ({
     toolbar: n,
     customClassForToolBar: b,
-    tabWidth: r,
+    tabWidth: l,
+    tabsWithError: a,
     ...e
-  } = u, t[0] = u, t[1] = e, t[2] = b, t[3] = r, t[4] = n) : (e = t[1], b = t[2], r = t[3], n = t[4]);
-  const f = b === void 0 ? "" : b, a = r === void 0 ? "auto" : r, {
-    menuTabs: m,
-    menuRef: d,
-    dropdownTabs: M
-  } = I();
-  let i;
-  t[5] !== d || t[6] !== m || t[7] !== e.firstTabIdent || t[8] !== e.tabMenuAlign || t[9] !== e.tabMenuSize || t[10] !== a ? (i = /* @__PURE__ */ T(z, { tabs: m, tabWidth: a, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent, ref: d }), t[5] = d, t[6] = m, t[7] = e.firstTabIdent, t[8] = e.tabMenuAlign, t[9] = e.tabMenuSize, t[10] = a, t[11] = i) : i = t[11];
+  } = m, t[0] = m, t[1] = e, t[2] = b, t[3] = l, t[4] = a, t[5] = n) : (e = t[1], b = t[2], l = t[3], a = t[4], n = t[5]);
+  const f = b === void 0 ? "" : b, i = l === void 0 ? "auto" : l, {
+    menuTabs: d,
+    menuRef: M,
+    dropdownTabs: c
+  } = S();
   let s;
-  t[12] !== M || t[13] !== e.firstTabIdent || t[14] !== e.tabMenuAlign || t[15] !== e.tabMenuSize || t[16] !== a ? (s = /* @__PURE__ */ T(A, { tabs: M, tabWidth: a, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent }), t[12] = M, t[13] = e.firstTabIdent, t[14] = e.tabMenuAlign, t[15] = e.tabMenuSize, t[16] = a, t[17] = s) : s = t[17];
+  t[6] !== M || t[7] !== d || t[8] !== e.firstTabIdent || t[9] !== e.tabMenuAlign || t[10] !== e.tabMenuSize || t[11] !== i || t[12] !== a ? (s = /* @__PURE__ */ T(A, { tabsWithError: a, tabs: d, tabWidth: i, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent, ref: M }), t[6] = M, t[7] = d, t[8] = e.firstTabIdent, t[9] = e.tabMenuAlign, t[10] = e.tabMenuSize, t[11] = i, t[12] = a, t[13] = s) : s = t[13];
   let o;
-  t[18] !== f || t[19] !== n ? (o = n && g.cloneElement(n, {
+  t[14] !== c || t[15] !== e.firstTabIdent || t[16] !== e.tabMenuAlign || t[17] !== e.tabMenuSize || t[18] !== i ? (o = /* @__PURE__ */ T(I, { tabs: c, tabWidth: i, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent }), t[14] = c, t[15] = e.firstTabIdent, t[16] = e.tabMenuAlign, t[17] = e.tabMenuSize, t[18] = i, t[19] = o) : o = t[19];
+  let r;
+  t[20] !== f || t[21] !== n ? (r = n && z(n, {
     customClass: `menubar ${f}`
-  }), t[18] = f, t[19] = n, t[20] = o) : o = t[20];
-  let l;
-  return t[21] !== i || t[22] !== s || t[23] !== o ? (l = /* @__PURE__ */ c("div", { className: "menucontainer", children: [
-    i,
+  }), t[20] = f, t[21] = n, t[22] = r) : r = t[22];
+  let u;
+  return t[23] !== s || t[24] !== o || t[25] !== r ? (u = /* @__PURE__ */ p("div", { className: "menucontainer", children: [
     s,
-    o
-  ] }), t[21] = i, t[22] = s, t[23] = o, t[24] = l) : l = t[24], l;
+    o,
+    r
+  ] }), t[23] = s, t[24] = o, t[25] = r, t[26] = u) : u = t[26], u;
 };
 export {
-  w as default
+  j as default
 };
 //# sourceMappingURL=Menu.js.map

package/lib/tabs/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../src/lib/tabs/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport MenuTabs from './MenuTabs';\nimport DropdownTabs from './DropdownTabs';\nimport { MenuProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst Menu = ({\n  toolbar,\n  customClassForToolBar = '',\n  tabWidth = 'auto',\n  ...props\n}: MenuProps) => {\n  const { \n    menuTabs, menuRef, dropdownTabs,\n  } = useTabs();\n\n  return (\n    <div\n      className=\"menucontainer\">\n      <MenuTabs \n        tabs={menuTabs} \n        tabWidth={tabWidth}\n        tabMenuSize={props.tabMenuSize}\n        tabMenuAlign={props.tabMenuAlign}\n        firstTabIdent={props.firstTabIdent}\n        ref={menuRef} />\n      <DropdownTabs \n        tabs={dropdownTabs} \n        tabWidth={tabWidth}\n        tabMenuSize={props.tabMenuSize}\n        tabMenuAlign={props.tabMenuAlign}\n        firstTabIdent={props.firstTabIdent} />\n      {toolbar && React.cloneElement(toolbar, {\n        customClass: `menubar ${customClassForToolBar}`,\n      })}\n    </div>\n  );\n};\n\nexport default Menu;\n"],"names":["Menu","t0","$","_c","props","t1","t2","toolbar","customClassForToolBar","tabWidth","undefined","menuTabs","menuRef","dropdownTabs","useTabs","t3","firstTabIdent","tabMenuAlign","tabMenuSize","MenuTabs","t4","DropdownTabs","t5","React","cloneElement","customClass","t6"],"mappings":";;;;;;AAMA,MAAMA,IAAOC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAD,KAAC;AAAA,IAAAM,SAAAA;AAAAA,IAAAC,uBAAAH;AAAAA,IAAAI,UAAAH;AAAAA,IAAA,GAAAF;AAAAA,EAAAA,IAAAH,GAKFC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAHV,QAAAM,IAAAH,MAAAK,SAAA,KAAAL,GACAI,IAAAH,MAAAI,SAAA,SAAAJ,GAGA;AAAA,IAAAK,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,cAAAA;AAAAA,EAAAA,IAEIC,EAAAA;AAAU,MAAAC;AAAA,EAAAb,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAE,EAAAY,iBAAAd,EAAA,CAAA,MAAAE,EAAAa,gBAAAf,EAAA,CAAA,MAAAE,EAAAc,eAAAhB,EAAA,EAAA,MAAAO,KAKVM,sBAACI,GAAA,EACOR,MAAAA,GACIF,UAAAA,GACG,aAAAL,EAAKc,aACJ,cAAAd,EAAKa,cACJ,eAAAb,EAAKY,eACfJ,KAAAA,GAAO,GAAIV,OAAAU,GAAAV,OAAAS,GAAAT,EAAA,CAAA,IAAAE,EAAAY,eAAAd,EAAA,CAAA,IAAAE,EAAAa,cAAAf,EAAA,CAAA,IAAAE,EAAAc,aAAAhB,QAAAO,GAAAP,QAAAa,KAAAA,IAAAb,EAAA,EAAA;AAAA,MAAAkB;AAAA,EAAAlB,EAAA,EAAA,MAAAW,KAAAX,UAAAE,EAAAY,iBAAAd,EAAA,EAAA,MAAAE,EAAAa,gBAAAf,EAAA,EAAA,MAAAE,EAAAc,eAAAhB,EAAA,EAAA,MAAAO,KAClBW,sBAACC,GAAA,EACOR,SACIJ,UAAAA,GACG,aAAAL,EAAKc,aACJ,cAAAd,EAAKa,cACJ,eAAAb,EAAKY,eAAc,GAAId,QAAAW,GAAAX,EAAA,EAAA,IAAAE,EAAAY,eAAAd,EAAA,EAAA,IAAAE,EAAAa,cAAAf,EAAA,EAAA,IAAAE,EAAAc,aAAAhB,QAAAO,GAAAP,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA;AAAA,MAAAoB;AAAA,EAAApB,EAAA,EAAA,MAAAM,KAAAN,UAAAK,KACvCe,IAAAf,KAAWgB,EAAKC,aAAcjB,GAAS;AAAA,IAAAkB,aACzB,WAAWjB,CAAqB;AAAA,EAAA,CAC9C,GAACN,QAAAM,GAAAN,QAAAK,GAAAL,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAwB;AAAA,SAAAxB,EAAA,EAAA,MAAAa,KAAAb,UAAAkB,KAAAlB,EAAA,EAAA,MAAAoB,KAjBJI,+BACY,WAAA,iBACVX,UAAAA;AAAAA,IAAAA;AAAAA,IAOAK;AAAAA,IAMCE;AAAAA,EAAAA,GAGH,GAAMpB,QAAAa,GAAAb,QAAAkB,GAAAlB,QAAAoB,GAAApB,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA,GAlBNwB;AAkBM;"}
+{"version":3,"file":"Menu.js","sources":["../../src/lib/tabs/Menu.tsx"],"sourcesContent":["import { cloneElement } from 'react';\nimport MenuTabs from './MenuTabs';\nimport DropdownTabs from './DropdownTabs';\nimport { MenuProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst Menu = ({\n  toolbar,\n  customClassForToolBar = '',\n  tabWidth = 'auto',\n  tabsWithError,\n  ...props\n}: MenuProps) => {\n  const {\n    menuTabs, menuRef, dropdownTabs,\n  } = useTabs();\n\n  return (\n    <div\n      className=\"menucontainer\">\n      <MenuTabs\n        tabsWithError={tabsWithError}\n        tabs={menuTabs}\n        tabWidth={tabWidth}\n        tabMenuSize={props.tabMenuSize}\n        tabMenuAlign={props.tabMenuAlign}\n        firstTabIdent={props.firstTabIdent}\n        ref={menuRef} />\n      <DropdownTabs\n        tabs={dropdownTabs}\n        tabWidth={tabWidth}\n        tabMenuSize={props.tabMenuSize}\n        tabMenuAlign={props.tabMenuAlign}\n        firstTabIdent={props.firstTabIdent} />\n      {toolbar && cloneElement(toolbar, {\n        customClass: `menubar ${customClassForToolBar}`,\n      })}\n    </div>\n  );\n};\n\nexport default Menu;\n"],"names":["Menu","t0","$","_c","props","t1","t2","tabsWithError","toolbar","customClassForToolBar","tabWidth","undefined","menuTabs","menuRef","dropdownTabs","useTabs","t3","firstTabIdent","tabMenuAlign","tabMenuSize","MenuTabs","t4","DropdownTabs","t5","cloneElement","customClass","t6"],"mappings":";;;;;;AAMA,MAAMA,IAAOC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAN,SAAAD,KAAC;AAAA,IAAAO,SAAAA;AAAAA,IAAAC,uBAAAJ;AAAAA,IAAAK,UAAAJ;AAAAA,IAAAC,eAAAA;AAAAA,IAAA,GAAAH;AAAAA,EAAAA,IAAAH,GAMFC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,MAAAJ,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA;AAJV,QAAAO,IAAAJ,MAAAM,SAAA,KAAAN,GACAK,IAAAJ,MAAAK,SAAA,SAAAL,GAIA;AAAA,IAAAM,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,cAAAA;AAAAA,EAAAA,IAEIC,EAAAA;AAAU,MAAAC;AAAA,EAAAd,EAAA,CAAA,MAAAW,KAAAX,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAE,EAAAa,iBAAAf,EAAA,CAAA,MAAAE,EAAAc,gBAAAhB,EAAA,EAAA,MAAAE,EAAAe,eAAAjB,EAAA,EAAA,MAAAQ,KAAAR,UAAAK,KAKVS,sBAACI,GAAA,EACgBb,eAAAA,GACTK,SACIF,UAAAA,GACG,aAAAN,EAAKe,aACJ,cAAAf,EAAKc,cACJ,eAAAd,EAAKa,eACfJ,KAAAA,GAAO,GAAIX,OAAAW,GAAAX,OAAAU,GAAAV,EAAA,CAAA,IAAAE,EAAAa,eAAAf,EAAA,CAAA,IAAAE,EAAAc,cAAAhB,EAAA,EAAA,IAAAE,EAAAe,aAAAjB,QAAAQ,GAAAR,QAAAK,GAAAL,QAAAc,KAAAA,IAAAd,EAAA,EAAA;AAAA,MAAAmB;AAAA,EAAAnB,EAAA,EAAA,MAAAY,KAAAZ,UAAAE,EAAAa,iBAAAf,EAAA,EAAA,MAAAE,EAAAc,gBAAAhB,EAAA,EAAA,MAAAE,EAAAe,eAAAjB,EAAA,EAAA,MAAAQ,KAClBW,sBAACC,GAAA,EACOR,SACIJ,UAAAA,GACG,aAAAN,EAAKe,aACJ,cAAAf,EAAKc,cACJ,eAAAd,EAAKa,eAAc,GAAIf,QAAAY,GAAAZ,EAAA,EAAA,IAAAE,EAAAa,eAAAf,EAAA,EAAA,IAAAE,EAAAc,cAAAhB,EAAA,EAAA,IAAAE,EAAAe,aAAAjB,QAAAQ,GAAAR,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA;AAAA,MAAAqB;AAAA,EAAArB,EAAA,EAAA,MAAAO,KAAAP,UAAAM,KACvCe,IAAAf,KAAWgB,EAAahB,GAAS;AAAA,IAAAiB,aACnB,WAAWhB,CAAqB;AAAA,EAAA,CAC9C,GAACP,QAAAO,GAAAP,QAAAM,GAAAN,QAAAqB,KAAAA,IAAArB,EAAA,EAAA;AAAA,MAAAwB;AAAA,SAAAxB,EAAA,EAAA,MAAAc,KAAAd,UAAAmB,KAAAnB,EAAA,EAAA,MAAAqB,KAlBJG,+BACY,WAAA,iBACVV,UAAAA;AAAAA,IAAAA;AAAAA,IAQAK;AAAAA,IAMCE;AAAAA,EAAAA,GAGH,GAAMrB,QAAAc,GAAAd,QAAAmB,GAAAnB,QAAAqB,GAAArB,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA,GAnBNwB;AAmBM;"}

package/lib/tabs/MenuTabs.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { MenuProps } from './types';
-declare const MenuTabs: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;
+declare const MenuTabs: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<HTMLUListElement>>;
 export default MenuTabs;

package/lib/tabs/MenuTabs.js

@@ -1,65 +1,72 @@
-import { jsx as y, jsxs as z } from "react/jsx-runtime";
-import { c as x } from "react/compiler-runtime";
-import A from "react";
-import W from "../_virtual/lodash.js";
-import $ from "../buttons/Button.js";
-import "../icons/index.js";
-import '../styles/assets/styles/button.css';/* empty css                           */
-import { menuStyles as g, onDeniedOptions as w } from "./tabHelpers.js";
-import { actionsOnPermissionDenied as C } from "../permissionValidations.js";
-import { useTabs as D } from "./useTabs.js";
-const I = (S) => {
-  const e = x(21), {
-    id: t,
+import { jsx as W, jsxs as A } from "react/jsx-runtime";
+import { c as $ } from "../_virtual/compiler-runtime.js";
+import S from "../_virtual/lodash.js";
+import { forwardRef as B } from "react";
+import C from "../buttons/Button.js";
+import '../assets/styles/button.css';/* empty css                           */
+import { menuStyles as E, onDeniedOptions as O } from "./tabHelpers.js";
+import { actionsOnPermissionDenied as g } from "../permissionValidations.js";
+import { useTabs as z } from "./useTabs.js";
+const k = (w) => {
+  const t = $.c(25), {
+    id: e,
     title: l,
-    tabWidth: b,
-    iconAlign: m,
-    iconName: c,
-    icon: r,
-    disabled: o,
-    permissionAttr: i,
-    tabMenuSize: s,
-    tooltip: n,
-    tooltipPosition: u,
-    tooltipWidth: v,
-    closeable: f
-  } = S, {
-    selectedTabId: p,
-    selectTab: T,
-    removeTab: h,
-    tabsCount: M
-  } = D();
-  let a;
-  e[0] !== i ? (a = C(w, i), e[0] = i, e[1] = a) : a = e[1];
-  const d = a;
+    tabWidth: u,
+    iconAlign: f,
+    iconName: p,
+    icon: h,
+    disabled: a,
+    permissionAttr: T,
+    tabMenuSize: r,
+    tooltip: d,
+    tooltipPosition: c,
+    tooltipWidth: M,
+    closeable: v,
+    tabsWithError: y
+  } = w, {
+    selectedTabId: b,
+    selectTab: o,
+    removeTab: n,
+    tabsCount: m
+  } = z();
+  let s;
+  t[0] !== T ? (s = g(O, T), t[0] = T, t[1] = s) : s = t[1];
+  const i = s;
+  let x;
+  t[2] !== e || t[3] !== y ? (x = y?.includes(e), t[2] = e, t[3] = y, t[4] = x) : x = t[4];
+  const I = x;
   let N;
-  return e[2] !== f || e[3] !== o || e[4] !== r || e[5] !== m || e[6] !== c || e[7] !== t || e[8] !== d.disabled || e[9] !== d.unvisible || e[10] !== h || e[11] !== T || e[12] !== p || e[13] !== s || e[14] !== b || e[15] !== M || e[16] !== l || e[17] !== n || e[18] !== u || e[19] !== v ? (N = d.unvisible ? null : /* @__PURE__ */ z("li", { style: {
-    width: b
-  }, className: `menuitem ${p === t && "selected"}`, children: [
-    /* @__PURE__ */ y($, { className: "btn menubutton", boxShadow: !1, onClick: () => T(t), iconAlign: m, iconName: c, icon: r, disabled: o || !!d.disabled, label: l, size: s, tooltip: n || l, tooltipPosition: u, tooltipWidth: v }),
-    f && M > 1 && /* @__PURE__ */ y("button", { className: "closepanel", onClick: () => h(t) })
-  ] }, t), e[2] = f, e[3] = o, e[4] = r, e[5] = m, e[6] = c, e[7] = t, e[8] = d.disabled, e[9] = d.unvisible, e[10] = h, e[11] = T, e[12] = p, e[13] = s, e[14] = b, e[15] = M, e[16] = l, e[17] = n, e[18] = u, e[19] = v, e[20] = N) : N = e[20], N;
-}, j = A.forwardRef((S, e) => {
-  const t = x(20), {
+  return t[5] !== v || t[6] !== a || t[7] !== h || t[8] !== f || t[9] !== p || t[10] !== e || t[11] !== i.disabled || t[12] !== i.unvisible || t[13] !== n || t[14] !== o || t[15] !== b || t[16] !== r || t[17] !== u || t[18] !== m || t[19] !== l || t[20] !== d || t[21] !== c || t[22] !== M || t[23] !== I ? (N = i.unvisible ? null : /* @__PURE__ */ A("li", { style: {
+    width: u
+  }, className: `
+          menuitem 
+          ${b === e && "selected"} 
+          ${I && "witherrorcontent"}
+        `, children: [
+    /* @__PURE__ */ W(C, { className: "btn menubutton", boxShadow: !1, onClick: () => o(e), iconAlign: f, iconName: p, icon: h, disabled: a || !!i.disabled, label: l, size: r, tooltip: d || l, tooltipPosition: c, tooltipWidth: M }),
+    v && m > 1 && /* @__PURE__ */ W("button", { className: "closepanel", onClick: () => n(e) })
+  ] }, e), t[5] = v, t[6] = a, t[7] = h, t[8] = f, t[9] = p, t[10] = e, t[11] = i.disabled, t[12] = i.unvisible, t[13] = n, t[14] = o, t[15] = b, t[16] = r, t[17] = u, t[18] = m, t[19] = l, t[20] = d, t[21] = c, t[22] = M, t[23] = I, t[24] = N) : N = t[24], N;
+}, q = B((w, t) => {
+  const e = $.c(11), {
     tabs: l,
-    tabWidth: b,
-    tabMenuSize: m,
-    tabMenuAlign: c,
-    firstTabIdent: r
-  } = S;
-  let o, i, s, n;
-  if (t[0] !== e || t[1] !== l || t[2] !== b || t[3] !== m || t[4] !== c || t[5] !== r) {
-    const v = l === void 0 ? [] : l, f = b === void 0 ? "auto" : b, p = m === void 0 ? "medium" : m, T = c === void 0 ? "left" : c, h = r === void 0 ? !1 : r, M = W.uniqBy(v, "id");
-    o = `menu ${h && "-firsttabident"}`, t[10] !== T ? (i = g(T), t[10] = T, t[11] = i) : i = t[11], s = e;
-    let a;
-    t[12] !== p || t[13] !== f ? (a = (d) => /* @__PURE__ */ y(I, { tabMenuSize: p, tabWidth: f, ...d }, d.id), t[12] = p, t[13] = f, t[14] = a) : a = t[14], n = M.map(a), t[0] = e, t[1] = l, t[2] = b, t[3] = m, t[4] = c, t[5] = r, t[6] = o, t[7] = i, t[8] = s, t[9] = n;
-  } else
-    o = t[6], i = t[7], s = t[8], n = t[9];
-  let u;
-  return t[15] !== o || t[16] !== i || t[17] !== s || t[18] !== n ? (u = /* @__PURE__ */ y("ul", { className: o, style: i, ref: s, children: n }), t[15] = o, t[16] = i, t[17] = s, t[18] = n, t[19] = u) : u = t[19], u;
+    tabWidth: u,
+    tabMenuSize: f,
+    tabMenuAlign: p,
+    firstTabIdent: h,
+    tabsWithError: a
+  } = w, T = l === void 0 ? [] : l, r = u === void 0 ? "auto" : u, d = f === void 0 ? "medium" : f, c = p === void 0 ? "left" : p, M = h === void 0 ? !1 : h, {
+    keepPanelsInOrder: v
+  } = z(), y = v ? S.sortBy(S.uniqBy(T, "id"), (i) => v.indexOf(i.id)) : S.uniqBy(T, "id"), b = `menu ${M && "-firsttabident"}`;
+  let o;
+  e[0] !== c ? (o = E(c), e[0] = c, e[1] = o) : o = e[1];
+  let n;
+  e[2] !== d || e[3] !== r || e[4] !== a ? (n = (i) => /* @__PURE__ */ W(k, { tabMenuSize: d, tabWidth: r, tabsWithError: a, ...i }, i.id), e[2] = d, e[3] = r, e[4] = a, e[5] = n) : n = e[5];
+  const m = y.map(n);
+  let s;
+  return e[6] !== t || e[7] !== b || e[8] !== o || e[9] !== m ? (s = /* @__PURE__ */ W("ul", { className: b, style: o, ref: t, children: m }), e[6] = t, e[7] = b, e[8] = o, e[9] = m, e[10] = s) : s = e[10], s;
 });
-j.displayName = "MenuTabs";
+q.displayName = "MenuTabs";
 export {
-  j as default
+  q as default
 };
 //# sourceMappingURL=MenuTabs.js.map

package/lib/tabs/MenuTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTabs.js","sources":["../../src/lib/tabs/MenuTabs.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport Button from '../buttons';\nimport * as helpers from './tabHelpers';\nimport { actionsOnPermissionDenied } from '../permissionValidations';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { MenuProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst MenuTab = ({\n  id,\n  title,\n  tabWidth,\n  iconAlign,\n  iconName,\n  icon,\n  disabled,\n  permissionAttr,\n  tabMenuSize,\n  tooltip,\n  tooltipPosition,\n  tooltipWidth,\n  closeable,\n}: TabProps) => {\n  const { selectedTabId, selectTab, removeTab, tabsCount } = useTabs();\n  const onDenied: OnDenied = actionsOnPermissionDenied(helpers.onDeniedOptions, permissionAttr);\n\n  return (\n    onDenied.unvisible ?\n      null :\n      <li\n        key={id}\n        style={{ width: tabWidth }}\n        className={`menuitem ${selectedTabId === id && 'selected'}`}>\n        <Button\n          className=\"btn menubutton\"\n          boxShadow={false}\n          onClick={() => selectTab(id)}\n          iconAlign={iconAlign}\n          iconName={iconName}\n          icon={icon}\n          disabled={disabled || !!onDenied.disabled}\n          label={title}\n          size={tabMenuSize}\n          tooltip={tooltip || title}\n          tooltipPosition={tooltipPosition}\n          tooltipWidth={tooltipWidth} />\n        {closeable && tabsCount > 1 && (\n          <button\n            className=\"closepanel\"\n            onClick={() => removeTab(id)} />\n        )}\n      </li>\n  );\n};\n\nconst MenuTabs = React.forwardRef<HTMLUListElement, MenuProps>(({\n  tabs = [],\n  tabWidth = 'auto',\n  tabMenuSize = 'medium',\n  tabMenuAlign = 'left',\n  firstTabIdent = false,\n}, ref) => {\n  const uniqueTabs = _.uniqBy(tabs, 'id');\n  return (\n    <ul \n      className={`menu ${firstTabIdent && '-firsttabident'}`} \n      style={helpers.menuStyles(tabMenuAlign)}\n      ref={ref}>\n      {uniqueTabs.map(tab => (\n        <MenuTab \n          key={tab.id}\n          tabMenuSize={tabMenuSize}\n          tabWidth={tabWidth}\n          {...tab} />\n      ))}\n    </ul>\n  );\n});\n\nMenuTabs.displayName = 'MenuTabs';\n\nexport default MenuTabs;\n"],"names":["MenuTab","t0","$","_c","id","title","tabWidth","iconAlign","iconName","icon","disabled","permissionAttr","tabMenuSize","tooltip","tooltipPosition","tooltipWidth","closeable","selectedTabId","selectTab","removeTab","tabsCount","useTabs","t1","actionsOnPermissionDenied","helpers","onDenied","t2","unvisible","jsxs","width","jsx","Button","MenuTabs","React","forwardRef","ref","tabs","t3","tabMenuAlign","t4","firstTabIdent","t5","t6","t7","t8","t9","undefined","uniqueTabs","_","uniqBy","t10","tab","map","displayName"],"mappings":"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"}
+{"version":3,"file":"MenuTabs.js","sources":["../../src/lib/tabs/MenuTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { forwardRef } from 'react';\nimport Button from '../buttons';\nimport * as helpers from './tabHelpers';\nimport { actionsOnPermissionDenied } from '../permissionValidations';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { MenuProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst MenuTab = ({\n  id,\n  title,\n  tabWidth,\n  iconAlign,\n  iconName,\n  icon,\n  disabled,\n  permissionAttr,\n  tabMenuSize,\n  tooltip,\n  tooltipPosition,\n  tooltipWidth,\n  closeable,\n  tabsWithError,\n}: TabProps) => {\n  const { selectedTabId, selectTab, removeTab, tabsCount } = useTabs();\n  const onDenied: OnDenied = actionsOnPermissionDenied(helpers.onDeniedOptions, permissionAttr);\n  const withErrorInContent = tabsWithError?.includes(id);\n\n  return (\n    onDenied.unvisible ?\n      null :\n      <li\n        key={id}\n        style={{ width: tabWidth }}\n        className={`\n          menuitem \n          ${selectedTabId === id && 'selected'} \n          ${withErrorInContent && 'witherrorcontent'}\n        `}>\n        <Button\n          className=\"btn menubutton\"\n          boxShadow={false}\n          onClick={() => selectTab(id)}\n          iconAlign={iconAlign}\n          iconName={iconName}\n          icon={icon}\n          disabled={disabled || !!onDenied.disabled}\n          label={title}\n          size={tabMenuSize}\n          tooltip={tooltip || title}\n          tooltipPosition={tooltipPosition}\n          tooltipWidth={tooltipWidth} />\n        {closeable && tabsCount > 1 && (\n          <button\n            className=\"closepanel\"\n            onClick={() => removeTab(id)} />\n        )}\n      </li>\n  );\n};\n\nconst MenuTabs = forwardRef<HTMLUListElement, MenuProps>(({\n  tabs = [],\n  tabWidth = 'auto',\n  tabMenuSize = 'medium',\n  tabMenuAlign = 'left',\n  firstTabIdent = false,\n  tabsWithError,\n}, ref) => {\n  const { keepPanelsInOrder } = useTabs();\n\n  const uniqueTabs = keepPanelsInOrder ?\n      _.sortBy(_.uniqBy(tabs, 'id'), tabPanel => keepPanelsInOrder.indexOf(tabPanel.id))\n    : _.uniqBy(tabs, 'id');\n\n  return (\n    <ul\n      className={`menu ${firstTabIdent && '-firsttabident'}`}\n      style={helpers.menuStyles(tabMenuAlign)}\n      ref={ref}>\n      {uniqueTabs.map(tab => (\n        <MenuTab\n          key={tab.id}\n          tabMenuSize={tabMenuSize}\n          tabWidth={tabWidth}\n          tabsWithError={tabsWithError}\n          {...tab} />\n      ))}\n    </ul>\n  );\n});\n\nMenuTabs.displayName = 'MenuTabs';\n\nexport default MenuTabs;\n"],"names":["MenuTab","t0","$","_c","id","title","tabWidth","iconAlign","iconName","icon","disabled","permissionAttr","tabMenuSize","tooltip","tooltipPosition","tooltipWidth","closeable","tabsWithError","selectedTabId","selectTab","removeTab","tabsCount","useTabs","t1","actionsOnPermissionDenied","helpers","onDenied","t2","includes","withErrorInContent","t3","unvisible","jsxs","width","jsx","Button","MenuTabs","forwardRef","ref","tabs","tabMenuAlign","t4","firstTabIdent","t5","undefined","keepPanelsInOrder","uniqueTabs","_","sortBy","uniqBy","tabPanel","indexOf","t6","t7","t8","tab","t9","map","t10","displayName"],"mappings":"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"}

package/lib/tabs/Panel.js

@@ -1,61 +1,61 @@
 import { jsx as C } from "react/jsx-runtime";
-import { c as j } from "react/compiler-runtime";
+import { c as j } from "../_virtual/compiler-runtime.js";
 import { useRef as g, useState as A, useEffect as I } from "react";
 import { onDeniedOptions as _, getCurrentThreshold as k } from "./tabHelpers.js";
 import { actionsOnPermissionDenied as q } from "../permissionValidations.js";
 import B from "../noPermission/index.js";
 import { useTabs as F } from "./useTabs.js";
 const W = (L) => {
-  const e = j(18), {
+  const e = j.c(18), {
     id: c,
     children: u,
     onEndReached: s,
-    permissionAttr: m,
+    permissionAttr: f,
     customClass: T,
     onEndReachedThreshold: H,
     style: h
   } = L, w = T === void 0 ? "" : T, p = H === void 0 ? 0.1 : H, {
-    selectedTabId: z
-  } = F(), D = c !== z ? "hidepanel" : "", t = g(null);
-  let l;
-  e[0] !== m ? (l = q(_, m), e[0] = m, e[1] = l) : l = e[1];
-  const [S] = A(l), {
-    hideContent: v
-  } = S, E = g(!0), O = g(0);
+    selectedTabId: x
+  } = F(), z = c !== x ? "hidepanel" : "", t = g(null);
   let i;
-  e[2] !== s || e[3] !== p ? (i = async () => {
-    const r = t.current;
-    if (r && s) {
+  e[0] !== f ? (i = q(_, f), e[0] = f, e[1] = i) : i = e[1];
+  const [D] = A(i), {
+    hideContent: v
+  } = D, E = g(!0), O = g(0);
+  let l;
+  e[2] !== s || e[3] !== p ? (l = async () => {
+    const n = t.current;
+    if (n && s) {
       const {
         scrollTop: b,
         scrollHeight: P,
-        clientHeight: $
-      } = r, x = P - $ - b - 1, y = k(r, p);
-      x <= y && E.current && (E.current = !1, await new Promise((N) => {
+        clientHeight: S
+      } = n, $ = P - S - b - 1, y = k(n, p);
+      $ <= y && E.current && (E.current = !1, await new Promise((N) => {
         N(s());
       }), O.current = P);
     }
-  }, e[2] = s, e[3] = p, e[4] = i) : i = e[4];
-  const n = i;
+  }, e[2] = s, e[3] = p, e[4] = l) : l = e[4];
+  const r = l;
   let d;
-  e[5] !== s || e[6] !== n ? (d = () => {
-    let r;
-    return t.current && s && (r = new ResizeObserver(() => {
+  e[5] !== s || e[6] !== r ? (d = () => {
+    let n;
+    return t.current && s && (n = new ResizeObserver(() => {
       const {
         scrollHeight: b
       } = t.current;
-      b !== O.current && (E.current = !0, r?.disconnect());
-    }), r.observe(t.current), t.current.addEventListener("scroll", n), t.current.addEventListener("resize", n)), () => {
-      t.current?.removeEventListener("scroll", n), t.current?.removeEventListener("resize", n), r?.disconnect();
+      b !== O.current && (E.current = !0, n?.disconnect());
+    }), n.observe(t.current), t.current.addEventListener("scroll", r), t.current.addEventListener("resize", r)), () => {
+      t.current?.removeEventListener("scroll", r), t.current?.removeEventListener("resize", r), n?.disconnect();
     };
-  }, e[5] = s, e[6] = n, e[7] = d) : d = e[7];
+  }, e[5] = s, e[6] = r, e[7] = d) : d = e[7];
   let a;
-  e[8] !== n ? (a = [n], e[8] = n, e[9] = a) : a = e[9], I(d, a);
-  const R = `${w} panel ${D}`;
+  e[8] !== r ? (a = [r], e[8] = r, e[9] = a) : a = e[9], I(d, a);
+  const R = `${w} panel ${z}`;
   let o;
   e[10] !== u || e[11] !== v ? (o = v ? /* @__PURE__ */ C(B, {}) : u, e[10] = u, e[11] = v, e[12] = o) : o = e[12];
-  let f;
-  return e[13] !== c || e[14] !== h || e[15] !== R || e[16] !== o ? (f = /* @__PURE__ */ C("div", { ref: t, id: c, className: R, style: h, children: o }), e[13] = c, e[14] = h, e[15] = R, e[16] = o, e[17] = f) : f = e[17], f;
+  let m;
+  return e[13] !== c || e[14] !== h || e[15] !== R || e[16] !== o ? (m = /* @__PURE__ */ C("div", { ref: t, id: c, className: R, style: h, children: o }), e[13] = c, e[14] = h, e[15] = R, e[16] = o, e[17] = m) : m = e[17], m;
 };
 export {
   W as default

package/lib/tabs/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../src/lib/tabs/Panel.tsx"],"sourcesContent":["import React, { CSSProperties, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { getCurrentThreshold, onDeniedOptions } from './tabHelpers';\nimport { actionsOnPermissionDenied } from '../permissionValidations';\nimport NoPermission from '../noPermission';\nimport { PanelProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { useTabs } from './useTabs';\n\nconst Panel = (props: PanelProps) => {\n  const {\n    id,\n    children,\n    onEndReached,\n    permissionAttr,\n    customClass = '',\n    onEndReachedThreshold = 0.1,\n    style,\n  } = props;\n  const { selectedTabId } = useTabs();\n  const hidePanel = (id !== selectedTabId ? 'hidepanel' : '');\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(onDeniedOptions, permissionAttr));\n  const { hideContent } = onDenied;\n  const enableOnEndReached = useRef(true);\n  const lastScrollHeight = useRef(0);\n\n  const onScrollEndReached = useCallback(async () => {\n    const element = rootElementRef.current;\n\n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (scrollOffset <= threshold && enableOnEndReached.current) {\n        enableOnEndReached.current = false;\n        await new Promise((resolve) => {\n          resolve(onEndReached());\n        });\n        lastScrollHeight.current = scrollHeight;\n      }\n    }\n  }, [\n    onEndReached, onEndReachedThreshold,\n    rootElementRef.current, lastScrollHeight.current,\n  ]);\n\n  useEffect(() => {\n    let observer: ResizeObserver | null;\n    if (rootElementRef.current && onEndReached) {\n      observer = new ResizeObserver(() => {\n        const { scrollHeight } = rootElementRef.current as HTMLDivElement;\n        if (scrollHeight !== lastScrollHeight.current) {\n          enableOnEndReached.current = true;\n          observer?.disconnect();\n        }\n      });\n\n      observer.observe(rootElementRef.current);\n      rootElementRef.current.addEventListener('scroll', onScrollEndReached);\n      rootElementRef.current.addEventListener('resize', onScrollEndReached);\n    }\n\n    return () => {\n      rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);\n      rootElementRef.current?.removeEventListener('resize', onScrollEndReached);\n      observer?.disconnect();\n    };\n  }, [onScrollEndReached]);\n\n  return (\n    <div\n      ref={rootElementRef}\n      id={id}\n      className={`${customClass} panel ${hidePanel}`}\n      style={style}>\n      {hideContent ? <NoPermission /> : children}\n    </div>\n  );\n};\n\nexport default Panel;\n"],"names":["Panel","props","$","_c","id","children","onEndReached","permissionAttr","customClass","t0","onEndReachedThreshold","t1","style","undefined","selectedTabId","useTabs","hidePanel","rootElementRef","useRef","t2","actionsOnPermissionDenied","onDeniedOptions","onDenied","useState","hideContent","enableOnEndReached","lastScrollHeight","t3","element","current","scrollTop","scrollHeight","clientHeight","scrollOffset","threshold","getCurrentThreshold","Promise","resolve","onScrollEndReached","t4","observer","ResizeObserver","scrollHeight_0","disconnect","observe","addEventListener","removeEventListener","t5","useEffect","t6","t7","jsx","NoPermission","t8"],"mappings":";;;;;;;AAQA,MAAMA,IAAQC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GACZ;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,uBAAAC;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAQIX,GAHFO,IAAAC,MAAAI,SAAA,KAAAJ,GACAC,IAAAC,MAAAE,SAAA,MAAAF,GAGF;AAAA,IAAAG,eAAAA;AAAAA,EAAAA,IAA0BC,EAAAA,GAC1BC,IAAmBZ,MAAOU,IAAP,cAAA,IACnBG,IAAuBC,EAAuB,IAAI;AAAE,MAAAC;AAAA,EAAAjB,SAAAK,KACdY,IAAAC,EAA0BC,GAAiBd,CAAc,GAACL,OAAAK,GAAAL,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAhG,QAAA,CAAAoB,CAAA,IAAmBC,EAAmBJ,CAA0D,GAChG;AAAA,IAAAK,aAAAA;AAAAA,EAAAA,IAAwBF,GACxBG,IAA2BP,EAAO,EAAI,GACtCQ,IAAyBR,EAAO,CAAC;AAAE,MAAAS;AAAA,EAAAzB,EAAA,CAAA,MAAAI,KAAAJ,SAAAQ,KAEIiB,gBAAA;AACrC,UAAAC,IAAgBX,EAAcY;AAE9B,QAAID,KAAAtB,GAAuB;AACzB,YAAA;AAAA,QAAAwB,WAAAA;AAAAA,QAAAC,cAAAA;AAAAA,QAAAC,cAAAA;AAAAA,MAAAA,IAAkDJ,GAClDK,IAAqBF,IAAeC,IAAeF,IAAY,GAC/DI,IAAkBC,EAAoBP,GAASlB,CAAqB;AAEpE,MAAIuB,KAAgBC,KAAaT,EAAkBI,YACjDJ,EAAkBI,UAAW,IAC7B,MAAM,IAAIO,QAAQC,CAAAA,MAAA;AAChBA,QAAAA,EAAQ/B,GAAc;AAAA,MAAC,CACxB,GACDoB,EAAgBG,UAAWE;AAAAA,IAC5B;AAAA,EACF,GACF7B,OAAAI,GAAAJ,OAAAQ,GAAAR,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA;AAhBD,QAAAoC,IAA2BX;AAmBxB,MAAAY;AAAA,EAAArC,EAAA,CAAA,MAAAI,KAAAJ,SAAAoC,KAEOC,IAAAA,MAAA;AACJC,QAAAA;AACJ,WAAIvB,EAAcY,WAAdvB,MACFkC,IAAWA,IAAIC,eAAe,MAAA;AAC5B,YAAA;AAAA,QAAAV,cAAAW;AAAAA,MAAAA,IAAyBzB,EAAcY;AACvC,MAAIE,MAAiBL,EAAgBG,YACnCJ,EAAkBI,UAAW,IAC7BW,GAAQG,WAAAA;AAAAA,IACT,CACF,GAEDH,EAAQI,QAAS3B,EAAcY,OAAQ,GACvCZ,EAAcY,QAAQgB,iBAAkB,UAAUP,CAAkB,GACpErB,EAAcY,QAAQgB,iBAAkB,UAAUP,CAAkB,IAG/D,MAAA;AACLrB,MAAAA,EAAcY,SAA6BiB,oBAAC,UAAUR,CAAkB,GACxErB,EAAcY,SAA6BiB,oBAAC,UAAUR,CAAkB,GACxEE,GAAQG,WAAAA;AAAAA,IAAc;AAAA,EACvB,GACFzC,OAAAI,GAAAJ,OAAAoC,GAAApC,OAAAqC,KAAAA,IAAArC,EAAA,CAAA;AAAA,MAAA6C;AAAA,EAAA7C,SAAAoC,KAAES,IAAA,CAACT,CAAkB,GAACpC,OAAAoC,GAAApC,OAAA6C,KAAAA,IAAA7C,EAAA,CAAA,GArBvB8C,EAAUT,GAqBPQ,CAAoB;AAMR,QAAAE,IAAA,GAAGzC,CAAW,UAAUQ,CAAS;AAAE,MAAAkC;AAAA,EAAAhD,EAAA,EAAA,MAAAG,KAAAH,UAAAsB,KAE7C0B,IAAA1B,IAAc,gBAAA2B,EAACC,GAAA,CAAA,CAAY,IAA3B/C,GAAyCH,QAAAG,GAAAH,QAAAsB,GAAAtB,QAAAgD,KAAAA,IAAAhD,EAAA,EAAA;AAAA,MAAAmD;AAAA,SAAAnD,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAU,KAAAV,EAAA,EAAA,MAAA+C,KAAA/C,UAAAgD,KAL5CG,IAAA,gBAAAF,EAAA,SACOlC,KAAAA,GACDb,IAAAA,GACO,WAAA6C,GACJrC,OAAAA,GACNsC,UAAAA,EAAAA,CACH,GAAMhD,QAAAE,GAAAF,QAAAU,GAAAV,QAAA+C,GAAA/C,QAAAgD,GAAAhD,QAAAmD,KAAAA,IAAAnD,EAAA,EAAA,GANNmD;AAMM;"}
+{"version":3,"file":"Panel.js","sources":["../../src/lib/tabs/Panel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { getCurrentThreshold, onDeniedOptions } from './tabHelpers';\nimport { actionsOnPermissionDenied } from '../permissionValidations';\nimport NoPermission from '../noPermission';\nimport { PanelProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { useTabs } from './useTabs';\n\nconst Panel = (props: PanelProps) => {\n  const {\n    id,\n    children,\n    onEndReached,\n    permissionAttr,\n    customClass = '',\n    onEndReachedThreshold = 0.1,\n    style,\n  } = props;\n  const { selectedTabId } = useTabs();\n  const hidePanel = (id !== selectedTabId ? 'hidepanel' : '');\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(onDeniedOptions, permissionAttr));\n  const { hideContent } = onDenied;\n  const enableOnEndReached = useRef(true);\n  const lastScrollHeight = useRef(0);\n\n  const onScrollEndReached = useCallback(async () => {\n    const element = rootElementRef.current;\n\n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (scrollOffset <= threshold && enableOnEndReached.current) {\n        enableOnEndReached.current = false;\n        await new Promise((resolve) => {\n          resolve(onEndReached());\n        });\n        lastScrollHeight.current = scrollHeight;\n      }\n    }\n  }, [\n    onEndReached, onEndReachedThreshold,\n    rootElementRef.current, lastScrollHeight.current,\n  ]);\n\n  useEffect(() => {\n    let observer: ResizeObserver | null;\n    if (rootElementRef.current && onEndReached) {\n      observer = new ResizeObserver(() => {\n        const { scrollHeight } = rootElementRef.current as HTMLDivElement;\n        if (scrollHeight !== lastScrollHeight.current) {\n          enableOnEndReached.current = true;\n          observer?.disconnect();\n        }\n      });\n\n      observer.observe(rootElementRef.current);\n      rootElementRef.current.addEventListener('scroll', onScrollEndReached);\n      rootElementRef.current.addEventListener('resize', onScrollEndReached);\n    }\n\n    return () => {\n      rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);\n      rootElementRef.current?.removeEventListener('resize', onScrollEndReached);\n      observer?.disconnect();\n    };\n  }, [onScrollEndReached]);\n\n  return (\n    <div\n      ref={rootElementRef}\n      id={id}\n      className={`${customClass} panel ${hidePanel}`}\n      style={style}>\n      {hideContent ? <NoPermission /> : children}\n    </div>\n  );\n};\n\nexport default Panel;\n"],"names":["Panel","props","$","_c","id","children","onEndReached","permissionAttr","customClass","t0","onEndReachedThreshold","t1","style","undefined","selectedTabId","useTabs","hidePanel","rootElementRef","useRef","t2","actionsOnPermissionDenied","onDeniedOptions","onDenied","useState","hideContent","enableOnEndReached","lastScrollHeight","t3","element","current","scrollTop","scrollHeight","clientHeight","scrollOffset","threshold","getCurrentThreshold","Promise","resolve","onScrollEndReached","t4","observer","ResizeObserver","scrollHeight_0","disconnect","observe","addEventListener","removeEventListener","t5","useEffect","t6","t7","jsx","NoPermission","t8"],"mappings":"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"}

package/lib/tabs/context.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TabsContextType, TabsProviderProps } from './types';
-export declare const TabsContext: React.Context<TabsContextType>;
-export declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, keepTabOriginalPosition, }: TabsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const TabsContext: import('react').Context<TabsContextType>;
+export declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, keepPanelsInOrder, keepTabOriginalPosition, }: TabsProviderProps): import("react/jsx-runtime").JSX.Element;

package/lib/tabs/context.js

@@ -1,8 +1,8 @@
-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 { useState as p, useRef as H, useMemo as v, useCallback as b, useEffect as C, createContext as J } from "react";
 import D from "../_virtual/lodash.js";
 import { getTabs as M } from "./tabHelpers.js";
-const K = H({});
+const K = J({});
 function V({
   children: O,
   tabs: x,
@@ -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 = H(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":";;;;AAKO,MAAMA,IAAcC,EAAc,CAAA,CAAqB;AAEvD,SAASC,EAAa;AAAA,EAC3BC,UAAAA;AAAAA,EACAC,MAAMC;AAAAA,EACNC,WAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,aAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,WAAWC;AAAAA,EACXC,eAAAA,IAAgB;AAAA,EAChBC,yBAAAA,IAA0B;AACT,GAAG;AACpB,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAMC,SAAiCV,CAAW,GACtF,CAACW,GAAgBC,CAAiB,IAAIF,EAAS,MAC5CX,EAAUc,SAASC,eAAe,CAC1C,GACK,CAACjB,GAAMkB,CAAO,IAAIL,EAAqBM,EAAQlB,CAAQ,CAAC,GACxDmB,IAAUC,EAAY,IAAI,GAC1BC,KAAYF,EAAQJ,SAASC,eAAe,KAAK,MAAMT,IAAgB,KAAK,IAC5EF,IAAYiB,EAAQ,MACpB,OAAOhB,KAAkB,WACpBA,MAAkB,SAAS,MAAOiB,SAASjB,CAAa,KAAK,MAE/DA,GACN,CAACA,CAAa,CAAC,GACZkB,IAAUC,KAAKC,MAAML,IAAWhB,CAAS;AAE/C,EAAIH,KAAeA,MAAgBO,KACjCC,EAAiBR,CAAW,GAG1BH,EAAK4B,SAAS,KAAKlB,MAAkB,QACvCC,EAAiBX,EAAK,CAAC,GAAG6B,EAAE;AAG9B,QAAMC,IAAeP,EAAQ,MACvBD,MAAa,IAAU,CAAA,IACpBtB,EAAK+B,MAAMN,CAAO,GACxB,CAACzB,GAAMyB,GAASX,CAAc,CAAC,GAE5BkB,IAAWT,EAAQ,MAChBvB,EAAK+B,MAAM,GAAGN,CAAO,GAC3B,CAACzB,GAAMyB,GAASX,CAAc,CAAC,GAE5BmB,IAAYjC,EAAK4B,QAEjBM,IAAaC,EAAY,CAACC,MAA2B;AACzD,UAAMC,IAAqBP,EAAaQ,UAAUC,CAAAA,MAAOA,EAAIV,OAAOO,CAAK;AAEzE,QAAIC,MAAuB,IAAI;AAC7B,YAAMG,IAAWxC,EAAKsC,UAAUC,CAAAA,MAAOA,EAAIV,OAAOO,CAAK,GACjDK,IAAgBX,EAAaO,CAAkB;AAErDnB,MAAAA,EAASwB,CAAAA,OACPA,EAAUC,OAAOH,GAAU,CAAC,GACrB,CAACC,GAAe,GAAGC,CAAS,EACpC;AAAA,IACH;AAAA,EACF,GAAG,CAACxB,GAASc,GAAUhC,GAAM8B,CAAY,CAAC,GAEpCc,IAAYT,EAAY,CAACC,MAA4B;AACzD,IAAK3B,KAAyByB,EAAWE,CAAK,GAC9CzB,EAAiByB,CAAK,GAElBhC,KACFA,EAAYgC,CAAK;AAAA,EAErB,GAAG,CAAChC,GAAaO,GAAkBuB,CAAU,CAAC,GAExCW,IAAYV,EAAY,CAACC,MAA2B;AACxD,UAAMI,IAAWxC,EAAKsC,UAAUC,CAAAA,MAAOA,EAAIV,OAAOO,CAAK,GACjDU,IAAiBN,MAAa,IAAIxC,EAAKwC,IAAW,CAAC,IAAIxC,EAAKwC,IAAW,CAAC;AAE9E,IAAI9B,MAAkB0B,KACpBQ,EAAUE,EAAejB,EAAE,GAGzBW,MAAa,MACftB,EAASwB,CAAAA,OACPA,EAAUC,OAAOH,GAAU,CAAC,GACrBE,EACR,GAECrC,KACFA,EAAW0C,OAAOX,CAAK,CAAC;AAAA,EAE5B,GAAG,CAAC/B,GAAYL,GAAM8B,GAAcpB,CAAa,CAAC,GAE5CsC,IAAoBb,EAAY,CAACc,MAAiC;AACtElC,IAAAA,EAAkBkC,EAAYC,KAAK;AAAA,EACrC,GAAG,CAACnC,CAAiB,CAAC;AAEtBoC,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAUjC,EAAQlB,CAAQ;AAEhC,QAAImD,MAAYpD,GAAM;AACpB,YAAMqD,IAAeC,EAAEC,aAAaH,GAASpD,GAAM,IAAI,GACjDwD,IAAkBF,EAAEC,aAAavD,GAAMoD,GAAS,IAAI,EAAEK,IAAIlB,CAAAA,MAAOA,EAAIV,EAAE;AAE7EX,MAAAA,EAASwB,CAAAA,MAAc;AACrB,YAAIgB,IAAchB;AAClB,eAAIc,MACFE,IAAcA,EAAYC,OAAOpB,CAAAA,MAAO,CAACiB,EAAgBI,SAASrB,EAAIV,EAAE,CAAC,IAGpE,CAAC,GAAG6B,GAAa,GAAGL,CAAY;AAAA,MACzC,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAACpD,CAAQ,CAAC,GAEbkD,EAAU,MAAM;AACd,UAAMU,IAAiB,IAAIC,eAAe,CAAC,CAACC,CAAK,MAAM;AACrDf,MAAAA,EAAkBe,EAAMd,WAAW;AAAA,IACrC,CAAC;AAED,WAAI/C,EAAUc,WAAS6C,EAAeG,QAAQ9D,EAAUc,OAAO,GAExD,MAAM;AACX6C,MAAAA,EAAeI,WAAAA;AAAAA,IACjB;AAAA,EACF,GAAG,CAAC/D,EAAUc,SAASgC,CAAiB,CAAC,GAGvC,gBAAAkB,EAACtE,EAAY,UAAZ,EAAqB,OAAO;AAAA,IAC3BI,MAAAA;AAAAA,IAAMgC,UAAAA;AAAAA,IAAUF,cAAAA;AAAAA,IAAchB,gBAAAA;AAAAA,IAAgBmB,WAAAA;AAAAA,IAAWW,WAAAA;AAAAA,IAAWlC,eAAAA;AAAAA,IAAemC,WAAAA;AAAAA,IACnFzB,SAAAA;AAAAA,EAAAA,GAECrB,UAAAA,EAAAA,CACH;AAEJ;"}
+{"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 };