linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/menus/float/SubMenuContainer.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _skeleton = _interopRequireWildcard(require("../../skeleton"));
+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 renderChildren = (skeletonize, skeletonQtty, children) => {
+  if (skeletonize && skeletonQtty) {
+    const skeletons = Array.from({
+      length: skeletonQtty
+    }, (_, i) => i + 1);
+    return /*#__PURE__*/_react.default.createElement(_skeleton.SkeletonContainer, {
+      style: {
+        flexDirection: 'row',
+        flexFlow: 'row wrap'
+      }
+    }, skeletons.map(id => /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+      key: id,
+      height: 88,
+      width: 88,
+      style: {
+        flexGrow: 'unset',
+        marginBottom: 5
+      }
+    })));
+  }
+  return children;
+};
+const SubMenuContainer = _ref => {
+  let {
+    title,
+    customClass,
+    handlerGoBack,
+    skeletonize,
+    skeletonQtty,
+    children
+  } = _ref;
+  (0, _react.useEffect)(() => () => {
+    handlerGoBack();
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `floatsubmenu ${customClass}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "submenuheader"
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    onClick: handlerGoBack,
+    name: "arrowBack",
+    pointerEvents: "all",
+    style: {
+      cursor: 'pointer'
+    }
+  }), title && /*#__PURE__*/_react.default.createElement("span", null, title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "submenucontent"
+  }, renderChildren(skeletonize, skeletonQtty, children)));
+};
+SubMenuContainer.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  handlerGoBack: _propTypes.default.func.isRequired,
+  title: _propTypes.default.string,
+  customClass: _propTypes.default.string,
+  skeletonize: _propTypes.default.bool,
+  skeletonQtty: _propTypes.default.number
+};
+SubMenuContainer.defaultProps = {
+  title: undefined,
+  customClass: undefined,
+  skeletonize: false,
+  skeletonQtty: 3
+};
+var _default = exports.default = SubMenuContainer;

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

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IFloatMenuContext } from './types.js';
+import '../../@types/SizePixels.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const FloatMenuContext: React__default.Context<IFloatMenuContext>;
+
+export { FloatMenuContext as default };

package/lib/menus/float/helpers.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FloatMenuContext = /*#__PURE__*/_react.default.createContext({});
+var _default = exports.default = FloatMenuContext;

package/lib/menus/float/index.d.ts

@@ -0,0 +1,40 @@
+export { default as MenuItem } from './MenuItem.js';
+import PropTypes from 'prop-types';
+import { IFloatMenuProps } from './types.js';
+import 'react';
+import '../../@types/SizePixels.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: {
+    title: any;
+    customClass: any;
+    handlerGoBack: any;
+    skeletonize: any;
+    skeletonQtty: any;
+    children: any;
+}): JSX.Element;
+declare namespace SubMenuContainer {
+    namespace propTypes {
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const handlerGoBack: PropTypes.Validator<(...args: any[]) => any>;
+        const title: PropTypes.Requireable<string>;
+        const customClass: PropTypes.Requireable<string>;
+        const skeletonize: PropTypes.Requireable<boolean>;
+        const skeletonQtty: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        const title_1: undefined;
+        export { title_1 as title };
+        const customClass_1: undefined;
+        export { customClass_1 as customClass };
+        const skeletonize_1: boolean;
+        export { skeletonize_1 as skeletonize };
+        const skeletonQtty_1: number;
+        export { skeletonQtty_1 as skeletonQtty };
+    }
+}
+
+declare const FloatMenu: (props: IFloatMenuProps) => JSX.Element;
+
+export { SubMenuContainer, FloatMenu as default };

package/lib/menus/float/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MenuItem", {
+  enumerable: true,
+  get: function () {
+    return _MenuItem.default;
+  }
+});
+Object.defineProperty(exports, "SubMenuContainer", {
+  enumerable: true,
+  get: function () {
+    return _SubMenuContainer.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+var _SubMenuContainer = _interopRequireDefault(require("./SubMenuContainer"));
+var _buttons = _interopRequireDefault(require("../../buttons"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _spinner = _interopRequireDefault(require("../../spinner"));
+require("../../assets/styles/floatMenu.scss");
+var _helpers = _interopRequireDefault(require("./helpers"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FloatMenu = props => {
+  const {
+    iconSize = 16,
+    iconColor = '#676464',
+    customClass,
+    children,
+    spinner,
+    isLoading,
+    customClassMenuItem
+  } = props;
+  const getSpinner = () => {
+    if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      delayTime: 0
+    });
+    return spinner;
+  };
+  const contextValues = {
+    customClassMenuItem
+  };
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `floatmenu-component ${customClass}`
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    transparent: true,
+    key: "button-",
+    boxShadow: false,
+    dropdown: true,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "grid",
+      size: iconSize,
+      color: iconColor
+    }),
+    customClass: "buttonfloat",
+    tabIndex: -1,
+    isFloatMenu: true,
+    customClassForDropdown: "-floatdropdown",
+    showIconDropdown: false
+  }, isLoading || spinner ? getSpinner() : children)));
+};
+var _default = exports.default = FloatMenu;

package/lib/menus/float/types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { SizePixels } from '../../@types/SizePixels.js';
+import { IconNames } from '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+interface IFloatMenuContext {
+    customClassMenuItem?: string;
+}
+interface IFloatMenuProps {
+    children: ReactNode;
+    customClass?: string;
+    iconSize?: SizePixels;
+    iconColor?: string;
+    customClassMenuItem?: string;
+    isLoading?: boolean;
+    spinner?: ReactNode;
+}
+interface IFloatMenuItemProps {
+    title?: string;
+    url?: string;
+    urlHref?: string;
+    iconName: IconNames;
+    iconColor?: string;
+    iconSize?: SizePixels;
+    customClass?: string;
+    dropdownMenu?: ReactNode;
+    onClick?: (dropdownClose?: () => void) => void;
+}
+
+export { IFloatMenuContext, IFloatMenuItemProps, IFloatMenuProps };

package/lib/menus/float/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/menus/index.d.ts

@@ -0,0 +1,12 @@
+import FloatMenu from './float/index.js';
+import './float/MenuItem.js';
+import './float/types.js';
+import 'react';
+import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+import 'prop-types';
+
+
+
+export { FloatMenu as default };

package/lib/menus/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _float = _interopRequireDefault(require("./float"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _float.default;

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

@@ -0,0 +1,12 @@
+import { IExpandMenuProps } 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 ExpandMenu: ({ onExpandMenu, expandMenuCustomClass, iconName }: IExpandMenuProps) => JSX.Element;
+
+export { ExpandMenu as default };

package/lib/menus/sidenav/ExpandMenu.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icons = _interopRequireDefault(require("../../icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ExpandMenu = _ref => {
+  let {
+    onExpandMenu,
+    expandMenuCustomClass,
+    iconName
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `openclosemenu ${expandMenuCustomClass}`,
+    role: "button",
+    tabIndex: 0,
+    onClick: onExpandMenu,
+    onKeyPress: () => {}
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: iconName,
+    size: 16
+  }));
+};
+var _default = exports.default = ExpandMenu;

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

@@ -0,0 +1,15 @@
+import { IMenuLinkProps } 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 _default: {
+    (props: IMenuLinkProps): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };

package/lib/menus/sidenav/MenuLink.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MenuLink = _ref => {
+  let {
+    url,
+    children,
+    targetRef,
+    disabled
+  } = _ref;
+  if (url && !disabled) {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+      to: url,
+      className: "menulink",
+      ref: r => {
+        if (targetRef) targetRef(r);
+      }
+    }, children);
+  }
+  return children;
+};
+var _default = exports.default = (0, _withTooltip.default)(MenuLink);

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

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

package/lib/menus/sidenav/NavMenuGroup.js

@@ -0,0 +1,26 @@
+"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);
+};
+var _default = exports.default = NavMenuGroup;

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

@@ -0,0 +1,15 @@
+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';
+
+declare const _default: {
+    (props: INavMenuItemProps): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };

package/lib/menus/sidenav/NavMenuItem.js

@@ -0,0 +1,150 @@
+"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");
+const _excluded = ["iconName", "title", "children", "childrenIsSubMenu", "url", "customClass", "permissionAttr", "maxWidth", "minWidth", "columnsQtty", "targetRef", "disableDefaultStyle", "showDropdownOnClick", "style", "customClassForDropdown"];
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const NavMenuItem = props => {
+  const {
+      iconName,
+      title,
+      children,
+      childrenIsSubMenu = true,
+      url,
+      customClass,
+      permissionAttr,
+      maxWidth = '90%',
+      minWidth = 500,
+      columnsQtty,
+      targetRef,
+      disableDefaultStyle = false,
+      showDropdownOnClick = false,
+      style,
+      customClassForDropdown
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  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);
+      }
+    }
+  };
+  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)`
+    }
+  }, children))));
+};
+var _default = exports.default = (0, _withTooltip.default)(NavMenuItem);

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

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

package/lib/menus/sidenav/NavSubMenuItem.js

@@ -0,0 +1,43 @@
+"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)));
+};
+var _default = exports.default = NavSubMenuItem;

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

@@ -0,0 +1,14 @@
+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';
+
+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 };

package/lib/menus/sidenav/helpers.js

@@ -0,0 +1,18 @@
+"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;
+};
+const SubMenuContext = exports.SubMenuContext = /*#__PURE__*/_react.default.createContext({});
+const SideNavContext = exports.SideNavContext = /*#__PURE__*/_react.default.createContext({});
+var _default = exports.default = getCssClassMenu;