linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/menus/float/index.js

@@ -1,113 +1,38 @@
-import { j as o } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as y } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { default as K } from "./MenuItem.js";
-import { useEffect as z } from "react";
-import { P as b } from "../../chunks/index.Df3kt2LQ.js";
-import S from "../../icons/index.js";
-import M from "../../skeleton/index.js";
-import B from "../../skeleton/SkeletonContainer.js";
-import F from "../../buttons/Button.js";
-import '../../assets/button.css';import '../../assets/index28.css';/* empty css                           */
-import I from "../../spinner/index.js";
-import _ from "./helpers.js";
-const E = (k, e, f) => {
-  if (k && e) {
-    const j = Array.from({
-      length: e
-    }, (s, u) => u + 1);
-    return /* @__PURE__ */ o.jsx(B, { style: {
-      flexDirection: "row",
-      flexFlow: "row wrap"
-    }, children: j.map((s) => /* @__PURE__ */ o.jsx(M, { height: 88, width: 88, style: {
-      flexGrow: "unset",
-      marginBottom: 5
-    } }, s)) });
-  }
-  return f;
-}, g = (k) => {
-  const e = y.c(21), {
-    title: f,
-    customClass: j,
-    handlerGoBack: s,
-    skeletonize: u,
-    skeletonQtty: r,
-    children: i
-  } = k;
-  let p;
-  e[0] !== s ? (p = () => () => {
-    s();
-  }, e[0] = s, e[1] = p) : p = e[1];
-  let x;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (x = [], e[2] = x) : x = e[2], z(p, x);
-  const h = `floatsubmenu ${j}`;
-  let d;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (d = {
-    cursor: "pointer"
-  }, e[3] = d) : d = e[3];
-  let c;
-  e[4] !== s ? (c = /* @__PURE__ */ o.jsx(S, { onClick: s, name: "arrowBack", pointerEvents: "all", style: d }), e[4] = s, e[5] = c) : c = e[5];
-  let n;
-  e[6] !== f ? (n = f && /* @__PURE__ */ o.jsx("span", { children: f }), e[6] = f, e[7] = n) : n = e[7];
-  let a;
-  e[8] !== c || e[9] !== n ? (a = /* @__PURE__ */ o.jsxs("div", { className: "submenuheader", children: [
-    c,
-    n
-  ] }), e[8] = c, e[9] = n, e[10] = a) : a = e[10];
-  let m;
-  e[11] !== i || e[12] !== r || e[13] !== u ? (m = E(u, r, i), e[11] = i, e[12] = r, e[13] = u, e[14] = m) : m = e[14];
-  let t;
-  e[15] !== m ? (t = /* @__PURE__ */ o.jsx("div", { className: "submenucontent", children: m }), e[15] = m, e[16] = t) : t = e[16];
-  let l;
-  return e[17] !== h || e[18] !== a || e[19] !== t ? (l = /* @__PURE__ */ o.jsxs("div", { className: h, children: [
-    a,
-    t
-  ] }), e[17] = h, e[18] = a, e[19] = t, e[20] = l) : l = e[20], l;
-};
-g.propTypes = {
-  children: b.node.isRequired,
-  handlerGoBack: b.func.isRequired,
-  title: b.string,
-  customClass: b.string,
-  skeletonize: b.bool,
-  skeletonQtty: b.number
-};
-g.defaultProps = {
-  title: void 0,
-  customClass: void 0,
-  skeletonize: !1,
-  skeletonQtty: 3
-};
-const V = (k) => {
-  const e = y.c(22), {
-    iconSize: f,
-    iconColor: j,
-    customClass: s,
-    children: u,
-    spinner: r,
-    isLoading: i,
-    customClassMenuItem: p
-  } = k, x = f === void 0 ? 16 : f, h = j === void 0 ? "#676464" : j;
-  let d;
-  e[0] !== i || e[1] !== r ? (d = () => i ? /* @__PURE__ */ o.jsx(I, { delayTime: 0 }) : r, e[0] = i, e[1] = r, e[2] = d) : d = e[2];
-  const c = d;
-  let n;
-  e[3] !== p ? (n = {
-    customClassMenuItem: p
-  }, e[3] = p, e[4] = n) : n = e[4];
-  const a = n, m = `floatmenu-component ${s}`;
-  let t;
-  e[5] !== h || e[6] !== x ? (t = /* @__PURE__ */ o.jsx(S, { name: "grid", size: x, color: h }), e[5] = h, e[6] = x, e[7] = t) : t = e[7];
-  let l;
-  e[8] !== u || e[9] !== c || e[10] !== i || e[11] !== r ? (l = i || r ? c() : u, e[8] = u, e[9] = c, e[10] = i, e[11] = r, e[12] = l) : l = e[12];
-  let C;
-  e[13] !== t || e[14] !== l ? (C = /* @__PURE__ */ o.jsx(F, { transparent: !0, boxShadow: !1, dropdown: !0, icon: t, customClass: "buttonfloat", tabIndex: -1, isFloatMenu: !0, customClassForDropdown: "-floatdropdown", showIconDropdown: !1, children: l }, "button-"), e[13] = t, e[14] = l, e[15] = C) : C = e[15];
-  let w;
-  e[16] !== m || e[17] !== C ? (w = /* @__PURE__ */ o.jsx("div", { className: m, children: C }), e[16] = m, e[17] = C, e[18] = w) : w = e[18];
-  let v;
-  return e[19] !== a || e[20] !== w ? (v = /* @__PURE__ */ o.jsx(_.Provider, { value: a, children: w }), e[19] = a, e[20] = w, e[21] = v) : v = e[21], v;
-};
-export {
-  K as MenuItem,
-  g as SubMenuContainer,
-  V as default
+import e from "../../icons/index.js";
+import t from "../../spinner/index.js";
+import n from "../../buttons/index.js";
+import r from "./helpers.js";
+import i from "./MenuItem.js";
+import a from "./SubMenuContainer.js";
+import '../../assets/styles/floatMenu.css';/* empty css                            */
+import { jsx as o } from "react/jsx-runtime";
+//#region src/lib/menus/float/index.tsx
+var s = (i) => {
+	let { iconSize: a = 16, iconColor: s = "#676464", customClass: c, children: l, spinner: u, isLoading: d, customClassMenuItem: f } = i, p = () => d ? /* @__PURE__ */ o(t, { delayTime: 0 }) : u, m = { customClassMenuItem: f };
+	return /* @__PURE__ */ o(r.Provider, {
+		value: m,
+		children: /* @__PURE__ */ o("div", {
+			className: `floatmenu-component ${c}`,
+			children: /* @__PURE__ */ o(n, {
+				transparent: !0,
+				boxShadow: !1,
+				dropdown: !0,
+				icon: /* @__PURE__ */ o(e, {
+					name: "grid",
+					size: a,
+					color: s
+				}),
+				customClass: "buttonfloat",
+				tabIndex: -1,
+				isFloatMenu: !0,
+				customClassForDropdown: "-floatdropdown",
+				showIconDropdown: !1,
+				children: d || u ? p() : l
+			}, "button-")
+		})
+	});
 };
+//#endregion
+export { i as MenuItem, a as SubMenuContainer, s as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/menus/float/index.tsx"],"sourcesContent":["import MenuItem from './MenuItem';\nimport SubMenuContainer from './SubMenuContainer';\nimport Button from '../../buttons';\nimport Icon from '../../icons';\nimport SpinnerLoading from '../../spinner';\nimport '../../assets/styles/floatMenu.scss';\nimport FloatMenuContext from './helpers';\nimport { IFloatMenuContext, IFloatMenuProps } from './types';\n\nconst FloatMenu = (props: IFloatMenuProps) => {\n  const {\n    iconSize = 16, iconColor = '#676464', customClass, children, spinner, isLoading, customClassMenuItem,\n  } = props;\n\n  const getSpinner = () => {\n    if (isLoading) return <SpinnerLoading delayTime={0} />;\n    return spinner;\n  };\n\n  const contextValues = {\n    customClassMenuItem,\n  } as IFloatMenuContext;\n\n  return (\n    <FloatMenuContext.Provider value={contextValues}>\n      <div className={`floatmenu-component ${customClass}`}>\n        <Button\n          transparent\n          key=\"button-\"\n          boxShadow={false}\n          dropdown\n          icon={<Icon name=\"grid\" size={iconSize} color={iconColor} />}\n          customClass=\"buttonfloat\"\n          tabIndex={-1}\n          isFloatMenu\n          customClassForDropdown=\"-floatdropdown\"\n          showIconDropdown={false}>\n          {isLoading || spinner ?\n              getSpinner() :\n            children\n          }\n        </Button>\n      </div>\n    </FloatMenuContext.Provider>\n  );\n};\n\nexport default FloatMenu;\nexport { MenuItem, SubMenuContainer };\n"],"mappings":";;;;;;;;;AASA,IAAM,KAAa,MAA2B;CAC5C,IAAM,EACJ,cAAW,IAAI,eAAY,WAAW,gBAAa,aAAU,YAAS,cAAW,2BAC/E,GAEE,UACA,IAAkB,kBAAC,GAAD,EAAgB,WAAW,GAAK,CAAA,GAC/C,GAGH,IAAgB,EACpB,wBACD;AAED,QACE,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;YAChC,kBAAC,OAAD;GAAK,WAAW,uBAAuB;aACrC,kBAAC,GAAD;IACE,aAAA;IAEA,WAAW;IACX,UAAA;IACA,MAAM,kBAAC,GAAD;KAAM,MAAK;KAAO,MAAM;KAAU,OAAO;KAAa,CAAA;IAC5D,aAAY;IACZ,UAAU;IACV,aAAA;IACA,wBAAuB;IACvB,kBAAkB;cACjB,KAAa,IACV,GAAY,GACd;IAEK,EAbH,UAAA;GAcF,CAAA;EACoB,CAAA"}

package/lib/menus/index.js

@@ -1,4 +1,7 @@
-import t from "./float/index.js";
-export {
-  t as default
-};
+import e from "./float/index.js";
+//#region src/lib/menus/index.tsx
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=index.js.map

package/lib/menus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/menus/index.tsx"],"sourcesContent":["import Float from './float';\n\nexport default Float;\n"],"mappings":";;AAEA,IAAA,IAAe"}

package/lib/menus/sidenav/ExpandMenu.js

@@ -1,19 +1,18 @@
-import { j as r } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as a } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import l from "../../icons/index.js";
-const f = (c) => {
-  const e = a.c(6), {
-    onExpandMenu: t,
-    expandMenuCustomClass: i,
-    iconName: s
-  } = c, m = `openclosemenu ${i}`;
-  let n;
-  e[0] !== s ? (n = /* @__PURE__ */ r.jsx(l, { name: s, size: 16 }), e[0] = s, e[1] = n) : n = e[1];
-  let o;
-  return e[2] !== t || e[3] !== m || e[4] !== n ? (o = /* @__PURE__ */ r.jsx("div", { className: m, role: "button", tabIndex: 0, onClick: t, onKeyPress: p, children: n }), e[2] = t, e[3] = m, e[4] = n, e[5] = o) : o = e[5], o;
-};
-function p() {
-}
-export {
-  f as default
-};
+import e from "../../icons/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/menus/sidenav/ExpandMenu.tsx
+var n = ({ onExpandMenu: n, expandMenuCustomClass: r, iconName: i }) => /* @__PURE__ */ t("div", {
+	className: `openclosemenu ${r}`,
+	role: "button",
+	tabIndex: 0,
+	onClick: n,
+	onKeyPress: () => {},
+	children: /* @__PURE__ */ t(e, {
+		name: i,
+		size: 16
+	})
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=ExpandMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandMenu.js","names":[],"sources":["../../../src/lib/menus/sidenav/ExpandMenu.tsx"],"sourcesContent":["import Icon from '../../icons';\nimport { IExpandMenuProps } from './types';\n\nconst ExpandMenu = ({ onExpandMenu, expandMenuCustomClass, iconName }: IExpandMenuProps) => (\n  <div\n    className={`openclosemenu ${expandMenuCustomClass}`}\n    role=\"button\"\n    tabIndex={0}\n    onClick={onExpandMenu}\n    onKeyPress={() => {}}>\n    <Icon name={iconName} size={16} />\n  </div>\n);\n\nexport default ExpandMenu;\n"],"mappings":";;;AAGA,IAAM,KAAc,EAAE,iBAAc,0BAAuB,kBACzD,kBAAC,OAAD;CACE,WAAW,iBAAiB;CAC5B,MAAK;CACL,UAAU;CACV,SAAS;CACT,kBAAkB;WAClB,kBAAC,GAAD;EAAM,MAAM;EAAU,MAAM;EAAM,CAAA;CAC9B,CAAA"}

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

@@ -1,6 +1,3 @@
 import { IMenuLinkProps } from './types';
-declare const _default: {
-    (props: IMenuLinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default _default;
+declare const MenuLink: ({ url, children, disabled, tooltip, tooltipPosition, errorMessage, tooltipWidth, }: IMenuLinkProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuLink;

package/lib/menus/sidenav/MenuLink.js

@@ -1,24 +1,24 @@
-import { j as f } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { Link as p } from "react-router-dom";
-import u from "../../internals/withTooltip.js";
-const a = (s) => {
-  const t = c.c(6), {
-    url: r,
-    children: i,
-    targetRef: o,
-    disabled: m
-  } = s;
-  if (r && !m) {
-    let e;
-    t[0] !== o ? (e = (l) => {
-      o && o(l);
-    }, t[0] = o, t[1] = e) : e = t[1];
-    let n;
-    return t[2] !== i || t[3] !== e || t[4] !== r ? (n = /* @__PURE__ */ f.jsx(p, { to: r, className: "menulink", ref: e, children: i }), t[2] = i, t[3] = e, t[4] = r, t[5] = n) : n = t[5], n;
-  }
-  return i;
-}, L = u(a);
-export {
-  L as default
+import { Tooltip as e } from "../../tooltip/index.js";
+import { Fragment as t, useRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Link as a } from "react-router-dom";
+//#region src/lib/menus/sidenav/MenuLink.tsx
+var o = ({ url: o, children: s, disabled: c, tooltip: l, tooltipPosition: u, errorMessage: d, tooltipWidth: f }) => {
+	let p = n(null);
+	return o && !c ? /* @__PURE__ */ i(t, { children: [/* @__PURE__ */ r(a, {
+		to: o,
+		className: "menulink",
+		ref: p,
+		children: s
+	}), /* @__PURE__ */ r(e, {
+		targetRef: p,
+		text: l,
+		position: u,
+		width: f,
+		textError: d
+	})] }) : s;
 };
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=MenuLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLink.js","names":[],"sources":["../../../src/lib/menus/sidenav/MenuLink.tsx"],"sourcesContent":["import { Fragment, useRef } from 'react';\nimport { Link } from 'react-router-dom';\nimport { IMenuLinkProps } from './types';\nimport { Tooltip } from '../../tooltip';\n\nconst MenuLink = ({ \n  url, children, disabled, tooltip, tooltipPosition, errorMessage, tooltipWidth,\n}: IMenuLinkProps) => {\n  const linkRef = useRef<HTMLAnchorElement | null>(null);\n\n  if (url && !disabled) {\n    return (\n      <Fragment>\n        <Link\n          to={url}\n          className=\"menulink\"\n          ref={linkRef}>\n          {children}\n        </Link>\n        <Tooltip \n          targetRef={linkRef}\n          text={tooltip}\n          position={tooltipPosition}\n          width={tooltipWidth}\n          textError={errorMessage}/>\n      </Fragment>\n    );\n  }\n  return children;\n};\n\nexport default MenuLink;\n"],"mappings":";;;;;AAKA,IAAM,KAAY,EAChB,QAAK,aAAU,aAAU,YAAS,oBAAiB,iBAAc,sBAC7C;CACpB,IAAM,IAAU,EAAiC,KAAK;AAoBtD,QAlBI,KAAO,CAAC,IAER,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;EACJ,WAAU;EACV,KAAK;EACJ;EACI,CAAA,EACP,kBAAC,GAAD;EACE,WAAW;EACX,MAAM;EACN,UAAU;EACV,OAAO;EACP,WAAW;EAAe,CAAA,CAAA,EACnB,CAAA,GAGR"}

package/lib/menus/sidenav/NavMenuGroup.js

@@ -1,22 +1,19 @@
-import { j as a } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as u } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as p } from "react";
-import x, { SideNavContext as f } from "./helpers.js";
-const N = (c) => {
-  const t = u.c(7), {
-    children: o,
-    scrollable: i,
-    style: r
-  } = c, {
-    isExpanded: l,
-    menuSize: n
-  } = p(f);
-  let e;
-  t[0] !== l || t[1] !== n ? (e = x(l, n), t[0] = l, t[1] = n, t[2] = e) : e = t[2];
-  const m = `${i && "customscroll"} ${e}`;
-  let s;
-  return t[3] !== o || t[4] !== r || t[5] !== m ? (s = /* @__PURE__ */ a.jsx("ul", { style: r, className: m, children: o }), t[3] = o, t[4] = r, t[5] = m, t[6] = s) : s = t[6], s;
-};
-export {
-  N as default
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import t, { SideNavContext as n } from "./helpers.js";
+import { useContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/lib/menus/sidenav/NavMenuGroup.tsx
+var a = e(), o = (e) => {
+	let o = (0, a.c)(7), { children: s, scrollable: c, style: l } = e, { isExpanded: u, menuSize: d } = r(n), f;
+	o[0] !== u || o[1] !== d ? (f = t(u, d), o[0] = u, o[1] = d, o[2] = f) : f = o[2];
+	let p = `${c && "customscroll"} ${f}`, m;
+	return o[3] !== s || o[4] !== l || o[5] !== p ? (m = i("ul", {
+		style: l,
+		className: p,
+		children: s
+	}), o[3] = s, o[4] = l, o[5] = p, o[6] = m) : m = o[6], m;
 };
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=NavMenuGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuGroup.js","names":[],"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"],"mappings":";;;;;aAIM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAgB,EAAA,aAAA,eAAA,aAAA,GACpB,EAAA,eAAA,gBAAiC,EAAW,EAAe,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAIT,IAAA,EAAgB,GAAY,EAAS,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAxE,IAAA,IAAA,GAAG,KAAA,eAAc,GAAkB,KAAqC;AAEhF,QAFgF,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAFrF,IAAA,EAAC,MAAD;EAAA;EAAA,WAEa;EAAwE;EAEhF,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAJL"}

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

@@ -1,6 +1,3 @@
 import { INavMenuItemProps } from './types';
-declare const _default: {
-    (props: INavMenuItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default _default;
+declare const NavMenuItem: (props: INavMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default NavMenuItem;

package/lib/menus/sidenav/NavMenuItem.js

@@ -1,136 +1,96 @@
-import { j as s } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as xe } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as F, useRef as ie, useContext as be, useEffect as me, Fragment as we } from "react";
-import ve from "../../internals/withTooltip.js";
-import Se from "../../icons/index.js";
-import Ce from "./MenuLink.js";
-import { SideNavContext as Me, SubMenuContext as Ne } from "./helpers.js";
-import { actionsOnPermissionDenied as je, OPTIONS_ON_DENIED as fe } from "../../permissionValidations.js";
-const De = (N) => {
-  const e = xe.c(67), {
-    iconName: j,
-    title: c,
-    children: v,
-    childrenIsSubMenu: se,
-    url: de,
-    customClass: he,
-    permissionAttr: B,
-    maxWidth: oe,
-    minWidth: le,
-    columnsQtty: A,
-    targetRef: D,
-    disableDefaultStyle: re,
-    style: Q,
-    customClassForDropdown: V,
-    showDropdownOnClick: ce
-  } = N, E = se === void 0 ? !0 : se, q = oe === void 0 ? "90%" : oe, G = le === void 0 ? 500 : le, I = re === void 0 ? !1 : re, t = ce === void 0 ? !1 : ce, [i, R] = F(!1);
-  let y;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (y = {}, e[0] = y) : y = e[0];
-  const [o, ue] = F(y), [u, J] = F(!1), ae = ie(null), K = ie(null), U = ie(null);
-  let H, O;
-  if (e[1] !== B) {
-    const n = [fe.disabled, fe.unvisible];
-    H = F, O = je(n, B), e[1] = B, e[2] = H, e[3] = O;
-  } else
-    H = e[2], O = e[3];
-  const [ge] = H(O), {
-    isExpanded: X,
-    menuSize: S,
-    openSearchMenuPopup: Y
-  } = be(Me), {
-    unvisible: pe,
-    disabled: l
-  } = ge;
-  let $;
-  e[4] !== t ? ($ = (n) => {
-    if (t)
-      return;
-    const r = window.innerHeight, M = n.target.getBoundingClientRect();
-    R(!0), ue(M), M.bottom >= r - 150 && J(!0);
-  }, e[4] = t, e[5] = $) : $ = e[5];
-  const Z = $;
-  let T;
-  e[6] !== t || e[7] !== i ? (T = (n) => {
-    if (t && n) {
-      const r = n.target;
-      if (r === U.current) {
-        const C = window.innerHeight, M = r.getBoundingClientRect();
-        R(!i), ue(M), M.bottom >= C - 150 && J(!0);
-      }
-    }
-  }, e[6] = t, e[7] = i, e[8] = T) : T = e[8];
-  const a = T;
-  let k;
-  e[9] !== a ? (k = {
-    toggleSubMenu: a
-  }, e[9] = a, e[10] = k) : k = e[10];
-  const ee = k;
-  let W, _;
-  e[11] !== t || e[12] !== i ? (W = () => {
-    i && t && document.addEventListener("click", (n) => {
-      const r = n.target;
-      U.current?.contains(r) || R(!1);
-    });
-  }, _ = [i, t], e[11] = t, e[12] = i, e[13] = W, e[14] = _) : (W = e[13], _ = e[14]), me(W, _);
-  let L;
-  e[15] !== u || e[16] !== o ? (L = () => {
-    const n = ae.current?.clientHeight || 0, r = K.current?.clientHeight || 0, C = u ? "100%" : (window.innerHeight - o.top - (n - r) - 1).toString().concat("px") || "0px";
-    K.current?.style.setProperty("max-height", C);
-  }, e[15] = u, e[16] = o, e[17] = L) : L = e[17];
-  let P;
-  if (e[18] !== i ? (P = [i], e[18] = i, e[19] = P) : P = e[19], me(L, P), pe)
-    return null;
-  let m;
-  e[20] !== D ? (m = (n) => {
-    U.current = n, D && D(n);
-  }, e[20] = D, e[21] = m) : m = e[21];
-  const te = `item ${de && !l && "-withlink"} ${he} ${l && "-disabled"}`;
-  let f;
-  e[22] !== t ? (f = () => {
-    t || (R(!1), J(!1));
-  }, e[22] = t, e[23] = f) : f = e[23];
-  let d;
-  e[24] !== t || e[25] !== a ? (d = (n) => {
-    t && a(n);
-  }, e[24] = t, e[25] = a, e[26] = d) : d = e[26];
-  let h;
-  e[27] !== j || e[28] !== S ? (h = j && /* @__PURE__ */ s.jsx(Se, { name: j, size: S === "small" && 16 || S === "medium" && 24 || S === "large" && 32 || 16, customClassForContainer: "menuicon-container", customClass: "menuicon" }), e[27] = j, e[28] = S, e[29] = h) : h = e[29];
-  let g;
-  e[30] !== X || e[31] !== c ? (g = X && /* @__PURE__ */ s.jsx("span", { className: "title", children: c }), e[30] = X, e[31] = c, e[32] = g) : g = e[32];
-  const ne = !E && v;
-  let p;
-  e[33] !== h || e[34] !== g || e[35] !== ne ? (p = /* @__PURE__ */ s.jsxs(we, { children: [
-    h,
-    g,
-    ne
-  ] }), e[33] = h, e[34] = g, e[35] = ne, e[36] = p) : p = e[36];
-  let x;
-  e[37] !== l || e[38] !== N || e[39] !== p ? (x = /* @__PURE__ */ s.jsx(Ce, { disabled: l, ...N, targetRef: null, children: p }), e[37] = l, e[38] = N, e[39] = p, e[40] = x) : x = e[40];
-  let b;
-  e[41] !== v || e[42] !== E || e[43] !== A || e[44] !== V || e[45] !== I || e[46] !== l || e[47] !== u || e[48] !== q || e[49] !== G || e[50] !== Y || e[51] !== i || e[52] !== o || e[53] !== c ? (b = i && v && E && !l && !Y && /* @__PURE__ */ s.jsxs("div", { ref: ae, className: `${V} ${I ? "" : "submenu-container"}`, style: u ? {
-    marginLeft: o.width,
-    bottom: "0",
-    position: "fixed",
-    zIndex: I ? 999999999 : void 0
-  } : {
-    marginLeft: o.width,
-    top: o.top,
-    minWidth: G,
-    maxWidth: q
-  }, children: [
-    /* @__PURE__ */ s.jsx("h1", { className: "title", children: c }),
-    /* @__PURE__ */ s.jsx("div", { ref: K, className: "submenu", style: {
-      gridTemplateColumns: `repeat(${A}, 1fr)`
-    }, children: v })
-  ] }), e[41] = v, e[42] = E, e[43] = A, e[44] = V, e[45] = I, e[46] = l, e[47] = u, e[48] = q, e[49] = G, e[50] = Y, e[51] = i, e[52] = o, e[53] = c, e[54] = b) : b = e[54];
-  let w;
-  e[55] !== Z || e[56] !== Q || e[57] !== m || e[58] !== te || e[59] !== f || e[60] !== d || e[61] !== x || e[62] !== b ? (w = /* @__PURE__ */ s.jsxs("li", { style: Q, ref: m, className: te, onMouseEnter: Z, onMouseLeave: f, onClick: d, children: [
-    x,
-    b
-  ] }), e[55] = Z, e[56] = Q, e[57] = m, e[58] = te, e[59] = f, e[60] = d, e[61] = x, e[62] = b, e[63] = w) : w = e[63];
-  let z;
-  return e[64] !== ee || e[65] !== w ? (z = /* @__PURE__ */ s.jsx(Ne.Provider, { value: ee, children: w }), e[64] = ee, e[65] = w, e[66] = z) : z = e[66], z;
-}, ke = ve(De);
-export {
-  ke as default
+import { Tooltip as e } from "../../tooltip/index.js";
+import t from "../../icons/index.js";
+import { OPTIONS_ON_DENIED as n, actionsOnPermissionDenied as r } from "../../permissionValidations.js";
+import i from "./MenuLink.js";
+import { SideNavContext as a, SubMenuContext as o } from "./helpers.js";
+import { Fragment as s, useContext as c, useEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/lib/menus/sidenav/NavMenuItem.tsx
+var m = (m) => {
+	let { iconName: h, title: g, children: _, childrenIsSubMenu: v = !0, url: y, customClass: b, permissionAttr: x, maxWidth: S = "90%", minWidth: C = 500, columnsQtty: w, disableDefaultStyle: T = !1, style: E, customClassForDropdown: D, showDropdownOnClick: O = !1, tooltip: k, tooltipPosition: A, tooltipWidth: j, errorMessage: M } = m, [N, P] = d(!1), [F, I] = d({}), [L, R] = d(!1), z = u(null), B = u(null), V = u(null), [H] = d(r([n.disabled, n.unvisible], x)), { isExpanded: U, menuSize: W, openSearchMenuPopup: G } = c(a), { unvisible: K, disabled: q } = H, J = (e) => {
+		if (O) return;
+		let t = window.innerHeight, n = e.target.getBoundingClientRect();
+		P(!0), I(n), n.bottom >= t - 150 && R(!0);
+	}, Y = (e) => {
+		if (O && e) {
+			let t = e.target;
+			if (t === V.current) {
+				let e = window.innerHeight, n = t.getBoundingClientRect();
+				P(!N), I(n), n.bottom >= e - 150 && R(!0);
+			}
+		}
+	}, X = { toggleSubMenu: Y };
+	return l(() => {
+		N && O && document.addEventListener("click", (e) => {
+			let t = e.target;
+			V.current?.contains(t) || P(!1);
+		});
+	}, [N, O]), l(() => {
+		let e = z.current?.clientHeight || 0, t = B.current?.clientHeight || 0, n = L ? "100%" : (window.innerHeight - F.top - (e - t) - 1).toString().concat("px") || "0px";
+		B.current?.style.setProperty("max-height", n);
+	}, [N]), K ? null : /* @__PURE__ */ p(o.Provider, {
+		value: X,
+		children: [/* @__PURE__ */ p("li", {
+			style: E,
+			ref: V,
+			className: `item ${y && !q && "-withlink"} ${b} ${q && "-disabled"}`,
+			onMouseEnter: J,
+			onMouseLeave: () => {
+				O || (P(!1), R(!1));
+			},
+			onClick: (e) => {
+				O && Y(e);
+			},
+			children: [/* @__PURE__ */ f(i, {
+				disabled: q,
+				...m,
+				children: /* @__PURE__ */ p(s, { children: [
+					h && /* @__PURE__ */ f(t, {
+						name: h,
+						size: W === "small" && 16 || W === "medium" && 24 || W === "large" && 32 || 16,
+						customClassForContainer: "menuicon-container",
+						customClass: "menuicon"
+					}),
+					U && /* @__PURE__ */ f("span", {
+						className: "title",
+						children: g
+					}),
+					!v && _
+				] })
+			}), N && _ && v && !q && !G && /* @__PURE__ */ p("div", {
+				ref: z,
+				className: `${D} ${T ? "" : "submenu-container"}`,
+				style: L ? {
+					marginLeft: F.width,
+					bottom: "0",
+					position: "fixed",
+					zIndex: T ? 999999999 : void 0
+				} : {
+					marginLeft: F.width,
+					top: F.top,
+					minWidth: C,
+					maxWidth: S
+				},
+				children: [/* @__PURE__ */ f("h1", {
+					className: "title",
+					children: g
+				}), /* @__PURE__ */ f("div", {
+					ref: B,
+					className: "submenu",
+					style: { gridTemplateColumns: `repeat(${w}, 1fr)` },
+					children: _
+				})]
+			})]
+		}), /* @__PURE__ */ f(e, {
+			targetRef: V,
+			text: k,
+			position: A,
+			width: j,
+			textError: M
+		})]
+	});
 };
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=NavMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuItem.js","names":[],"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"],"mappings":"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"}