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

package/lib/table/index.js

@@ -1,13 +1,13 @@
-import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as q } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as u, useRef as A, useEffect as $ } from "react";
-import { _ as k } from "../chunks/lodash.CIAK_hAg.js";
+import { jsx as R } from "react/jsx-runtime";
+import { c as q } from "react/compiler-runtime";
+import { useState as u, useRef as A, useEffect as k } from "react";
+import x from "../_virtual/lodash.js";
 import { default as re } from "./Header.js";
 import { default as ce } from "./Row.js";
 import { default as ae } from "./Body.js";
 import { default as me } from "./HeaderColumn.js";
 import { default as ue } from "./RowColumn.js";
-import '../assets/table.css';/* empty css                       */
+import '../styles/assets/styles/table.css';/* empty css                          */
 import D from "./helpers.js";
 const T = ({
   customClass: h,
@@ -18,15 +18,15 @@ const T = ({
   headerColored: C,
   condensed: s,
   vertical: b,
-  bodyScrollable: R,
+  bodyScrollable: y,
   skeletonInRows: r = 10
 }) => `table-component ${h} ${e && "-striped"} 
   ${l && "-bordered"} ${o && "-hovered"} ${C && "-headercolor"}
   ${s && "-condensed"}
   ${b && "-vertical"}
   ${p && !r ? "-skeletonized" : ""}
-  ${R ? "-scrollable" : ""}`, oe = (h) => {
-  const e = q.c(6), {
+  ${y ? "-scrollable" : ""}`, oe = (h) => {
+  const e = q(6), {
     children: l,
     ...o
   } = h, {
@@ -34,7 +34,7 @@ const T = ({
     onRowClick: C,
     bodyScrollable: s,
     vertical: b,
-    skeletonize: R,
+    skeletonize: y,
     strict: r,
     skeletonHeight: _,
     skeletonInHeader: I,
@@ -46,55 +46,55 @@ const T = ({
     condensed: M,
     selectedRowId: v,
     striped: O,
-    ...j
-  } = o, [E, y] = u(v), [S, z] = u(0);
+    ...z
+  } = o, [E, S] = u(v), [w, H] = u(0);
   let n;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [], e[0] = n) : n = e[0];
-  const [c, H] = u(n), [g, B] = u(0), d = A(null);
+  const [c, g] = u(n), [B, N] = u(0), d = A(null);
   let a;
   e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = (t) => {
-    y(t);
+    S(t);
   }, e[1] = a) : a = e[1];
-  const N = a;
+  const P = a;
   let i;
   e[2] !== c ? (i = (t) => {
-    !k.isEmpty(t) && k.isEmpty(c) && H(t);
+    !x.isEmpty(t) && x.isEmpty(c) && g(t);
   }, e[2] = c, e[3] = i) : i = e[3];
-  const P = i;
+  const j = i;
   let m;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (m = (t) => B(t), e[4] = m) : m = e[4];
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (m = (t) => N(t), e[4] = m) : m = e[4];
   const F = {
     bodyContainerRef: d,
-    bodyScrollWidth: S,
+    bodyScrollWidth: w,
     selectedRowId: E,
     vertical: b,
-    skeletonize: R,
+    skeletonize: y,
     skeletonHeight: _,
     skeletonInHeader: I,
     skeletonInRows: W,
     strict: r,
-    columnsCount: g,
-    handleSelectRow: N,
+    columnsCount: B,
+    handleSelectRow: P,
     handleTableColClick: p,
     handleTableRowClick: C,
-    handlerSetColumnsWidth: P,
+    handlerSetColumnsWidth: j,
     columnsWidth: c,
     handlerSetColumnsCount: m
   };
   let f;
-  return e[5] === Symbol.for("react.memo_cache_sentinel") ? (f = [], e[5] = f) : f = e[5], $(() => {
+  return e[5] === Symbol.for("react.memo_cache_sentinel") ? (f = [], e[5] = f) : f = e[5], k(() => {
     if (s && d && d.current) {
       const {
         offsetWidth: t,
         clientWidth: V
-      } = d.current, w = t - V;
-      w !== S && z(w);
+      } = d.current, $ = t - V;
+      $ !== w && H($);
     }
-  }, f), $(() => {
-    y(o.selectedRowId);
-  }, [o.selectedRowId]), /* @__PURE__ */ x.jsx(D.Provider, { value: F, children: s ? /* @__PURE__ */ x.jsx("div", { className: T(o), children: l }) : /* @__PURE__ */ x.jsx("table", { style: {
+  }, f), k(() => {
+    S(o.selectedRowId);
+  }, [o.selectedRowId]), /* @__PURE__ */ R(D.Provider, { value: F, children: s ? /* @__PURE__ */ R("div", { className: T(o), children: l }) : /* @__PURE__ */ R("table", { style: {
     contain: r ? "strict" : "size style"
-  }, className: T(o), ...j, children: l }) });
+  }, className: T(o), ...z, children: l }) });
 };
 export {
   ae as TBody,
@@ -104,3 +104,4 @@ export {
   me as Th,
   oe as default
 };
+//# sourceMappingURL=index.js.map

package/lib/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/table/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';\nimport _ from 'lodash';\nimport THeader from './Header';\nimport TRow from './Row';\nimport TBody from './Body';\nimport Th from './HeaderColumn';\nimport Td from './RowColumn';\nimport '../assets/styles/table.scss';\nimport TableContext from './helpers';\nimport { ITableContext, ITableProps } from './types';\n\n// TODO - Precisa finalizar o scroll no corpo da tabela.\nconst getClass = ({\n  customClass, striped, bordered, hovered, skeletonize,\n  headerColored, condensed, vertical, bodyScrollable, skeletonInRows = 10,\n}: ITableProps) => (\n  `table-component ${customClass} ${striped && '-striped'} \n  ${bordered && '-bordered'} ${hovered && '-hovered'} ${headerColored && '-headercolor'}\n  ${condensed && '-condensed'}\n  ${vertical && '-vertical'}\n  ${skeletonize && !skeletonInRows ? '-skeletonized' : ''}\n  ${bodyScrollable ? '-scrollable' : ''}`\n);\n\nconst Table = ({ children, ...props }: ITableProps) => {\n  const {\n    onColClick, onRowClick, bodyScrollable, vertical, skeletonize, strict,\n    skeletonHeight, skeletonInHeader, skeletonInRows, customClass, bordered, hovered, headerColored,\n    condensed, selectedRowId: selectedRowIdFromProps, striped, ...rest\n  } = props;\n  const [selectedRowId, setSelectedRowId] = useState(selectedRowIdFromProps);\n  const [bodyScrollWidth, setBodyScrollWidth] = useState(0);\n  const [columnsWidth, setColumnsWidth] = useState<string[] | number[]>([]);\n  const [columnsCount, setColumnsCount] = useState(0);\n  const bodyContainerRef = useRef(null);\n\n  const handleSelectRow = useCallback((selectedId: React.SetStateAction<string | undefined>) => {\n    setSelectedRowId(selectedId);\n  }, []);\n\n  const handlerSetColumnsWidth = useCallback((widths: (string | number | undefined)[]) => {\n    if (!_.isEmpty(widths) && _.isEmpty(columnsWidth)) setColumnsWidth(widths as []);\n  }, [columnsWidth]);\n\n  const handlerSetColumnsCount = useCallback((count: number) => setColumnsCount(count), []);\n\n  const contextValues: ITableContext = {\n    bodyContainerRef,\n    bodyScrollWidth,\n    selectedRowId,\n    vertical,\n    skeletonize,\n    skeletonHeight,\n    skeletonInHeader,\n    skeletonInRows,\n    strict,\n    columnsCount,\n    handleSelectRow,\n    handleTableColClick: onColClick,\n    handleTableRowClick: onRowClick,\n    handlerSetColumnsWidth,\n    columnsWidth,\n    handlerSetColumnsCount,\n  };\n\n  useEffect(() => {\n    if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {\n      const { offsetWidth, clientWidth } = bodyContainerRef.current;\n      const scrollWidth = offsetWidth - clientWidth;\n      if (scrollWidth !== bodyScrollWidth) setBodyScrollWidth(scrollWidth);\n    }\n  }, []);\n\n  useEffect(() => {\n    setSelectedRowId(props.selectedRowId);\n  }, [props.selectedRowId]);\n\n  return (\n    <TableContext.Provider value={contextValues}>\n      {bodyScrollable ?\n        <div className={getClass(props)}>{children}</div> :\n        <table\n          style={{ contain: strict ? 'strict' : 'size style' }}\n          className={getClass(props)}\n          {...rest}>\n          {children}\n        </table>\n      }\n    </TableContext.Provider>\n  );\n};\n\nexport default Table;\nexport {\n  THeader,\n  TRow,\n  TBody,\n  Th,\n  Td,\n};\n"],"names":["getClass","customClass","striped","bordered","hovered","skeletonize","headerColored","condensed","vertical","bodyScrollable","skeletonInRows","Table","t0","$","_c","children","props","onColClick","onRowClick","strict","skeletonHeight","skeletonInHeader","selectedRowId","selectedRowIdFromProps","rest","setSelectedRowId","useState","bodyScrollWidth","setBodyScrollWidth","t1","Symbol","for","columnsWidth","setColumnsWidth","columnsCount","setColumnsCount","bodyContainerRef","useRef","t2","selectedId","handleSelectRow","t3","widths","_","isEmpty","handlerSetColumnsWidth","t4","count","contextValues","handleTableColClick","handleTableRowClick","handlerSetColumnsCount","t5","useEffect","current","offsetWidth","clientWidth","scrollWidth","TableContext","jsx","contain"],"mappings":"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"}

package/lib/tabs/DropdownTabs.js

@@ -1,84 +1,84 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as k } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { _ as N } from "../chunks/lodash.CIAK_hAg.js";
-import C from "../buttons/Button.js";
-import $ from "../icons/index.js";
-import '../assets/radio.css';import '../assets/toolbar.css';import '../assets/label.css';import '../assets/panel.css';import '../assets/noPermission.css';import '../assets/gridlayout.css';import '../assets/button.css';/* empty css                        */
-import A from "../list/index.js";
-import { useTabs as D } from "./useTabs.js";
-import "react";
-/* empty css                            */
+import { jsx as c, jsxs as $ } from "react/jsx-runtime";
+import { c as C } from "react/compiler-runtime";
+import A from "../_virtual/lodash.js";
+import D from "../buttons/Button.js";
+import M from "../icons/index.js";
+import '../styles/assets/styles/tabs.css';import '../styles/assets/styles/popover.css';import '../styles/assets/styles/radio.css';import '../styles/assets/styles/toolbar.css';import '../styles/assets/styles/label.css';import '../styles/assets/styles/panel.css';import '../styles/assets/styles/noPermission.css';import '../styles/assets/styles/gridlayout.css';import '../styles/assets/styles/button.css';/* empty css                           */
+import j from "../list/index.js";
+import { useTabs as I } from "./useTabs.js";
+/* empty css                               */
 import "../panel/helpers.js";
-/* empty css                              */
-/* empty css                       */
+/* empty css                                 */
+/* empty css                          */
 import "../toolbar/helpers.js";
 import "../labels/DefaultLabel.js";
-/* empty css                       */
-/* empty css                         */
-/* empty css                       */
+/* empty css                          */
+/* empty css                            */
+/* empty css                          */
 import "../popover/PopoverText.js";
-import "../popover/index.js";
+/* empty css                            */
 import "../textContent/index.js";
 import "./MenuTabs.js";
-import "./tabHelpers.js";
-import { L } from "../chunks/tabs.BvKfeA6Y.js";
+/* empty css                         */
 import "./context.js";
-import "../chunks/index.aw0XaUkg.js";
-const M = (v) => {
-  const t = k.c(25), {
+import "../dialog/base/index.js";
+import q from "../list/Item.js";
+const y = (z) => {
+  const t = C(25), {
     id: e,
-    title: b,
+    title: u,
     closeable: a,
-    iconAlign: p,
-    icon: d,
-    iconName: i,
-    disabled: x,
+    iconAlign: d,
+    icon: p,
+    iconName: s,
+    disabled: T,
     tabMenuSize: f
-  } = v, {
-    selectTab: T,
-    removeTab: u,
-    selectedTabId: j
-  } = D();
+  } = z, {
+    selectTab: w,
+    removeTab: b,
+    selectedTabId: g
+  } = I();
+  let i;
+  t[0] !== e || t[1] !== w ? (i = () => w(e), t[0] = e, t[1] = w, t[2] = i) : i = t[2];
   let n;
-  t[0] !== e || t[1] !== T ? (n = () => T(e), t[0] = e, t[1] = T, t[2] = n) : n = t[2];
-  let r;
-  t[3] !== e || t[4] !== j ? (r = j === e ? /* @__PURE__ */ s.jsx($, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ s.jsx("div", { style: {
+  t[3] !== e || t[4] !== g ? (n = g === e ? /* @__PURE__ */ c(M, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ c("div", { style: {
     width: 16,
     height: 16
-  } }), t[3] = e, t[4] = j, t[5] = r) : r = t[5];
+  } }), t[3] = e, t[4] = g, t[5] = n) : n = t[5];
+  let r;
+  t[6] !== T || t[7] !== p || t[8] !== d || t[9] !== s || t[10] !== f || t[11] !== u ? (r = /* @__PURE__ */ c(D, { className: "btn menubutton", boxShadow: !1, iconAlign: d, iconName: s, icon: p, disabled: T, label: u, size: f, transparent: !0 }), t[6] = T, t[7] = p, t[8] = d, t[9] = s, t[10] = f, t[11] = u, t[12] = r) : r = t[12];
   let l;
-  t[6] !== x || t[7] !== d || t[8] !== p || t[9] !== i || t[10] !== f || t[11] !== b ? (l = /* @__PURE__ */ s.jsx(C, { className: "btn menubutton", boxShadow: !1, iconAlign: p, iconName: i, icon: d, disabled: x, label: b, size: f, transparent: !0 }), t[6] = x, t[7] = d, t[8] = p, t[9] = i, t[10] = f, t[11] = b, t[12] = l) : l = t[12];
-  let m;
-  t[13] !== a || t[14] !== e || t[15] !== u ? (m = a && /* @__PURE__ */ s.jsx("button", { className: "closepanel", onClick: () => u(e) }), t[13] = a, t[14] = e, t[15] = u, t[16] = m) : m = t[16];
+  t[13] !== a || t[14] !== e || t[15] !== b ? (l = a && /* @__PURE__ */ c("button", { className: "closepanel", onClick: () => b(e) }), t[13] = a, t[14] = e, t[15] = b, t[16] = l) : l = t[16];
   let o;
-  t[17] !== r || t[18] !== l || t[19] !== m ? (o = /* @__PURE__ */ s.jsxs("div", { className: "menuitem", children: [
+  t[17] !== n || t[18] !== r || t[19] !== l ? (o = /* @__PURE__ */ $("div", { className: "menuitem", children: [
+    n,
     r,
-    l,
-    m
-  ] }), t[17] = r, t[18] = l, t[19] = m, t[20] = o) : o = t[20];
-  let c;
-  return t[21] !== e || t[22] !== n || t[23] !== o ? (c = /* @__PURE__ */ s.jsx(L, { onClick: n, children: o }, e), t[21] = e, t[22] = n, t[23] = o, t[24] = c) : c = t[24], c;
-}, rt = (v) => {
-  const t = k.c(11), {
+    l
+  ] }), t[17] = n, t[18] = r, t[19] = l, t[20] = o) : o = t[20];
+  let m;
+  return t[21] !== e || t[22] !== i || t[23] !== o ? (m = /* @__PURE__ */ c(q, { onClick: i, children: o }, e), t[21] = e, t[22] = i, t[23] = o, t[24] = m) : m = t[24], m;
+}, rt = (z) => {
+  const t = C(11), {
     tabs: e,
-    tabMenuSize: b
-  } = v, a = e === void 0 ? [] : e, p = b === void 0 ? "medium" : b, {
-    selectedTabId: d
-  } = D();
-  let i;
-  t[0] !== d ? (i = (S) => S.id === d, t[0] = d, t[1] = i) : i = t[1];
-  const x = a.some(i), f = a.length > 0, T = N.uniqBy(a, "id");
+    tabMenuSize: u
+  } = z, a = e === void 0 ? [] : e, d = u === void 0 ? "medium" : u, {
+    selectedTabId: p
+  } = I();
+  let s;
+  t[0] !== p ? (s = (x) => x.id === p, t[0] = p, t[1] = s) : s = t[1];
+  const T = a.some(s), f = a.length > 0, w = A.uniqBy(a, "id");
   if (!f)
     return null;
-  const u = C, j = !0, n = "right", r = !0, l = !1, m = "large", o = `dropdownbutton ${f ? "show" : ""} ${x ? "has-selected" : ""}`, c = A, I = "dropdown-hide-tabs";
-  let w;
-  t[2] !== p ? (w = (S) => /* @__PURE__ */ s.jsx(M, { tabMenuSize: p, ...S }, S.id), t[2] = p, t[3] = w) : w = t[3];
-  const z = T.map(w);
+  const b = D, g = !0, i = "right", n = !0, r = !1, l = "large", o = `dropdownbutton ${f ? "show" : ""} ${T ? "has-selected" : ""}`, m = j, N = "dropdown-hide-tabs";
+  let S;
+  t[2] !== d ? (S = (x) => /* @__PURE__ */ c(y, { tabMenuSize: d, ...x }, x.id), t[2] = d, t[3] = S) : S = t[3];
+  const k = w.map(S);
   let h;
-  t[4] !== c || t[5] !== z ? (h = /* @__PURE__ */ s.jsx(c, { customClass: I, children: z }), t[4] = c, t[5] = z, t[6] = h) : h = t[6];
-  let g;
-  return t[7] !== u || t[8] !== h || t[9] !== o ? (g = /* @__PURE__ */ s.jsx(u, { dropdown: j, dropdownAlign: n, transparent: r, boxShadow: l, size: m, customClass: o, children: h }), t[7] = u, t[8] = h, t[9] = o, t[10] = g) : g = t[10], g;
+  t[4] !== m || t[5] !== k ? (h = /* @__PURE__ */ c(m, { customClass: N, children: k }), t[4] = m, t[5] = k, t[6] = h) : h = t[6];
+  let v;
+  return t[7] !== b || t[8] !== h || t[9] !== o ? (v = /* @__PURE__ */ c(b, { dropdown: g, dropdownAlign: i, transparent: n, boxShadow: r, size: l, customClass: o, children: h }), t[7] = b, t[8] = h, t[9] = o, t[10] = v) : v = t[10], v;
 };
 export {
   rt as default
 };
+//# sourceMappingURL=DropdownTabs.js.map

package/lib/tabs/DropdownTabs.js.map

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAV,GAUnB;AAAA,IAAAW,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAgDC,EAAAA;AAAU,MAAAC;AAAA,EAAAd,EAAA,CAAA,MAAAE,KAAAF,SAAAU,KAG5BI,IAAAA,MAAMJ,EAAUR,CAAE,GAACF,OAAAE,GAAAF,OAAAU,GAAAV,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,CAAA,MAAAE,KAAAF,SAAAY,KAE1CG,IAAAH,MAAkBV,IAEf,gBAAAc,EAACC,GAAA,EAAU,MAAA,aAAkB,OAAA,UAAA,CAAS,IAGtC,gBAAAD,EAAA,OAAA,EAAY,OAAA;AAAA,IAAAE,OAAS;AAAA,IAAEC,QAAU;AAAA,EAAA,GAAI,GACpCnB,OAAAE,GAAAF,OAAAY,GAAAZ,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAQ,KAAAR,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAO,KAAAP,UAAAS,KAAAT,EAAA,EAAA,MAAAG,KACLiB,IAAA,gBAAAJ,EAACK,GAAA,EACW,WAAA,kBACC,WAAA,IACAhB,WAAAA,GACDE,UAAAA,GACJD,MAAAA,GACIE,UAAAA,GACHL,OAAAA,GACDM,MAAAA,GACN,aAAA,IAAW,GAAGT,OAAAQ,GAAAR,OAAAM,GAAAN,OAAAK,GAAAL,OAAAO,GAAAP,QAAAS,GAAAT,QAAAG,GAAAH,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,EAAA,MAAAI,KAAAJ,UAAAE,KAAAF,EAAA,EAAA,MAAAW,KACfW,IAAAlB,uBACC,UAAA,EACY,WAAA,cACD,SAAA,MAAMO,EAAUT,CAAE,EAAA,CAAC,GAAIF,QAAAI,GAAAJ,QAAAE,GAAAF,QAAAW,GAAAX,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAuB;AAAA,EAAAvB,EAAA,EAAA,MAAAe,KAAAf,UAAAoB,KAAApB,EAAA,EAAA,MAAAsB,KArBtCC,+BAAe,WAAA,YACZR,UAAAA;AAAAA,IAAAA;AAAAA,IAODK;AAAAA,IAUCE;AAAAA,EAAAA,GAIH,GAAMtB,QAAAe,GAAAf,QAAAoB,GAAApB,QAAAsB,GAAAtB,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAAwB;AAAA,SAAAxB,EAAA,EAAA,MAAAE,KAAAF,UAAAc,KAAAd,EAAA,EAAA,MAAAuB,KAvBRC,sBAACC,GAAA,EAA2B,SAAAX,GAC1BS,eADarB,CAwBf,GAAWF,QAAAE,GAAAF,QAAAc,GAAAd,QAAAuB,GAAAvB,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA,GAxBXwB;AAwBW,GAITE,KAAe3B,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAA0B,MAAAb;AAAAA,IAAAL,aAAAM;AAAAA,EAAAA,IAAAhB,GACpB4B,IAAAb,MAAAc,SAAA,CAAA,IAAAd,GACAL,IAAAM,MAAAa,SAAA,WAAAb,GAEA;AAAA,IAAAH,eAAAA;AAAAA,EAAAA,IAA0BC,EAAAA;AAAU,MAAAO;AAAA,EAAApB,SAAAY,KACHQ,IAAAS,CAAAA,MAAOA,EAAG3B,OAAQU,GAAaZ,OAAAY,GAAAZ,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAAhE,QAAA8B,IAAuBH,EAAII,KAAMX,CAA+B,GAChEY,IAAgBL,EAAIM,SAAU,GAC9BC,IAAmBC,EAACC,OAAQT,GAAM,IAAI;AAEtC,MAAI,CAACK;AAAO,WAAS;AAElB,QAAAK,IAAAhB,GACCC,IAAA,IACcC,IAAA,SACdC,IAAA,IACWc,IAAA,IACNC,IAAA,SACQC,IAAA,kBAAkBR,IAAA,SAAA,EAAqB,IAAIF,IAAA,iBAAA,EAAoC,IAC3FW,IAAAC,GAAiBC,IAAA;AAAoB,MAAAC;AAAA,EAAA5C,SAAAS,KACpBmC,IAAAC,OACd,gBAAA7B,EAAClB,GAAA,EAAsCW,aAAAA,GAAW,GAAMoB,EAAAA,GAAtCA,EAAG3B,EAAsC,GAC5DF,OAAAS,GAAAT,OAAA4C,KAAAA,IAAA5C,EAAA,CAAA;AAFA,QAAA8C,IAAAZ,EAAUa,IAAKH,CAEf;AAAC,MAAAI;AAAA,EAAAhD,EAAA,CAAA,MAAAyC,KAAAzC,SAAA8C,KAHJE,IAAA,gBAAAhC,EAACyB,GAAA,EAAiB,aAAAE,GACfG,UAAAA,GAGH,GAAO9C,OAAAyC,GAAAzC,OAAA8C,GAAA9C,OAAAgD,KAAAA,IAAAhD,EAAA,CAAA;AAAA,MAAAiD;AAAA,SAAAjD,EAAA,CAAA,MAAAqC,KAAArC,SAAAgD,KAAAhD,EAAA,CAAA,MAAAwC,KAXTS,IAAA,gBAAAjC,EAACqB,GAAA,EACC,UAAAf,GACc,eAAAC,GACd,aAAAC,GACW,WAAAc,GACN,MAAAC,GACQ,aAAAC,GACbQ,UAAAA,GAKF,GAAShD,OAAAqC,GAAArC,OAAAgD,GAAAhD,OAAAwC,GAAAxC,QAAAiD,KAAAA,IAAAjD,EAAA,EAAA,GAZTiD;AAYS;"}

package/lib/tabs/Menu.js

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

package/lib/tabs/Menu.js.map

@@ -0,0 +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;"}

package/lib/tabs/MenuTabs.js

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

package/lib/tabs/MenuTabs.js.map

@@ -0,0 +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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"}