linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/menus/sidenav/NavSubMenuItem.js

@@ -1,23 +1,40 @@
-import { j as e } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as m, useContext as d } from "react";
-import c from "./MenuLink.js";
-import { SubMenuContext as b } from "./helpers.js";
-import { OPTIONS_ON_DENIED as t, actionsOnPermissionDenied as p } from "../../permissionValidations.js";
-const D = ({ title: o, url: i, permissionAttr: s }) => {
-  const r = [t.disabled, t.unvisible], [l] = m(p(r, s)), { toggleSubMenu: u } = d(b), { unvisible: a, disabled: n } = l;
-  return a ? null : /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: `item hvr-forward ${n && "-disabled"}`,
-      onKeyDown: () => {
-      },
-      role: "button",
-      tabIndex: -1,
-      onClick: u,
-      children: /* @__PURE__ */ e.jsx(c, { disabled: n, url: i, children: /* @__PURE__ */ e.jsx("span", { className: "title", children: o }) })
-    }
-  );
+import { jsx as d } from "react/jsx-runtime";
+import { c as v } from "../../_virtual/compiler-runtime.js";
+import { useContext as D, useState as S } from "react";
+import h from "./MenuLink.js";
+import { SubMenuContext as I } from "./helpers.js";
+import { actionsOnPermissionDenied as M, OPTIONS_ON_DENIED as f } from "../../permissionValidations.js";
+const P = (p) => {
+  const e = v.c(13), {
+    title: l,
+    url: m,
+    permissionAttr: c
+  } = p;
+  let o, i;
+  if (e[0] !== c) {
+    const N = [f.disabled, f.unvisible];
+    o = S, i = M(N, c), e[0] = c, e[1] = o, e[2] = i;
+  } else
+    o = e[1], i = e[2];
+  const [b] = o(i), {
+    toggleSubMenu: u
+  } = D(I), {
+    unvisible: x,
+    disabled: s
+  } = b;
+  if (x)
+    return null;
+  const a = `item hvr-forward ${s && "-disabled"}`;
+  let t;
+  e[3] !== l ? (t = /* @__PURE__ */ d("span", { className: "title", children: l }), e[3] = l, e[4] = t) : t = e[4];
+  let n;
+  e[5] !== s || e[6] !== t || e[7] !== m ? (n = /* @__PURE__ */ d(h, { disabled: s, url: m, children: t }), e[5] = s, e[6] = t, e[7] = m, e[8] = n) : n = e[8];
+  let r;
+  return e[9] !== a || e[10] !== n || e[11] !== u ? (r = /* @__PURE__ */ d("div", { className: a, onKeyDown: O, role: "button", tabIndex: -1, onClick: u, children: n }), e[9] = a, e[10] = n, e[11] = u, e[12] = r) : r = e[12], r;
 };
+function O() {
+}
 export {
-  D as default
+  P as default
 };
+//# sourceMappingURL=NavSubMenuItem.js.map

package/lib/menus/sidenav/NavSubMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavSubMenuItem.js","sources":["../../../src/lib/menus/sidenav/NavSubMenuItem.tsx"],"sourcesContent":["import { useState, useContext } from 'react';\nimport MenuLink from './MenuLink';\nimport { SubMenuContext } from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { INavSubMenuItemProps } from './types';\nimport { OnDenied } from '../../@types/PermissionAttr';\n\nconst NavSubMenuItem = ({ title, url, permissionAttr }: INavSubMenuItemProps) => {\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n  const { toggleSubMenu } = useContext(SubMenuContext);\n  const { unvisible, disabled } = onDenied;\n\n  if (unvisible) return null;\n  return (\n    <div\n      className={`item hvr-forward ${disabled && '-disabled'}`}\n      onKeyDown={() => {}}\n      role=\"button\"\n      tabIndex={-1}\n      onClick={toggleSubMenu}>\n      <MenuLink disabled={disabled} url={url}>\n        <span className=\"title\">{title}</span>\n      </MenuLink>\n    </div>\n  );\n};\n\nexport default NavSubMenuItem;\n"],"names":["NavSubMenuItem","t0","$","_c","title","url","permissionAttr","t1","t2","options","OPTIONS_ON_DENIED","disabled","unvisible","useState","actionsOnPermissionDenied","onDenied","toggleSubMenu","useContext","SubMenuContext","t3","t4","jsx","t5","MenuLink","t6","_temp"],"mappings":";;;;;;AAOA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,EAAAA,IAAAL;AAAoD,MAAAM,GAAAC;AAAA,MAAAN,SAAAI,GAAA;AAC1E,UAAAG,IAAgB,CAACC,EAAiBC,UAAWD,EAAiBE,SAAU;AACrDC,IAAAA,IAAAA,GAAmBL,IAAAM,EAA0BL,GAASH,CAAc,GAACJ,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM;AAAAA,EAAA;AAAAD,IAAAA,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA;AAAxF,QAAA,CAAAa,CAAA,IAAmBF,EAAmBL,CAAkD,GACxF;AAAA,IAAAQ,eAAAA;AAAAA,EAAAA,IAA0BC,EAAWC,CAAc,GACnD;AAAA,IAAAN,WAAAA;AAAAA,IAAAD,UAAAA;AAAAA,EAAAA,IAAgCI;AAEhC,MAAIH;AAAS,WAAS;AAGP,QAAAO,IAAA,oBAAoBR,KAAA,WAAuB;AAAE,MAAAS;AAAA,EAAAlB,SAAAE,KAMtDgB,IAAA,gBAAAC,EAAA,QAAA,EAAgB,WAAA,SAASjB,UAAAA,GAAM,GAAOF,OAAAE,GAAAF,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,EAAA,CAAA,MAAAS,KAAAT,SAAAkB,KAAAlB,EAAA,CAAA,MAAAG,KADxCiB,sBAACC,GAAA,EAAmBZ,UAAAA,GAAeN,KAAAA,GACjCe,UAAAA,GACF,GAAWlB,OAAAS,GAAAT,OAAAkB,GAAAlB,OAAAG,GAAAH,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,CAAA,MAAAiB,KAAAjB,UAAAoB,KAAApB,EAAA,EAAA,MAAAc,KARbQ,IAAA,gBAAAH,EAAA,OAAA,EACa,WAAAF,GACA,WAAAM,GACN,MAAA,UACK,UAAA,IACDT,SAAAA,GACTM,UAAAA,GAGF,GAAMpB,OAAAiB,GAAAjB,QAAAoB,GAAApB,QAAAc,GAAAd,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GATNsB;AASM;AAjBa,SAAAC,IAAA;AAAA;"}

