linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-0

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

@@ -1,12 +1,3 @@
-import { INavMenuGroupProps } from './types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/Size.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-declare const NavMenuGroup: ({ children, scrollable, style }: INavMenuGroupProps) => JSX.Element;
-
-export { NavMenuGroup as default };
+import { INavMenuGroupProps } from './types';
+declare const NavMenuGroup: ({ children, scrollable, style }: INavMenuGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default NavMenuGroup;

package/lib/menus/sidenav/NavMenuGroup.js

@@ -1,26 +1,17 @@
-"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 { j as m } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { useContext as n } from "react";
+import u, { SideNavContext as a } from "./helpers.js";
+const l = ({ children: s, scrollable: t, style: e }) => {
+  const { isExpanded: o, menuSize: r } = n(a);
+  return /* @__PURE__ */ m.jsx(
+    "ul",
+    {
+      style: e,
+      className: `${t && "customscroll"} ${u(o, r)}`,
+      children: s
+    }
+  );
+};
+export {
+  l as default
 };
-var _default = exports.default = NavMenuGroup;

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

@@ -1,15 +1,6 @@
-import { INavMenuItemProps } from './types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/Size.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
+import { INavMenuItemProps } from './types';
 declare const _default: {
-    (props: INavMenuItemProps): JSX.Element;
+    (props: INavMenuItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-
-export { _default as default };
+export default _default;

package/lib/menus/sidenav/NavMenuItem.js

@@ -1,146 +1,116 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
-var _icons = _interopRequireDefault(require("../../icons"));
-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 => {
+import { j as n } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as l, useRef as p, useContext as q, useEffect as R, Fragment as G } from "react";
+import J from "../../internals/withTooltip.js";
+import K from "../../icons/index.js";
+import U from "./MenuLink.js";
+import { SideNavContext as X, SubMenuContext as Y } from "./helpers.js";
+import { actionsOnPermissionDenied as Z, OPTIONS_ON_DENIED as H } from "../../permissionValidations.js";
+const ee = (x) => {
   const {
-    iconName,
-    title,
-    children,
-    childrenIsSubMenu = true,
-    url,
-    customClass,
-    permissionAttr,
-    maxWidth = '90%',
-    minWidth = 500,
-    columnsQtty,
-    targetRef,
-    disableDefaultStyle = false,
-    showDropdownOnClick = false,
-    style,
-    customClassForDropdown
-  } = 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);
+    iconName: b,
+    title: w,
+    children: m,
+    childrenIsSubMenu: C = !0,
+    url: y,
+    customClass: O,
+    permissionAttr: T,
+    maxWidth: $ = "90%",
+    minWidth: k = 500,
+    columnsQtty: L,
+    targetRef: S,
+    disableDefaultStyle: v = !1,
+    style: P,
+    customClassForDropdown: W,
+    showDropdownOnClick: s = !1,
+    ...te
+  } = x, [o, u] = l(!1), [c, M] = l({}), [N, d] = l(!1), j = p(null), f = p(null), g = p(null), z = [H.disabled, H.unvisible], [F] = l(Z(z, T)), { isExpanded: B, menuSize: h, openSearchMenuPopup: _ } = q(X), { unvisible: A, disabled: a } = F, Q = (e) => {
+    if (s) return;
+    const i = window.innerHeight, t = e.target.getBoundingClientRect();
+    u(!0), M(t), t.bottom >= i - 150 && d(!0);
+  }, D = (e) => {
+    if (s && e) {
+      const i = e.target;
+      if (i === g.current) {
+        const r = window.innerHeight, t = i.getBoundingClientRect();
+        u(!o), M(t), t.bottom >= r - 150 && d(!0);
       }
     }
+  }, V = {
+    toggleSubMenu: D
   };
-  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: r => {
-      menuItemRef.current = r;
-      if (targetRef) targetRef(r);
-    },
-    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, {
-    targetRef: null
-  }), /*#__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)`
+  return R(() => {
+    o && s && document.addEventListener("click", (e) => {
+      var t;
+      const i = e.target;
+      ((t = g.current) == null ? void 0 : t.contains(i)) || u(!1);
+    });
+  }, [o, s]), R(() => {
+    var t, E, I;
+    const e = ((t = j.current) == null ? void 0 : t.clientHeight) || 0, i = ((E = f.current) == null ? void 0 : E.clientHeight) || 0, r = N ? "100%" : (window.innerHeight - c.top - (e - i) - 1).toString().concat("px") || "0px";
+    (I = f.current) == null || I.style.setProperty("max-height", r);
+  }, [o]), A ? null : /* @__PURE__ */ n.jsx(Y.Provider, { value: V, children: /* @__PURE__ */ n.jsxs(
+    "li",
+    {
+      style: P,
+      ref: (e) => {
+        g.current = e, S && S(e);
+      },
+      className: `item ${y && !a && "-withlink"} ${O} ${a && "-disabled"}`,
+      onMouseEnter: Q,
+      onMouseLeave: () => {
+        s || (u(!1), d(!1));
+      },
+      onClick: (e) => {
+        s && D(e);
+      },
+      children: [
+        /* @__PURE__ */ n.jsx(U, { disabled: a, ...x, targetRef: null, children: /* @__PURE__ */ n.jsxs(G, { children: [
+          b && /* @__PURE__ */ n.jsx(
+            K,
+            {
+              name: b,
+              size: h === "small" && 16 || h === "medium" && 24 || h === "large" && 32 || 16,
+              customClassForContainer: "menuicon-container",
+              customClass: "menuicon"
+            }
+          ),
+          B && /* @__PURE__ */ n.jsx("span", { className: "title", children: w }),
+          !C && m
+        ] }) }),
+        o && m && C && !a && !_ && /* @__PURE__ */ n.jsxs(
+          "div",
+          {
+            ref: j,
+            className: `${W} ${v ? "" : "submenu-container"}`,
+            style: N ? {
+              marginLeft: c.width,
+              bottom: "0",
+              position: "fixed",
+              zIndex: v ? 999999999 : void 0
+            } : {
+              marginLeft: c.width,
+              top: c.top,
+              minWidth: k,
+              maxWidth: $
+            },
+            children: [
+              /* @__PURE__ */ n.jsx("h1", { className: "title", children: w }),
+              /* @__PURE__ */ n.jsx(
+                "div",
+                {
+                  ref: f,
+                  className: "submenu",
+                  style: { gridTemplateColumns: `repeat(${L}, 1fr)` },
+                  children: m
+                }
+              )
+            ]
+          }
+        )
+      ]
     }
-  }, children))));
+  ) });
+}, ae = J(ee);
+export {
+  ae as default
 };
