linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/menus/sidenav/NavMenuGroup.js

@@ -1,26 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = _interopRequireWildcard(require("./helpers"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const NavMenuGroup = _ref => {
-  let {
-    children,
-    scrollable,
-    style
-  } = _ref;
-  const {
-    isExpanded,
-    menuSize
-  } = (0, _react.useContext)(_helpers.SideNavContext);
-  return /*#__PURE__*/_react.default.createElement("ul", {
-    style: style,
-    className: `${scrollable && 'customscroll'} ${(0, _helpers.default)(isExpanded, menuSize)}`
-  }, children);
+import { jsx as a } from "react/jsx-runtime";
+import { c as u } from "../../_virtual/compiler-runtime.js";
+import { useContext as p } from "react";
+import f, { SideNavContext as x } from "./helpers.js";
+const v = (m) => {
+  const t = u.c(7), {
+    children: o,
+    scrollable: i,
+    style: r
+  } = m, {
+    isExpanded: l,
+    menuSize: n
+  } = p(x);
+  let e;
+  t[0] !== l || t[1] !== n ? (e = f(l, n), t[0] = l, t[1] = n, t[2] = e) : e = t[2];
+  const c = `${i && "customscroll"} ${e}`;
+  let s;
+  return t[3] !== o || t[4] !== r || t[5] !== c ? (s = /* @__PURE__ */ a("ul", { style: r, className: c, children: o }), t[3] = o, t[4] = r, t[5] = c, t[6] = s) : s = t[6], s;
 };
-var _default = exports.default = NavMenuGroup;
+export {
+  v as default
+};
+//# sourceMappingURL=NavMenuGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuGroup.js","sources":["../../../src/lib/menus/sidenav/NavMenuGroup.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport getCssClassMenu, { SideNavContext } from './helpers';\nimport { INavMenuGroupProps } from './types';\n\nconst NavMenuGroup = ({ children, scrollable, style }: INavMenuGroupProps) => {\n  const { isExpanded, menuSize } = useContext(SideNavContext);\n  return (\n    <ul\n      style={style} \n      className={`${scrollable && 'customscroll'} ${getCssClassMenu(isExpanded, menuSize)}`}>\n      {children}\n    </ul>\n  );\n};\n\nexport default NavMenuGroup;\n"],"names":["NavMenuGroup","t0","$","_c","children","scrollable","style","isExpanded","menuSize","useContext","SideNavContext","t1","getCssClassMenu","t2","t3"],"mappings":";;;;AAIA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAL,GACpB;AAAA,IAAAM,YAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAiCC,EAAWC,CAAc;AAAE,MAAAC;AAAA,EAAAT,EAAA,CAAA,MAAAK,KAAAL,SAAAM,KAIVG,IAAAC,EAAgBL,GAAYC,CAAQ,GAACN,OAAAK,GAAAL,OAAAM,GAAAN,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAxE,QAAAW,IAAA,GAAGR,KAAA,cAA4B,IAAIM,CAAqC;AAAE,MAAAG;AAAA,SAAAZ,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAAAJ,EAAA,CAAA,MAAAW,KAFvFC,8BACSR,OAAAA,GACI,WAAAO,GACVT,UAAAA,GACH,GAAKF,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAW,GAAAX,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GAJLY;AAIK;"}

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

@@ -1,12 +1,3 @@
-import { INavMenuItemProps } from './types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/Size.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const NavMenuItem: (props: INavMenuItemProps) => JSX.Element | null;
-
-export { NavMenuItem as default };
+import { INavMenuItemProps } from './types';
+declare const NavMenuItem: (props: INavMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default NavMenuItem;

package/lib/menus/sidenav/NavMenuItem.js

@@ -1,150 +1,141 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = _interopRequireDefault(require("../../icons"));
-var _tooltip = require("../../tooltip");
-var _MenuLink = _interopRequireDefault(require("./MenuLink"));
-var _helpers = require("./helpers");
-var _permissionValidations = require("../../permissionValidations");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const NavMenuItem = props => {
-  const {
-    iconName,
-    title,
-    children,
-    childrenIsSubMenu = true,
-    url,
-    customClass,
-    permissionAttr,
-    maxWidth = '90%',
-    minWidth = 500,
-    columnsQtty,
-    disableDefaultStyle = false,
-    showDropdownOnClick = false,
-    style,
-    customClassForDropdown,
-    tooltip,
-    tooltipPosition,
-    tooltipWidth,
-    errorMessage
-  } = props;
-  const [showSubMenu, setShowSubMenu] = (0, _react.useState)(false);
-  const [targetDimensions, setTargetDimensions] = (0, _react.useState)({});
-  const [isOnEndWindow, setIsOnEndWindow] = (0, _react.useState)(false);
-  const submenuContainerRef = (0, _react.useRef)(null);
-  const submenuContentRef = (0, _react.useRef)(null);
-  const menuItemRef = (0, _react.useRef)(null);
-  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
-  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
-  const {
-    isExpanded,
-    menuSize,
-    openSearchMenuPopup
-  } = (0, _react.useContext)(_helpers.SideNavContext);
-  const {
-    unvisible,
-    disabled
-  } = onDenied;
-  const onMouseEnter = e => {
-    if (showDropdownOnClick) return;
-    const windowHeight = window.innerHeight;
-    const eventTarget = e.target;
-    const position = eventTarget.getBoundingClientRect();
-    setShowSubMenu(true);
-    setTargetDimensions(position);
-    if (position.bottom >= windowHeight - 150) setIsOnEndWindow(true);
-  };
-  const toggleSubMenu = e => {
-    if (showDropdownOnClick && e) {
-      const eventTarget = e.target;
-      if (eventTarget === menuItemRef.current) {
-        const windowHeight = window.innerHeight;
-        const position = eventTarget.getBoundingClientRect();
-        setShowSubMenu(!showSubMenu);
-        setTargetDimensions(position);
-        if (position.bottom >= windowHeight - 150) setIsOnEndWindow(true);
+import { jsx as v, jsxs as j } from "react/jsx-runtime";
+import { c as Se } from "../../_virtual/compiler-runtime.js";
+import { useState as B, useRef as re, useContext as Ce, useEffect as ge, Fragment as Me } from "react";
+import De from "../../icons/index.js";
+import Ne from "../../tooltip/index.js";
+import Ee from "./MenuLink.js";
+import { SideNavContext as ye, SubMenuContext as Ie } from "./helpers.js";
+import { actionsOnPermissionDenied as He, OPTIONS_ON_DENIED as pe } from "../../permissionValidations.js";
+const Le = (D) => {
+  const e = Se.c(70), {
+    iconName: N,
+    title: r,
+    children: x,
+    childrenIsSubMenu: ce,
+    url: be,
+    customClass: we,
+    permissionAttr: A,
+    maxWidth: ue,
+    minWidth: ae,
+    columnsQtty: Q,
+    disableDefaultStyle: me,
+    style: V,
+    customClassForDropdown: q,
+    showDropdownOnClick: de,
+    tooltip: G,
+    tooltipPosition: J,
+    tooltipWidth: K,
+    errorMessage: U
+  } = D, E = ce === void 0 ? !0 : ce, X = ue === void 0 ? "90%" : ue, Y = ae === void 0 ? 500 : ae, y = me === void 0 ? !1 : me, t = de === void 0 ? !1 : de, [n, I] = B(!1);
+  let H;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (H = {}, e[0] = H) : H = e[0];
+  const [o, fe] = B(H), [c, Z] = B(!1), he = re(null), ee = re(null), O = re(null);
+  let R, T;
+  if (e[1] !== A) {
+    const i = [pe.disabled, pe.unvisible];
+    R = B, T = He(i, A), e[1] = A, e[2] = R, e[3] = T;
+  } else
+    R = e[2], T = e[3];
+  const [ve] = R(T), {
+    isExpanded: te,
+    menuSize: S,
+    openSearchMenuPopup: ne
+  } = Ce(ye), {
+    unvisible: xe,
+    disabled: s
+  } = ve;
+  let W;
+  e[4] !== t ? (W = (i) => {
+    if (t)
+      return;
+    const l = window.innerHeight, M = i.target.getBoundingClientRect();
+    I(!0), fe(M), M.bottom >= l - 150 && Z(!0);
+  }, e[4] = t, e[5] = W) : W = e[5];
+  const ie = W;
+  let $;
+  e[6] !== t || e[7] !== n ? ($ = (i) => {
+    if (t && i) {
+      const l = i.target;
+      if (l === O.current) {
+        const C = window.innerHeight, M = l.getBoundingClientRect();
+        I(!n), fe(M), M.bottom >= C - 150 && Z(!0);
       }
     }
-  };
-  const contextValues = {
-    toggleSubMenu
-  };
-  (0, _react.useEffect)(() => {
-    if (showSubMenu && showDropdownOnClick) {
-      document.addEventListener('click', e => {
-        const target = e.target;
-        const insideMenu = menuItemRef.current?.contains(target);
-        if (!insideMenu) setShowSubMenu(false);
-      });
-    }
-  }, [showSubMenu, showDropdownOnClick]);
-  (0, _react.useEffect)(() => {
-    const heigthSubmenuContainer = submenuContainerRef.current?.clientHeight || 0;
-    const heigthSubmenuContent = submenuContentRef.current?.clientHeight || 0;
-    const maxHeigthSubMenu = isOnEndWindow ? '100%' : (window.innerHeight - targetDimensions.top - (heigthSubmenuContainer - heigthSubmenuContent) - 1).toString().concat('px') || '0px';
-    submenuContentRef.current?.style.setProperty('max-height', maxHeigthSubMenu);
-  }, [showSubMenu]);
-  if (unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement(_helpers.SubMenuContext.Provider, {
-    value: contextValues
-  }, /*#__PURE__*/_react.default.createElement("li", {
-    style: style,
-    ref: menuItemRef,
-    className: `item ${url && !disabled && '-withlink'} ${customClass} ${disabled && '-disabled'}`,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: () => {
-      if (showDropdownOnClick) return;
-      setShowSubMenu(false);
-      setIsOnEndWindow(false);
-    },
-    onClick: e => {
-      if (!showDropdownOnClick) return;
-      toggleSubMenu(e);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_MenuLink.default, _extends({
-    disabled: disabled
-  }, props), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: iconName,
-    size: menuSize === 'small' && 16 || menuSize === 'medium' && 24 || menuSize === 'large' && 32 || 16,
-    customClassForContainer: "menuicon-container",
-    customClass: "menuicon"
-  }), isExpanded && /*#__PURE__*/_react.default.createElement("span", {
-    className: "title"
-  }, title), !childrenIsSubMenu && children)), showSubMenu && children && childrenIsSubMenu && !disabled && !openSearchMenuPopup && /*#__PURE__*/_react.default.createElement("div", {
-    ref: submenuContainerRef,
-    className: `${customClassForDropdown} ${disableDefaultStyle ? '' : 'submenu-container'}`,
-    style: isOnEndWindow ? {
-      marginLeft: targetDimensions.width,
-      bottom: '0',
-      position: 'fixed',
-      zIndex: disableDefaultStyle ? 999999999 : undefined
-    } : {
-      marginLeft: targetDimensions.width,
-      top: targetDimensions.top,
-      minWidth,
-      maxWidth
-    }
-  }, /*#__PURE__*/_react.default.createElement("h1", {
-    className: "title"
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    ref: submenuContentRef,
-    className: "submenu",
-    style: {
-      gridTemplateColumns: `repeat(${columnsQtty}, 1fr)`
-    }
-  }, children))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-    targetRef: menuItemRef,
-    text: tooltip,
-    position: tooltipPosition,
-    width: tooltipWidth,
-    textError: errorMessage
-  }));
+  }, e[6] = t, e[7] = n, e[8] = $) : $ = e[8];
+  const u = $;
+  let k;
+  e[9] !== u ? (k = {
+    toggleSubMenu: u
+  }, e[9] = u, e[10] = k) : k = e[10];
+  const oe = k;
+  let P, _;
+  e[11] !== t || e[12] !== n ? (P = () => {
+    n && t && document.addEventListener("click", (i) => {
+      const l = i.target;
+      O.current?.contains(l) || I(!1);
+    });
+  }, _ = [n, t], e[11] = t, e[12] = n, e[13] = P, e[14] = _) : (P = e[13], _ = e[14]), ge(P, _);
+  let L;
+  e[15] !== c || e[16] !== o ? (L = () => {
+    const i = he.current?.clientHeight || 0, l = ee.current?.clientHeight || 0, C = c ? "100%" : (window.innerHeight - o.top - (i - l) - 1).toString().concat("px") || "0px";
+    ee.current?.style.setProperty("max-height", C);
+  }, e[15] = c, e[16] = o, e[17] = L) : L = e[17];
+  let z;
+  if (e[18] !== n ? (z = [n], e[18] = n, e[19] = z) : z = e[19], ge(L, z), xe)
+    return null;
+  const se = `item ${be && !s && "-withlink"} ${we} ${s && "-disabled"}`;
+  let a;
+  e[20] !== t ? (a = () => {
+    t || (I(!1), Z(!1));
+  }, e[20] = t, e[21] = a) : a = e[21];
+  let m;
+  e[22] !== t || e[23] !== u ? (m = (i) => {
+    t && u(i);
+  }, e[22] = t, e[23] = u, e[24] = m) : m = e[24];
+  let d;
+  e[25] !== N || e[26] !== S ? (d = N && /* @__PURE__ */ v(De, { name: N, size: S === "small" && 16 || S === "medium" && 24 || S === "large" && 32 || 16, customClassForContainer: "menuicon-container", customClass: "menuicon" }), e[25] = N, e[26] = S, e[27] = d) : d = e[27];
+  let f;
+  e[28] !== te || e[29] !== r ? (f = te && /* @__PURE__ */ v("span", { className: "title", children: r }), e[28] = te, e[29] = r, e[30] = f) : f = e[30];
+  const le = !E && x;
+  let h;
+  e[31] !== d || e[32] !== f || e[33] !== le ? (h = /* @__PURE__ */ j(Me, { children: [
+    d,
+    f,
+    le
+  ] }), e[31] = d, e[32] = f, e[33] = le, e[34] = h) : h = e[34];
+  let g;
+  e[35] !== s || e[36] !== D || e[37] !== h ? (g = /* @__PURE__ */ v(Ee, { disabled: s, ...D, children: h }), e[35] = s, e[36] = D, e[37] = h, e[38] = g) : g = e[38];
+  let p;
+  e[39] !== x || e[40] !== E || e[41] !== Q || e[42] !== q || e[43] !== y || e[44] !== s || e[45] !== c || e[46] !== X || e[47] !== Y || e[48] !== ne || e[49] !== n || e[50] !== o || e[51] !== r ? (p = n && x && E && !s && !ne && /* @__PURE__ */ j("div", { ref: he, className: `${q} ${y ? "" : "submenu-container"}`, style: c ? {
+    marginLeft: o.width,
+    bottom: "0",
+    position: "fixed",
+    zIndex: y ? 999999999 : void 0
+  } : {
+    marginLeft: o.width,
+    top: o.top,
+    minWidth: Y,
+    maxWidth: X
+  }, children: [
+    /* @__PURE__ */ v("h1", { className: "title", children: r }),
+    /* @__PURE__ */ v("div", { ref: ee, className: "submenu", style: {
+      gridTemplateColumns: `repeat(${Q}, 1fr)`
+    }, children: x })
+  ] }), e[39] = x, e[40] = E, e[41] = Q, e[42] = q, e[43] = y, e[44] = s, e[45] = c, e[46] = X, e[47] = Y, e[48] = ne, e[49] = n, e[50] = o, e[51] = r, e[52] = p) : p = e[52];
+  let b;
+  e[53] !== ie || e[54] !== V || e[55] !== se || e[56] !== a || e[57] !== m || e[58] !== g || e[59] !== p ? (b = /* @__PURE__ */ j("li", { style: V, ref: O, className: se, onMouseEnter: ie, onMouseLeave: a, onClick: m, children: [
+    g,
+    p
+  ] }), e[53] = ie, e[54] = V, e[55] = se, e[56] = a, e[57] = m, e[58] = g, e[59] = p, e[60] = b) : b = e[60];
+  let w;
+  e[61] !== U || e[62] !== G || e[63] !== J || e[64] !== K ? (w = /* @__PURE__ */ v(Ne, { targetRef: O, text: G, position: J, width: K, textError: U }), e[61] = U, e[62] = G, e[63] = J, e[64] = K, e[65] = w) : w = e[65];
+  let F;
+  return e[66] !== oe || e[67] !== b || e[68] !== w ? (F = /* @__PURE__ */ j(Ie.Provider, { value: oe, children: [
+    b,
+    w
+  ] }), e[66] = oe, e[67] = b, e[68] = w, e[69] = F) : F = e[69], F;
+};
+export {
+  Le as default
 };
-var _default = exports.default = NavMenuItem;
+//# sourceMappingURL=NavMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuItem.js","sources":["../../../src/lib/menus/sidenav/NavMenuItem.tsx"],"sourcesContent":["import { Fragment, useState, useContext, MouseEvent, useRef, useEffect } from 'react';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport { INavMenuItemProps, ISubMenuContext, ITargetDimensions } from './types';\nimport Icon from '../../icons';\nimport { Tooltip } from '../../tooltip';\nimport MenuLink from './MenuLink';\nimport { SubMenuContext, SideNavContext } from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\n\nconst NavMenuItem = (props: INavMenuItemProps) => {\n  const {\n    iconName, title, children, childrenIsSubMenu = true, url, customClass, permissionAttr, maxWidth = '90%',\n    minWidth = 500, columnsQtty, disableDefaultStyle = false, style,\n    customClassForDropdown, showDropdownOnClick = false,  tooltip, tooltipPosition, tooltipWidth, \n    errorMessage,\n  } = props;\n  const [showSubMenu, setShowSubMenu] = useState(false);\n  const [targetDimensions, setTargetDimensions] =\n    useState<ITargetDimensions>({} as ITargetDimensions);\n  const [isOnEndWindow, setIsOnEndWindow] = useState<boolean>(false);\n  const submenuContainerRef = useRef<HTMLDivElement>(null);\n  const submenuContentRef = useRef<HTMLDivElement>(null);\n  const menuItemRef = useRef<HTMLLIElement | null>(null);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n  const { isExpanded, menuSize, openSearchMenuPopup } = useContext(SideNavContext);\n  const { unvisible, disabled } = onDenied;\n\n  const onMouseEnter = (e: MouseEvent<HTMLLIElement>) => {\n    if (showDropdownOnClick) return;\n    const windowHeight = window.innerHeight;\n    const eventTarget = e.target as HTMLElement;\n    const position = eventTarget.getBoundingClientRect();\n    setShowSubMenu(true);\n    setTargetDimensions(position);\n    if (position.bottom >= windowHeight - 150) setIsOnEndWindow(true);\n  };\n\n  const toggleSubMenu = (e?: MouseEvent<HTMLLIElement>) => {\n    if (showDropdownOnClick && e) {\n      const eventTarget = e.target as HTMLElement;\n      if (eventTarget === menuItemRef.current) {\n        const windowHeight = window.innerHeight;\n        const position = eventTarget.getBoundingClientRect();\n        setShowSubMenu(!showSubMenu);\n        setTargetDimensions(position);\n        if (position.bottom >= windowHeight - 150) setIsOnEndWindow(true);\n      }\n    }\n  };\n\n  const contextValues: ISubMenuContext = {\n    toggleSubMenu,\n  };\n\n  useEffect(() => {\n    if (showSubMenu && showDropdownOnClick) {\n      document.addEventListener('click', (e) => {\n        const target = e.target as HTMLElement;\n        const insideMenu = menuItemRef.current?.contains(target);\n        if (!insideMenu) setShowSubMenu(false);\n      });\n    }\n  }, [showSubMenu, showDropdownOnClick]);\n\n  useEffect(() => {\n    const heigthSubmenuContainer = submenuContainerRef.current?.clientHeight || 0;\n    const heigthSubmenuContent = submenuContentRef.current?.clientHeight || 0;\n    const maxHeigthSubMenu = isOnEndWindow\n      ? '100%'\n      : ((window.innerHeight - targetDimensions.top) -\n      (heigthSubmenuContainer - heigthSubmenuContent) - 1).toString().concat('px') || '0px';\n    submenuContentRef.current?.style.setProperty('max-height', maxHeigthSubMenu);\n  }, [showSubMenu]);\n\n  if (unvisible) return null;\n  return (\n    <SubMenuContext.Provider value={contextValues}>\n      <li\n        style={style}\n        ref={menuItemRef}\n        className={`item ${url && !disabled && '-withlink'} ${customClass} ${disabled && '-disabled'}`}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={() => {\n          if (showDropdownOnClick) return;\n          setShowSubMenu(false);\n          setIsOnEndWindow(false);\n        }}\n        onClick={(e) => {\n          if (!showDropdownOnClick) return;\n          toggleSubMenu(e);\n        }}>\n        <MenuLink disabled={disabled} {...props}>\n          <Fragment>\n            {iconName && (\n              <Icon\n                name={iconName}\n                size={\n                  (menuSize === 'small' && 16) ||\n                  (menuSize === 'medium' && 24) ||\n                  (menuSize === 'large' && 32) ||\n                  16\n                }\n                customClassForContainer=\"menuicon-container\"\n                customClass=\"menuicon\" />\n            )}\n            {isExpanded && (<span className=\"title\">{title}</span>)}\n            {!childrenIsSubMenu && children}\n          </Fragment>\n        </MenuLink>\n        {showSubMenu && children && childrenIsSubMenu && !disabled && !openSearchMenuPopup && (\n          <div\n            ref={submenuContainerRef}\n            className={`${customClassForDropdown} ${disableDefaultStyle ? '' : 'submenu-container'}`}\n            style={\n              isOnEndWindow\n                ? {\n                    marginLeft: targetDimensions.width,\n                    bottom: '0',\n                    position: 'fixed',\n                    zIndex: disableDefaultStyle ? 999999999 : undefined,\n                  }\n                : {\n                    marginLeft: targetDimensions.width,\n                    top: targetDimensions.top,\n                    minWidth,\n                    maxWidth,\n                  }}>\n            <h1 className=\"title\">{title}</h1>\n            <div\n              ref={submenuContentRef}\n              className=\"submenu\"\n              style={{ gridTemplateColumns: `repeat(${columnsQtty}, 1fr)` }}>\n              {children}\n            </div>\n          </div>\n        )}\n      </li>\n      <Tooltip \n        targetRef={menuItemRef}\n        text={tooltip}\n        position={tooltipPosition}\n        width={tooltipWidth}\n        textError={errorMessage}/>\n    </SubMenuContext.Provider>\n  );\n};\n\nexport default NavMenuItem;\n"],"names":["NavMenuItem","props","$","_c","iconName","title","children","childrenIsSubMenu","t0","url","customClass","permissionAttr","maxWidth","t1","minWidth","t2","columnsQtty","disableDefaultStyle","t3","style","customClassForDropdown","showDropdownOnClick","t4","tooltip","tooltipPosition","tooltipWidth","errorMessage","undefined","showSubMenu","setShowSubMenu","useState","t5","Symbol","for","targetDimensions","setTargetDimensions","isOnEndWindow","setIsOnEndWindow","submenuContainerRef","useRef","submenuContentRef","menuItemRef","t6","t7","options","OPTIONS_ON_DENIED","disabled","unvisible","actionsOnPermissionDenied","onDenied","isExpanded","menuSize","openSearchMenuPopup","useContext","SideNavContext","t8","e","windowHeight","window","innerHeight","position","target","getBoundingClientRect","bottom","onMouseEnter","t9","e_0","eventTarget_0","eventTarget","current","windowHeight_0","position_0","toggleSubMenu","t10","contextValues","t11","t12","document","addEventListener","e_1","contains","useEffect","t13","heigthSubmenuContainer","clientHeight","heigthSubmenuContent","maxHeigthSubMenu","top","toString","concat","setProperty","t14","t15","t16","t17","e_2","t18","jsx","Icon","t19","t20","t21","Fragment","t22","MenuLink","t23","marginLeft","width","zIndex","gridTemplateColumns","t24","t25","Tooltip","t26","jsxs","SubMenuContext"],"mappings":"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"}

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

@@ -1,12 +1,3 @@
-import { INavSubMenuItemProps } from './types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/Size.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const NavSubMenuItem: ({ title, url, permissionAttr }: INavSubMenuItemProps) => JSX.Element | null;
-
-export { NavSubMenuItem as default };
+import { INavSubMenuItemProps } from './types';
+declare const NavSubMenuItem: ({ title, url, permissionAttr }: INavSubMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default NavSubMenuItem;

package/lib/menus/sidenav/NavSubMenuItem.js

@@ -1,43 +1,40 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _MenuLink = _interopRequireDefault(require("./MenuLink"));
-var _helpers = require("./helpers");
-var _permissionValidations = require("../../permissionValidations");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const NavSubMenuItem = _ref => {
-  let {
-    title,
-    url,
-    permissionAttr
-  } = _ref;
-  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
-  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
-  const {
-    toggleSubMenu
-  } = (0, _react.useContext)(_helpers.SubMenuContext);
-  const {
-    unvisible,
-    disabled
-  } = onDenied;
-  if (unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `item hvr-forward ${disabled && '-disabled'}`,
-    onKeyDown: () => {},
-    role: "button",
-    tabIndex: -1,
-    onClick: toggleSubMenu
-  }, /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
-    disabled: disabled,
-    url: url
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "title"
-  }, title)));
+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;
 };
-var _default = exports.default = NavSubMenuItem;
+function O() {
+}
+export {
+  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,14 +1,5 @@
-import React__default from 'react';
-import { ISubMenuContext, ISideNavContext } from './types.js';
-import '../../@types/PermissionAttr.js';
-import '../../@types/Size.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
+import { ISideNavContext, ISubMenuContext } from './types';
 declare const getCssClassMenu: (isExpanded?: boolean, size?: string) => string;
-declare const SubMenuContext: React__default.Context<ISubMenuContext>;
-declare const SideNavContext: React__default.Context<ISideNavContext>;
-
-export { SideNavContext, SubMenuContext, getCssClassMenu as default };
+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,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SubMenuContext = exports.SideNavContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getCssClassMenu = (isExpanded, size) => {
-  let cssClass = 'expandedmenu';
-  if (!isExpanded) {
-    cssClass = `collapsedmenu -${size}`;
-  }
-  return cssClass;
+import { createContext as t } from "react";
+const a = (s, n) => {
+  let e = "expandedmenu";
+  return s || (e = `collapsedmenu -${n}`), e;
+}, u = t({}), c = t({});
+export {
+  c as SideNavContext,
+  u as SubMenuContext,
+  a as default
 };
-const SubMenuContext = exports.SubMenuContext = /*#__PURE__*/_react.default.createContext({});
-const SideNavContext = exports.SideNavContext = /*#__PURE__*/_react.default.createContext({});
-var _default = exports.default = getCssClassMenu;
+//# 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.d.ts

@@ -1,16 +1,8 @@
-export { default as NavMenuItem } from './NavMenuItem.js';
-export { default as NavSubMenuItem } from './NavSubMenuItem.js';
-export { default as NavMenuGroup } from './NavMenuGroup.js';
-export { default as ExpandedMenu } from './ExpandMenu.js';
-import { ISideNavProps } from './types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/Size.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const SideNav: (props: ISideNavProps) => JSX.Element;
-
-export { SideNav as default };
+import { default as NavMenuItem } from './NavMenuItem';
+import { default as NavSubMenuItem } from './NavSubMenuItem';
+import { default as NavMenuGroup } from './NavMenuGroup';
+import { default as ExpandedMenu } from './ExpandMenu';
+import { ISideNavProps } from './types';
+declare const SideNav: (props: ISideNavProps) => import("react/jsx-runtime").JSX.Element;
+export default SideNav;
+export { NavMenuItem, NavSubMenuItem, NavMenuGroup, ExpandedMenu, };