package/lib/menus/sidenav/helpers.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 import { ISideNavContext, ISubMenuContext } from './types';
 declare const getCssClassMenu: (isExpanded?: boolean, size?: string) => string;
-export declare const SubMenuContext: React.Context<ISubMenuContext>;
-export declare const SideNavContext: React.Context<ISideNavContext>;
+export declare const SubMenuContext: import('react').Context<ISubMenuContext>;
+export declare const SideNavContext: import('react').Context<ISideNavContext>;
 export default getCssClassMenu;

package/lib/menus/sidenav/helpers.js

@@ -1,10 +1,11 @@
-import t from "react";
-const o = (n, s) => {
+import { createContext as t } from "react";
+const a = (s, n) => {
   let e = "expandedmenu";
-  return n || (e = `collapsedmenu -${s}`), e;
-}, c = t.createContext({}), u = t.createContext({});
+  return s || (e = `collapsedmenu -${n}`), e;
+}, u = t({}), c = t({});
 export {
-  u as SideNavContext,
-  c as SubMenuContext,
-  o as default
+  c as SideNavContext,
+  u as SubMenuContext,
+  a as default
 };
+//# sourceMappingURL=helpers.js.map

package/lib/menus/sidenav/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/menus/sidenav/helpers.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { ISideNavContext, ISubMenuContext } from './types';\n\nconst getCssClassMenu = (isExpanded?: boolean, size?: string) => {\n  let cssClass = 'expandedmenu';\n  if (!isExpanded) {\n    cssClass = `collapsedmenu -${size}`;\n  }\n  return cssClass;\n};\n\nexport const SubMenuContext = createContext<ISubMenuContext>({} as ISubMenuContext);\nexport const SideNavContext = createContext<ISideNavContext>({} as ISideNavContext);\n\nexport default getCssClassMenu;\n"],"names":["getCssClassMenu","isExpanded","size","cssClass","SubMenuContext","createContext","SideNavContext"],"mappings":";AAGA,MAAMA,IAAkBA,CAACC,GAAsBC,MAAkB;AAC/D,MAAIC,IAAW;AACf,SAAKF,MACHE,IAAW,kBAAkBD,CAAI,KAE5BC;AACT,GAEaC,IAAiBC,EAA+B,CAAA,CAAqB,GACrEC,IAAiBD,EAA+B,CAAA,CAAqB;"}

package/lib/menus/sidenav/index.js