-var _default = exports.default = (0, _withTooltip.default)(NavMenuItem);

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 '../../internals/types.js';
-import '../../@types/Position.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.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,23 @@
-"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 { 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 }) })
+    }
+  );
+};
+export {
+  D as default
 };
-var _default = exports.default = NavSubMenuItem;

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

@@ -1,14 +1,6 @@
-import React__default from 'react';
-import { ISubMenuContext, ISideNavContext } from './types.js';
-import '../../@types/PermissionAttr.js';
-import '../../@types/Size.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
+import { default as React } from 'react';
+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: React.Context<ISubMenuContext>;
+export declare const SideNavContext: React.Context<ISideNavContext>;
+export default getCssClassMenu;

package/lib/menus/sidenav/helpers.js

@@ -1,18 +1,10 @@
-"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 t from "react";
+const o = (n, s) => {
+  let e = "expandedmenu";
+  return n || (e = `collapsedmenu -${s}`), e;
+}, c = t.createContext({}), u = t.createContext({});
+export {
+  u as SideNavContext,
+  c as SubMenuContext,
+  o as default
 };
-const SubMenuContext = exports.SubMenuContext = /*#__PURE__*/_react.default.createContext({});
-const SideNavContext = exports.SideNavContext = /*#__PURE__*/_react.default.createContext({});
-var _default = exports.default = getCssClassMenu;

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 '../../internals/types.js';
-import '../../@types/Position.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.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, };