linear-react-components-ui 1.1.27-rc.1 → 2.0.0-beta.1

package/lib/menus/float/MenuItem.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _icons = _interopRequireDefault(require("../../icons"));
-var _withDropdown = require("../../dropdown/withDropdown");
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const MenuItem = _ref => {
-  let {
-    title,
-    url,
-    iconName,
-    iconColor = 'gray',
-    iconSize = 24,
-    dropdownMenu,
-    onClick
-  } = _ref;
-  const {
-    customClassMenuItem
-  } = (0, _react.useContext)(_helpers.default);
-  const dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
-  const handleOnClick = () => {
-    if (onClick) {
-      onClick(dropdownContext === null || dropdownContext === void 0 ? void 0 : dropdownContext.handleDropdownClose);
-      return;
-    }
-    if (dropdownContext) dropdownContext.handleDropdownClose();
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "floatmenuitem"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(customClassMenuItem, " -items")
-  }, !_lodash.default.isEmpty(dropdownMenu) && !onClick && /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    customClass: "floatmenudropdown",
-    iconName: "more1",
-    transparent: true,
-    size: "medium",
-    boxShadow: false,
-    dropdown: true,
-    showIconDropdown: false
-  }, dropdownMenu), /*#__PURE__*/_react.default.createElement("a", {
-    className: "floatmenulink",
-    target: "_blank",
-    onClick: handleOnClick,
-    href: url,
-    style: {
-      cursor: onClick ? 'pointer' : undefined
-    },
-    rel: "noreferrer"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "iconcontainer"
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: iconName,
-    size: iconSize,
-    color: iconColor,
-    customClass: "iconmenu"
-  })), /*#__PURE__*/_react.default.createElement("span", {
-    className: "nameitem"
-  }, title))));
-};
-var _default = exports.default = MenuItem;

package/lib/menus/float/SubMenuContainer.js

@@ -1,76 +0,0 @@
-"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 ".concat(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

@@ -1,9 +0,0 @@
-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

@@ -1,10 +0,0 @@
-"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

@@ -1,40 +0,0 @@
-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

@@ -1,68 +0,0 @@
-"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 ".concat(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

@@ -1,30 +0,0 @@
-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

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

package/lib/menus/index.d.ts

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

@@ -1,9 +0,0 @@
-"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

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

package/lib/menus/sidenav/ExpandMenu.js

@@ -1,27 +0,0 @@
-"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 ".concat(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

@@ -1,12 +0,0 @@
-import { IMenuLinkProps } 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 MenuLink: ({ url, children, disabled, tooltip, tooltipPosition, errorMessage, tooltipWidth, }: IMenuLinkProps) => JSX.Element;
-
-export { MenuLink as default };

package/lib/menus/sidenav/MenuLink.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _tooltip = require("../../tooltip");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const MenuLink = _ref => {
-  let {
-    url,
-    children,
-    disabled,
-    tooltip,
-    tooltipPosition,
-    errorMessage,
-    tooltipWidth
-  } = _ref;
-  const linkRef = (0, _react.useRef)(null);
-  if (url && !disabled) {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-      to: url,
-      className: "menulink",
-      ref: linkRef
-    }, children), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-      targetRef: linkRef,
-      text: tooltip,
-      position: tooltipPosition,
-      width: tooltipWidth,
-      textError: errorMessage
-    }));
-  }
-  return children;
-};
-var _default = exports.default = MenuLink;

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

@@ -1,12 +0,0 @@
-import { INavMenuGroupProps } 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 NavMenuGroup: ({ children, scrollable, style }: INavMenuGroupProps) => JSX.Element;
-
-export { NavMenuGroup as default };

package/lib/menus/sidenav/NavMenuGroup.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = _interopRequireWildcard(require("./helpers"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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: "".concat(scrollable && 'customscroll', " ").concat((0, _helpers.default)(isExpanded, menuSize))
-  }, children);
-};
-var _default = exports.default = NavMenuGroup;

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

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

package/lib/menus/sidenav/NavMenuItem.js

@@ -1,151 +0,0 @@
-"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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);
-      }
-    }
-  };
-  const contextValues = {
-    toggleSubMenu
-  };
-  (0, _react.useEffect)(() => {
-    if (showSubMenu && showDropdownOnClick) {
-      document.addEventListener('click', e => {
-        var _menuItemRef$current;
-        const target = e.target;
-        const insideMenu = (_menuItemRef$current = menuItemRef.current) === null || _menuItemRef$current === void 0 ? void 0 : _menuItemRef$current.contains(target);
-        if (!insideMenu) setShowSubMenu(false);
-      });
-    }
-  }, [showSubMenu, showDropdownOnClick]);
-  (0, _react.useEffect)(() => {
-    var _submenuContainerRef$, _submenuContentRef$cu, _submenuContentRef$cu2;
-    const heigthSubmenuContainer = ((_submenuContainerRef$ = submenuContainerRef.current) === null || _submenuContainerRef$ === void 0 ? void 0 : _submenuContainerRef$.clientHeight) || 0;
-    const heigthSubmenuContent = ((_submenuContentRef$cu = submenuContentRef.current) === null || _submenuContentRef$cu === void 0 ? void 0 : _submenuContentRef$cu.clientHeight) || 0;
-    const maxHeigthSubMenu = isOnEndWindow ? '100%' : (window.innerHeight - targetDimensions.top - (heigthSubmenuContainer - heigthSubmenuContent) - 1).toString().concat('px') || '0px';
-    (_submenuContentRef$cu2 = submenuContentRef.current) === null || _submenuContentRef$cu2 === void 0 ? void 0 : _submenuContentRef$cu2.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 ".concat(url && !disabled && '-withlink', " ").concat(customClass, " ").concat(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: "".concat(customClassForDropdown, " ").concat(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(".concat(columnsQtty, ", 1fr)")
-    }
-  }, children))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-    targetRef: menuItemRef,
-    text: tooltip,
-    position: tooltipPosition,
-    width: tooltipWidth,
-    textError: errorMessage
-  }));
-};
-var _default = exports.default = NavMenuItem;

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

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