@@ -1,128 +1,152 @@
-import { j as t } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as a, useRef as H, useEffect as l } from "react";
-import I from "./NavMenuItem.js";
-import T from "./NavSubMenuItem.js";
-import _ from "./NavMenuGroup.js";
-import q from "./ExpandMenu.js";
-import { SideNavContext as B } from "./helpers.js";
-import G from "../../icons/index.js";
-import { keyCodes as O } from "../../internals/constants.js";
-import V from "./popup_menu_search/index.js";
-import { v as N } from "../../chunks/v1.CDXKvGzE.js";
-const re = (f) => {
-  const {
-    customClass: $,
-    showExpandMenu: g,
-    expandMenuCustomClass: j,
-    expanded: u = !0,
-    menuSize: s = "medium",
-    onExpandMenuClick: x,
+import { jsx as h, jsxs as oe } from "react/jsx-runtime";
+import { c as me } from "../../_virtual/compiler-runtime.js";
+import { useState as j, useRef as ue, useEffect as W } from "react";
+import se from "./NavMenuItem.js";
+import pe from "./NavSubMenuItem.js";
+import fe from "./NavMenuGroup.js";
+import de from "./ExpandMenu.js";
+import '../../assets/styles/sidenav.css';/* empty css                               */
+import { SideNavContext as he } from "./helpers.js";
+import Se from "../../icons/index.js";
+import { keyCodes as Ce } from "../../internals/constants.js";
+import xe from "./popup_menu_search/index.js";
+import re from "../../node_modules/uuid/dist/v1.js";
+const ze = (a) => {
+  const e = me.c(52), {
+    customClass: ie,
+    showExpandMenu: A,
+    expandMenuCustomClass: H,
+    expanded: X,
+    menuSize: Y,
+    onExpandMenuClick: C,
     children: i,
-    enableMenuSearch: p,
-    menuSearchCustomComponent: h
-  } = f, [o, C] = a(u), [M, k] = a([]), [w, b] = a({}), [c, v] = a(!1), r = H(null), D = () => {
-    C(!o), x && x(!o);
-  }, R = () => {
-    const { left: e, top: n, width: d, height: A } = w;
-    return `left: ${e + d + 5}px; top: ${n + 1}px; height: ${A - 8}px;`;
-  }, K = () => {
-    v(!1);
-  }, S = (e) => {
-    const { type: n } = e;
-    (n === I || n === T) && !e.props.children && k((d) => [...d, {
-      id: e.props.id || `${e.props.title}-${N()}`,
-      content: e.props.title,
-      url: e.props.url
-    }]);
-  }, m = (e) => {
-    Array.isArray(e) ? e.forEach((n) => {
-      n && (S(n), n.props && n.props.children && m(n.props.children));
-    }) : e && (S(e), e.props && e.props.children && m(e.props.children));
-  }, y = () => {
-    v(!0);
-  }, E = (e) => {
-    [O.F].includes(e.keyCode) && e.ctrlKey && e.shiftKey && (e.preventDefault(), y());
-  };
-  l(() => (document.addEventListener("keydown", E), () => {
-    document.removeEventListener("keydown", E);
-  }), []), l(() => {
-    p && r && r.current && b(r.current.getBoundingClientRect()), p && m(i);
-  }, []), l(() => {
-    C(u);
-  }, [u]);
-  const P = () => M.filter((e) => e.content !== ""), F = () => {
-    const e = {
-      ...f,
-      style: R(),
-      handlerClose: K,
-      menuItemsContent: M && P()
+    enableMenuSearch: l,
+    menuSearchCustomComponent: x
+  } = a, S = X === void 0 ? !0 : X, r = Y === void 0 ? "medium" : Y, [o, Z] = j(S);
+  let v;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (v = [], e[0] = v) : v = e[0];
+  const [m, le] = j(v);
+  let y;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (y = {}, e[1] = y) : y = e[1];
+  const [T, ce] = j(y), [c, ee] = j(!1), M = ue(null);
+  let b;
+  e[2] !== o || e[3] !== C ? (b = () => {
+    Z(!o), C && C(!o);
+  }, e[2] = o, e[3] = C, e[4] = b) : b = e[4];
+  const q = b;
+  let _;
+  e[5] !== T ? (_ = () => {
+    const {
+      left: n,
+      top: t,
+      width: s,
+      height: U
+    } = T;
+    return `left: ${n + s + 5}px; top: ${t + 1}px; height: ${U - 8}px;`;
+  }, e[5] = T, e[6] = _) : _ = e[6];
+  const B = _;
+  let E;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
+    ee(!1);
+  }, e[7] = E) : E = e[7];
+  const ae = E;
+  let u, I;
+  if (e[8] === Symbol.for("react.memo_cache_sentinel")) {
+    const n = (t) => {
+      const {
+        type: s
+      } = t;
+      (s === se || s === pe) && !t.props.children && le((U) => [...U, {
+        id: t.props.id || `${t.props.title}-${re()}`,
+        content: t.props.title,
+        url: t.props.url
+      }]);
     };
-    return /* @__PURE__ */ t.jsx(_, { children: /* @__PURE__ */ t.jsxs(
-      I,
-      {
-        childrenIsSubMenu: !1,
-        customClass: "-customsidenavitem",
-        tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)",
-        tooltipPosition: "right",
-        children: [
-          /* @__PURE__ */ t.jsx(
-            "div",
-            {
-              className: "searchmenubutton",
-              role: "button",
-              tabIndex: -1,
-              onKeyDown: () => {
-              },
-              onClick: () => {
-                y();
-              },
-              children: /* @__PURE__ */ t.jsx(
-                G,
-                {
-                  name: "search",
-                  customClass: "searchmenuicon",
-                  size: s === "small" && 16 || s === "medium" && 22 || s === "large" && 32 || 16
-                }
-              )
-            },
-            "searchMenuIcon"
-          ),
-          c && (h ? h(e) : /* @__PURE__ */ t.jsx(V, { ...e }))
-        ]
-      }
-    ) }, `popup-menusearch-${N()}`);
-  }, L = () => {
-    if (!p) return i;
-    const e = [...i];
-    return e.splice(1, 0, F()), e;
-  }, z = {
+    u = (t) => {
+      Array.isArray(t) ? t.forEach((s) => {
+        s && (n(s), s.props && s.props.children && u(s.props.children));
+      }) : t && (n(t), t.props && t.props.children && u(t.props.children));
+    }, I = () => {
+      ee(!0);
+    }, e[8] = u, e[9] = I;
+  } else
+    u = e[8], I = e[9];
+  const te = I;
+  let N;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (N = (n) => {
+    [Ce.F].includes(n.keyCode) && n.ctrlKey && n.shiftKey && (n.preventDefault(), te());
+  }, e[10] = N) : N = e[10];
+  const ne = N;
+  let $, g;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (g = () => (document.addEventListener("keydown", ne), () => {
+    document.removeEventListener("keydown", ne);
+  }), $ = [], e[11] = $, e[12] = g) : ($ = e[11], g = e[12]), W(g, $);
+  let k;
+  e[13] !== i || e[14] !== l ? (k = () => {
+    l && M && M.current && ce(M.current.getBoundingClientRect()), l && u(i);
+  }, e[13] = i, e[14] = l, e[15] = k) : k = e[15];
+  let w;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (w = [], e[16] = w) : w = e[16], W(k, w);
+  let D, R;
+  e[17] !== S ? (D = () => {
+    Z(S);
+  }, R = [S], e[17] = S, e[18] = D, e[19] = R) : (D = e[18], R = e[19]), W(D, R);
+  let K;
+  e[20] !== m ? (K = () => m.filter(ve), e[20] = m, e[21] = K) : K = e[21];
+  const G = K;
+  let P;
+  e[22] !== B || e[23] !== m || e[24] !== x || e[25] !== r || e[26] !== c || e[27] !== a || e[28] !== G ? (P = () => {
+    const n = {
+      ...a,
+      style: B(),
+      handlerClose: ae,
+      menuItemsContent: m && G()
+    };
+    return /* @__PURE__ */ h(fe, { children: /* @__PURE__ */ oe(se, { childrenIsSubMenu: !1, customClass: "-customsidenavitem", tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)", tooltipPosition: "right", children: [
+      /* @__PURE__ */ h("div", { className: "searchmenubutton", role: "button", tabIndex: -1, onKeyDown: ye, onClick: () => {
+        te();
+      }, children: /* @__PURE__ */ h(Se, { name: "search", customClass: "searchmenuicon", size: r === "small" && 16 || r === "medium" && 22 || r === "large" && 32 || 16 }) }, "searchMenuIcon"),
+      c && (x ? x(n) : /* @__PURE__ */ h(xe, { ...n }))
+    ] }) }, `popup-menusearch-${re()}`);
+  }, e[22] = B, e[23] = m, e[24] = x, e[25] = r, e[26] = c, e[27] = a, e[28] = G, e[29] = P) : P = e[29];
+  const O = P;
+  let z;
+  e[30] !== i || e[31] !== l || e[32] !== O ? (z = () => {
+    if (!l)
+      return i;
+    const n = [...i];
+    return n.splice(1, 0, O()), n;
+  }, e[30] = i, e[31] = l, e[32] = O, e[33] = z) : z = e[33];
+  const V = z;
+  let F;
+  e[34] !== o || e[35] !== r || e[36] !== c ? (F = {
     isExpanded: o,
-    menuSize: s,
+    menuSize: r,
     openSearchMenuPopup: c
-  };
-  return /* @__PURE__ */ t.jsx(B.Provider, { value: z, children: /* @__PURE__ */ t.jsxs(
-    "div",
-    {
-      className: `sidenav-component ${o ? "-expanded" : ""} ${c ? "-blocked" : ""} ${$}`,
-      ref: r,
-      children: [
-        g && /* @__PURE__ */ t.jsx(
-          q,
-          {
-            expandMenuCustomClass: `${o && "closefromexpanded"} ${j}`,
-            onExpandMenu: D,
-            iconName: o ? "arrow_left" : "arrow_right"
-          }
-        ),
-        L()
-      ]
-    }
-  ) });
+  }, e[34] = o, e[35] = r, e[36] = c, e[37] = F) : F = e[37];
+  const J = F, Q = `sidenav-component ${o ? "-expanded" : ""} ${c ? "-blocked" : ""} ${ie}`;
+  let p;
+  e[38] !== H || e[39] !== o || e[40] !== q || e[41] !== A ? (p = A && /* @__PURE__ */ h(de, { expandMenuCustomClass: `${o && "closefromexpanded"} ${H}`, onExpandMenu: q, iconName: o ? "arrow_left" : "arrow_right" }), e[38] = H, e[39] = o, e[40] = q, e[41] = A, e[42] = p) : p = e[42];
+  let f;
+  e[43] !== V ? (f = V(), e[43] = V, e[44] = f) : f = e[44];
+  let d;
+  e[45] !== Q || e[46] !== p || e[47] !== f ? (d = /* @__PURE__ */ oe("div", { className: Q, ref: M, children: [
+    p,
+    f
+  ] }), e[45] = Q, e[46] = p, e[47] = f, e[48] = d) : d = e[48];
+  let L;
+  return e[49] !== J || e[50] !== d ? (L = /* @__PURE__ */ h(he.Provider, { value: J, children: d }), e[49] = J, e[50] = d, e[51] = L) : L = e[51], L;
 };
+function ve(a) {
+  return a.content !== "";
+}
+function ye() {
+}
 export {
-  q as ExpandedMenu,
-  _ as NavMenuGroup,
-  I as NavMenuItem,
-  T as NavSubMenuItem,
-  re as default
+  de as ExpandedMenu,
+  fe as NavMenuGroup,
+  se as NavMenuItem,
+  pe as NavSubMenuItem,
+  ze as default
 };
+//# sourceMappingURL=index.js.map

package/lib/menus/sidenav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/menus/sidenav/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ReactElement, ReactNode } from 'react';\nimport * as uuid from 'uuid';\nimport NavMenuItem from './NavMenuItem';\nimport NavSubMenuItem from './NavSubMenuItem';\nimport NavMenuGroup from './NavMenuGroup';\nimport ExpandedMenu from './ExpandMenu';\nimport '../../assets/styles/sidenav.scss';\nimport { SideNavContext } from './helpers';\nimport Icon from '../../icons';\nimport * as constants from '../../internals/constants';\nimport PopupMenuSearch from './popup_menu_search';\nimport { IMenuItemContent, ISideNavContext, ISideNavDimensions, ISideNavProps } from './types';\n\nconst SideNav = (props: ISideNavProps) => {\n  const {\n    customClass, showExpandMenu, expandMenuCustomClass, expanded = true, menuSize = 'medium',\n    onExpandMenuClick, children, enableMenuSearch, menuSearchCustomComponent,\n  } = props;\n  const [isExpanded, setIsExpanded] = useState(expanded);\n  const [menuItemsContent, setMenuItemsContent] = useState<IMenuItemContent[]>([]);\n  const [sideNavDimensions, setSideNavDimensions] =\n    useState<ISideNavDimensions>({} as ISideNavDimensions);\n  const [openSearchMenuPopup, setOpenSearchMenuPopup] = useState(false);\n  const sideNavRef = useRef<HTMLDivElement | null>(null);\n\n  const onHeaderClick = () => {\n    setIsExpanded(!isExpanded);\n    if (onExpandMenuClick) onExpandMenuClick(!isExpanded);\n  };\n\n  const getPopupMenuSearchStyle = () => {\n    const { left, top, width, height } = sideNavDimensions;\n    const style = `left: ${left + width + 5}px; top: ${top + 1}px; height: ${height - 8}px;`;\n    return style;\n  };\n\n  const closeSearchMenuPopup = () => {\n    setOpenSearchMenuPopup(false);\n  };\n\n  const compareChild = (child: any) => {\n    const { type } = child;\n    if ((type === NavMenuItem || type === NavSubMenuItem) && !child.props.children) {\n      setMenuItemsContent(prevState => [...prevState, {\n        id: child.props.id || `${child.props.title}-${uuid.v1()}`,\n        content: child.props.title,\n        url: child.props.url,\n      }]);\n    }\n  };\n\n  const scanChildrenContent = (childrenProps: any) => {\n    if (Array.isArray(childrenProps)) {\n      childrenProps.forEach((child) => {\n        if (child) {\n          compareChild(child);\n          if (child.props && child.props.children) scanChildrenContent(child.props.children);\n        }\n      });\n    } else if (childrenProps) {\n      compareChild(childrenProps);\n      if (childrenProps.props && childrenProps.props.children) \n        scanChildrenContent(childrenProps.props.children);\n    }\n  };\n\n  const openSearchMenu = () => {\n    setOpenSearchMenuPopup(true);\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if ([constants.keyCodes.F].includes(e.keyCode) && e.ctrlKey && e.shiftKey) {\n      e.preventDefault();\n      openSearchMenu();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (enableMenuSearch && sideNavRef && sideNavRef.current) {\n      setSideNavDimensions(sideNavRef.current.getBoundingClientRect());\n    }\n    if (enableMenuSearch) scanChildrenContent(children as ReactElement);\n  }, []);\n\n  useEffect(() => {\n    setIsExpanded(expanded);\n  }, [expanded]);\n\n  const returnMenuItems = () => menuItemsContent.filter(item => item.content !== '');\n\n  const getPopupMenuSearch = () => {\n    const searchProps = {\n      ...props,\n      style: getPopupMenuSearchStyle(),\n      handlerClose: closeSearchMenuPopup,\n      menuItemsContent: menuItemsContent && returnMenuItems(),\n    };\n\n    return (\n      <NavMenuGroup key={`popup-menusearch-${uuid.v1()}`}>\n        <NavMenuItem\n          childrenIsSubMenu={false}\n          customClass=\"-customsidenavitem\"\n          tooltip=\"Pesquisar funcionalidades (CTRL+SHIFT+F)\"\n          tooltipPosition=\"right\">\n          <div\n            key=\"searchMenuIcon\"\n            className=\"searchmenubutton\"\n            role=\"button\"\n            tabIndex={-1}\n            onKeyDown={() => {}}\n            onClick={() => { openSearchMenu(); }}>\n            <Icon\n              name=\"search\"\n              customClass=\"searchmenuicon\"\n              size={\n                (menuSize === 'small' && 16) ||\n                (menuSize === 'medium' && 22) ||\n                (menuSize === 'large' && 32) || 16\n              } />\n          </div>\n          {openSearchMenuPopup && (\n            menuSearchCustomComponent\n              ? menuSearchCustomComponent(searchProps)\n              : <PopupMenuSearch {...searchProps} />\n          )}\n        </NavMenuItem>\n      </NavMenuGroup>\n    );\n  };\n\n  const getSideNavContent = (): ReactNode | ReactNode[] => {\n    if (!enableMenuSearch) return children;\n    const items = [...children as ReactNode[]];\n    items.splice(1, 0, getPopupMenuSearch());\n    return items;\n  };\n\n  const contextValues: ISideNavContext = {\n    isExpanded,\n    menuSize,\n    openSearchMenuPopup,\n  };\n  return (\n    <SideNavContext.Provider value={contextValues}>\n      <div\n        className={`sidenav-component ${isExpanded ? '-expanded' : ''} ${openSearchMenuPopup ? '-blocked' : ''} ${customClass}`}\n        ref={sideNavRef}>\n        {showExpandMenu &&\n          <ExpandedMenu\n            expandMenuCustomClass={`${isExpanded && 'closefromexpanded'} ${expandMenuCustomClass}`}\n            onExpandMenu={onHeaderClick}\n            iconName={isExpanded ? 'arrow_left' : 'arrow_right'} />}\n        {getSideNavContent()}\n      </div>\n    </SideNavContext.Provider>\n  );\n};\n\nexport default SideNav;\nexport {\n  NavMenuItem,\n  NavSubMenuItem,\n  NavMenuGroup,\n  ExpandedMenu,\n};\n"],"names":["SideNav","props","$","_c","customClass","showExpandMenu","expandMenuCustomClass","expanded","t0","menuSize","t1","onExpandMenuClick","children","enableMenuSearch","menuSearchCustomComponent","undefined","isExpanded","setIsExpanded","useState","t2","Symbol","for","menuItemsContent","setMenuItemsContent","t3","sideNavDimensions","setSideNavDimensions","openSearchMenuPopup","setOpenSearchMenuPopup","sideNavRef","useRef","t4","onHeaderClick","t5","left","top","width","height","getPopupMenuSearchStyle","t6","closeSearchMenuPopup","scanChildrenContent","t7","compareChild","child","type","NavMenuItem","NavSubMenuItem","prevState","id","title","uuid","v1","content","url","childrenProps","Array","isArray","forEach","child_0","openSearchMenu","t8","e","constants","F","includes","keyCode","ctrlKey","shiftKey","preventDefault","onKeyDown","t10","t9","document","addEventListener","removeEventListener","useEffect","t11","current","getBoundingClientRect","t12","t13","t14","t15","filter","_temp","returnMenuItems","t16","searchProps","style","handlerClose","jsx","NavMenuGroup","jsxs","_temp2","Icon","PopupMenuSearch","getPopupMenuSearch","t17","items","splice","getSideNavContent","t18","contextValues","t19","t20","ExpandedMenu","t21","t22","t23","SideNavContext","item"],"mappings":"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"}

package/lib/menus/sidenav/popup_menu_search/EmptyList.js

@@ -1,19 +1,24 @@
-import { j as s } from "../../../chunks/jsx-runtime.CYK1ROHF.js";
-import o from "../../../icons/index.js";
-const i = ({
-  info: t,
-  visible: r = !0
-}) => r ? /* @__PURE__ */ s.jsxs("div", { className: "nodata-container", children: [
-  /* @__PURE__ */ s.jsx(
-    o,
-    {
-      name: "information",
-      color: "#bdbdbd",
-      size: 128
-    }
-  ),
-  /* @__PURE__ */ s.jsx("p", { className: "subtext", children: t })
-] }) : /* @__PURE__ */ s.jsx("noscript", {});
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { c as m } from "../../../_virtual/compiler-runtime.js";
+import a from "../../../icons/index.js";
+const u = (c) => {
+  const e = m.c(4), {
+    info: s,
+    visible: n
+  } = c;
+  if (!(n === void 0 ? !0 : n)) {
+    let i;
+    return e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ r("noscript", {}), e[0] = i) : i = e[0], i;
+  }
+  let t;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ r(a, { name: "information", color: "#bdbdbd", size: 128 }), e[1] = t) : t = e[1];
+  let o;
+  return e[2] !== s ? (o = /* @__PURE__ */ l("div", { className: "nodata-container", children: [
+    t,
+    /* @__PURE__ */ r("p", { className: "subtext", children: s })
+  ] }), e[2] = s, e[3] = o) : o = e[3], o;
+};
 export {
-  i as default
+  u as default
 };
+//# sourceMappingURL=EmptyList.js.map

package/lib/menus/sidenav/popup_menu_search/EmptyList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyList.js","sources":["../../../../src/lib/menus/sidenav/popup_menu_search/EmptyList.tsx"],"sourcesContent":["import Icon from '../../../icons';\nimport { IEmptyListProps } from '../types';\n\nconst EmptyList = ({\n  info,\n  visible = true,\n}: IEmptyListProps) => {\n  if (!visible) return <noscript />;\n  return (\n    <div className=\"nodata-container\">\n      <Icon\n        name=\"information\"\n        color=\"#bdbdbd\"\n        size={128} />\n      <p className=\"subtext\">{info}</p>\n    </div>\n  );\n};\n\nexport default EmptyList;\n"],"names":["EmptyList","t0","$","_c","info","visible","t1","undefined","t2","Symbol","for","Icon","t3","jsxs","jsx"],"mappings":";;;AAGA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,SAAAC;AAAAA,EAAAA,IAAAL;AAIjB,MAAI,EAFJK,MAAAC,SAAA,KAAAD,IAEY;AAAA,QAAAE;AAAA,WAAAN,EAAA,CAAA,MAAAO,OAAAC,IAAA,2BAAA,KAASF,sBAAA,YAAA,EAAY,GAAAN,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GAAZM;AAAAA,EAAY;AAAC,MAAAA;AAAA,EAAAN,EAAA,CAAA,MAAAO,OAAAC,IAAA,2BAAA,KAG9BF,sBAACG,GAAA,EACM,MAAA,eACC,OAAA,WACA,MAAA,KAAG,GAAIT,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,SAAAE,KAJjBQ,IAAA,gBAAAC,EAAA,OAAA,EAAe,WAAA,oBACbL,UAAAA;AAAAA,IAAAA;AAAAA,IAIA,gBAAAM,EAAA,KAAA,EAAa,WAAA,WAAWV,UAAAA,EAAAA,CAAK;AAAA,EAAA,GAC/B,GAAMF,OAAAE,GAAAF,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GANNU;AAMM;"}

package/lib/menus/sidenav/popup_menu_search/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { IPopupMenuSearchProps } from '../types';
-declare const PopupMenuSearch: (props: IPopupMenuSearchProps) => React.ReactPortal;
+declare const PopupMenuSearch: (props: IPopupMenuSearchProps) => import('react').ReactPortal;
 export default PopupMenuSearch;

package/lib/menus/sidenav/popup_menu_search/index.js

@@ -1,25 +1,25 @@
-import { j as t } from "../../../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as d, useRef as f, useEffect as u, Fragment as v } from "react";
-import P from "react-dom";
-import w from "../../../inputs/search/index.js";
-import F from "../../../list/index.js";
-import O from "../../../icons/index.js";
-import k from "./EmptyList.js";
-import { L as M } from "../../../chunks/tabs.Cvj2MJH6.js";
-const h = document.getElementsByTagName("body")[0], A = (x) => {
+import { jsxs as P, jsx as t } from "react/jsx-runtime";
+import { useState as d, useRef as f, useEffect as u, Fragment as w } from "react";
+import F from "react-dom";
+import O from "../../../inputs/search/index.js";
+import j from "../../../list/index.js";
+import k from "../../../icons/index.js";
+import M from "./EmptyList.js";
+import N from "../../../list/Item.js";
+const h = document.getElementsByTagName("body")[0], G = (g) => {
   const {
     style: c,
-    menuItemsContent: a,
-    handlerClose: l,
-    menuSearchEmptyMessage: g,
-    menuSearchPlaceholder: y
-  } = x, [b, j] = d(""), [n, I] = d(a), [C, i] = d(""), o = f(null), r = f(document.createElement("div"));
+    menuItemsContent: l,
+    handlerClose: a,
+    menuSearchEmptyMessage: y,
+    menuSearchPlaceholder: b
+  } = g, [I, C] = d(""), [n, S] = d(l), [E, i] = d(""), o = f(null), r = f(document.createElement("div"));
   Object.assign(r.current, {
     className: "searchmenu",
     style: c
   });
   const m = (e) => {
-    e.key === "Escape" && (l(), e.stopPropagation());
+    e.key === "Escape" && (a(), e.stopPropagation());
   };
   u(() => (h.appendChild(r.current), o && o.current && o.current.focus(), document.body.addEventListener("keydown", m), () => {
     h.removeChild(r.current), document.body.removeEventListener("keydown", m);
@@ -31,60 +31,27 @@ const h = document.getElementsByTagName("body")[0], A = (x) => {
     n && n.length > 0 && i(n[0].id);
   }, []);
   const p = (e) => {
-    const L = e.toLowerCase(), s = a && a.filter((R) => R.content.toLowerCase().includes(L));
-    s && s.length > 0 && i(s[0].id), j(e), I(s);
-  }, E = () => n && n.length > 0 ? /* @__PURE__ */ t.jsx(
-    F,
-    {
-      condensed: !0,
-      transparent: !0,
-      selectable: !0,
-      onSelectItem: l,
-      selectedItemId: C,
-      selectOnEnter: !0,
-      style: { margin: "25px 0px", border: "none", boxShadow: "none" },
-      children: n.map((e) => /* @__PURE__ */ t.jsx(
-        M,
-        {
-          itemId: e.id,
-          url: e.url,
-          text: e.content
-        },
-        e.id
-      ))
-    }
-  ) : /* @__PURE__ */ t.jsx(k, { info: g }), S = () => /* @__PURE__ */ t.jsxs(v, { children: [
-    /* @__PURE__ */ t.jsx(
-      "span",
-      {
-        onClick: l,
-        className: "closebutton",
-        onKeyPress: () => {
-        },
-        role: "button",
-        tabIndex: 0,
-        children: /* @__PURE__ */ t.jsx(O, { name: "close", size: 22 })
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      w,
-      {
-        rounded: !0,
-        onChange: (e) => {
-          e && p(e.target.value);
-        },
-        inputRef: o,
-        value: b,
-        placeHolder: y,
-        onReset: () => {
-          p("");
-        }
-      }
-    ),
-    /* @__PURE__ */ t.jsx("div", { style: { height: "90%" }, children: E() })
+    const v = e.toLowerCase(), s = l && l.filter((L) => L.content.toLowerCase().includes(v));
+    s && s.length > 0 && i(s[0].id), C(e), S(s);
+  }, x = () => n && n.length > 0 ? /* @__PURE__ */ t(j, { condensed: !0, transparent: !0, selectable: !0, onSelectItem: a, selectedItemId: E, selectOnEnter: !0, style: {
+    margin: "25px 0px",
+    border: "none",
+    boxShadow: "none"
+  }, children: n.map((e) => /* @__PURE__ */ t(N, { itemId: e.id, url: e.url, text: e.content }, e.id)) }) : /* @__PURE__ */ t(M, { info: y }), R = () => /* @__PURE__ */ P(w, { children: [
+    /* @__PURE__ */ t("span", { onClick: a, className: "closebutton", onKeyPress: () => {
+    }, role: "button", tabIndex: 0, children: /* @__PURE__ */ t(k, { name: "close", size: 22 }) }),
+    /* @__PURE__ */ t(O, { rounded: !0, onChange: (e) => {
+      e && p(e.target.value);
+    }, inputRef: o, value: I, placeHolder: b, onReset: () => {
+      p("");
+    } }),
+    /* @__PURE__ */ t("div", { style: {
+      height: "90%"
+    }, children: x() })
   ] });
-  return P.createPortal(S(), r.current);
+  return F.createPortal(R(), r.current);
 };
 export {
-  A as default
+  G as default
 };
+//# sourceMappingURL=index.js.map

package/lib/menus/sidenav/popup_menu_search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/lib/menus/sidenav/popup_menu_search/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState, Fragment } from 'react';\nimport ReactDOM from 'react-dom';\nimport SearchField from '../../../inputs/search';\nimport List, { ListItem } from '../../../list';\nimport Icon from '../../../icons';\nimport EmptyList from './EmptyList';\nimport { IPopupMenuSearchProps } from '../types';\nimport { CustomInputEvent } from '../../../inputs/base/types';\n\nconst body = document.getElementsByTagName('body')[0];\n\nconst PopupMenuSearch = (props: IPopupMenuSearchProps) => {\n  const {\n    style, menuItemsContent, handlerClose, menuSearchEmptyMessage, menuSearchPlaceholder,\n  } = props;\n  const [searchFieldContent, setSearchFieldContent] = useState('');\n  const [searchResult, setSearchResult] = useState(menuItemsContent);\n  const [defaultSelectedItemId, setDefaultSelectedItemId] = useState('');\n  const searchFieldRef = useRef<HTMLInputElement | null>(null);\n  const popupRef = useRef(document.createElement('div'));\n  Object.assign(popupRef.current, {\n    className: 'searchmenu',\n    style,\n  });\n\n  const closeOnEsc = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      handlerClose();\n      e.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    body.appendChild(popupRef.current);\n    if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();\n    document.body.addEventListener('keydown', closeOnEsc);\n\n    return () => {\n      body.removeChild(popupRef.current);\n      document.body.removeEventListener('keydown', closeOnEsc);\n    };\n  }, []);\n\n  useEffect(() => {\n    Object.assign(popupRef.current, {\n      style,\n    });\n  }, [style]);\n\n  useEffect(() => {\n    if (searchResult && searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);\n  }, []);\n\n  const search = (value: string) => {\n    const filter = value.toLowerCase();\n    const result = menuItemsContent &&\n      menuItemsContent.filter(item => item.content.toLowerCase().includes(filter));\n\n    if (result && result.length > 0) setDefaultSelectedItemId(result[0].id);\n    setSearchFieldContent(value);\n    setSearchResult(result);\n  };\n\n  const returnList = () => {\n    if (searchResult && searchResult.length > 0) {\n      return (\n        <List\n          condensed\n          transparent\n          selectable\n          onSelectItem={handlerClose}\n          selectedItemId={defaultSelectedItemId}\n          selectOnEnter\n          style={{ margin: '25px 0px', border: 'none', boxShadow: 'none' }} >\n          {searchResult.map(item => (\n            <ListItem\n              key={item.id}\n              itemId={item.id}\n              url={item.url}\n              text={item.content} />\n          ))}\n        </List>);\n    }\n    return <EmptyList info={menuSearchEmptyMessage} />;\n  };\n\n  const getPopupContent = () => (\n    <Fragment>\n      <span\n        onClick={handlerClose}\n        className=\"closebutton\"\n        onKeyPress={() => { }}\n        role=\"button\"\n        tabIndex={0}>\n        <Icon name=\"close\" size={22} />\n      </span>\n      <SearchField\n        rounded\n        onChange={(e?: CustomInputEvent) => {\n          if (e) search(e.target.value);\n        }}\n        inputRef={searchFieldRef}\n        value={searchFieldContent}\n        placeHolder={menuSearchPlaceholder}\n        onReset={() => { search(''); }} />\n      <div style={{ height: '90%' }}>\n        {returnList()}\n      </div>\n    </Fragment>\n  );\n\n  return ReactDOM.createPortal(getPopupContent(), popupRef.current);\n};\n\nexport default PopupMenuSearch;\n"],"names":["body","document","getElementsByTagName","PopupMenuSearch","props","style","menuItemsContent","handlerClose","menuSearchEmptyMessage","menuSearchPlaceholder","searchFieldContent","setSearchFieldContent","useState","searchResult","setSearchResult","defaultSelectedItemId","setDefaultSelectedItemId","searchFieldRef","useRef","popupRef","createElement","Object","assign","current","className","closeOnEsc","e","key","stopPropagation","useEffect","appendChild","focus","addEventListener","removeChild","removeEventListener","length","id","search","value","filter","toLowerCase","result","item","content","includes","returnList","jsx","List","margin","border","boxShadow","map","ListItem","url","EmptyList","getPopupContent","jsxs","Fragment","Icon","SearchField","target","height","ReactDOM","createPortal"],"mappings":"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"}