linear-react-components-ui 0.4.77-beta.8 → 1.0.0-rc.1

package/lib/menus/sidenav/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,33 +8,31 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "ExpandedMenu", {
   enumerable: true,
   get: function get() {
-    return _ExpandMenu["default"];
+    return _ExpandMenu.default;
   }
 });
 Object.defineProperty(exports, "NavMenuGroup", {
   enumerable: true,
   get: function get() {
-    return _NavMenuGroup["default"];
+    return _NavMenuGroup.default;
   }
 });
 Object.defineProperty(exports, "NavMenuItem", {
   enumerable: true,
   get: function get() {
-    return _NavMenuItem["default"];
+    return _NavMenuItem.default;
   }
 });
 Object.defineProperty(exports, "NavSubMenuItem", {
   enumerable: true,
   get: function get() {
-    return _NavSubMenuItem["default"];
+    return _NavSubMenuItem.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uuid = _interopRequireDefault(require("uuid"));
 
 var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
@@ -55,13 +53,13 @@ var constants = _interopRequireWildcard(require("../../internals/constants"));
 
 var _popup_menu_search = _interopRequireDefault(require("./popup_menu_search"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -87,8 +85,10 @@ var SideNav = function SideNav(props) {
   var customClass = props.customClass,
       showExpandMenu = props.showExpandMenu,
       expandMenuCustomClass = props.expandMenuCustomClass,
-      expanded = props.expanded,
-      menuSize = props.menuSize,
+      _props$expanded = props.expanded,
+      expanded = _props$expanded === void 0 ? true : _props$expanded,
+      _props$menuSize = props.menuSize,
+      menuSize = _props$menuSize === void 0 ? 'medium' : _props$menuSize,
       onExpandMenuClick = props.onExpandMenuClick,
       children = props.children,
       enableMenuSearch = props.enableMenuSearch;
@@ -113,7 +113,6 @@ var SideNav = function SideNav(props) {
       openSearchMenuPopup = _useState8[0],
       setOpenSearchMenuPopup = _useState8[1];
 
-  var searchFieldRef = (0, _react.useRef)(null);
   var sideNavRef = (0, _react.useRef)(null);
 
   var onHeaderClick = function onHeaderClick() {
@@ -126,36 +125,26 @@ var SideNav = function SideNav(props) {
         top = sideNavDimensions.top,
         width = sideNavDimensions.width,
         height = sideNavDimensions.height;
-    var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + window.scrollY + 8, "px; height: ").concat(height - 16, "px;");
+    var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + window.scrollY, "px; height: ").concat(height, "px;");
     return style;
   };
 
-  var getContextValues = function getContextValues() {
-    return {
-      isExpanded: isExpanded,
-      menuSize: menuSize,
-      openSearchMenuPopup: openSearchMenuPopup
-    };
-  };
-
   var closeSearchMenuPopup = function closeSearchMenuPopup() {
     setOpenSearchMenuPopup(false);
   };
 
   var compareChild = function compareChild(child) {
-    var itemsContent;
     var type = child.type;
 
-    if ((type === _NavMenuItem["default"] || type === _NavSubMenuItem["default"]) && !child.props.children) {
-      menuItemsContent.push({
-        id: "".concat(child.props.title, "-").concat(_uuid["default"].v1()),
-        content: child.props.title,
-        url: child.props.url
+    if ((type === _NavMenuItem.default || type === _NavSubMenuItem.default) && !child.props.children) {
+      setMenuItemsContent(function (prevState) {
+        return [].concat(_toConsumableArray(prevState), [{
+          id: "".concat(child.props.title, "-").concat(_uuid.default.v1()),
+          content: child.props.title,
+          url: child.props.url
+        }]);
       });
-      itemsContent = _toConsumableArray(menuItemsContent);
     }
-
-    setMenuItemsContent(itemsContent);
   };
 
   var scanChildrenContent = function scanChildrenContent(childrenProps) {
@@ -174,7 +163,6 @@ var SideNav = function SideNav(props) {
 
   var openSearchMenu = function openSearchMenu() {
     setOpenSearchMenuPopup(true);
-    if (searchFieldRef.current) searchFieldRef.current.focus();
   };
 
   var onKeyDown = function onKeyDown(e) {
@@ -208,27 +196,27 @@ var SideNav = function SideNav(props) {
   };
 
   var getPopupMenuSearch = function getPopupMenuSearch() {
-    return /*#__PURE__*/_react["default"].createElement(_NavMenuGroup["default"], {
-      key: "popup-menusearch-".concat(_uuid["default"].v1())
-    }, /*#__PURE__*/_react["default"].createElement(_NavMenuItem["default"], {
+    return /*#__PURE__*/_react.default.createElement(_NavMenuGroup.default, {
+      key: "popup-menusearch-".concat(_uuid.default.v1())
+    }, /*#__PURE__*/_react.default.createElement(_NavMenuItem.default, {
       childrenIsSubMenu: false,
       customClass: "-customsidenavitem",
       tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)",
       tooltipPosition: "right"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       key: "searchMenuIcon",
       className: "searchmenubutton",
       role: "button",
-      tabIndex: "-1",
+      tabIndex: -1,
       onKeyDown: function onKeyDown() {},
       onClick: function onClick() {
         openSearchMenu();
       }
-    }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "search",
       customClass: "searchmenuicon",
-      size: menuSize === 'small' && 16 || menuSize === 'medium' && 22 || menuSize === 'large' && 32
-    })), openSearchMenuPopup && /*#__PURE__*/_react["default"].createElement(_popup_menu_search["default"], _extends({}, props, {
+      size: menuSize === 'small' && 16 || menuSize === 'medium' && 22 || menuSize === 'large' && 32 || 16
+    })), openSearchMenuPopup && /*#__PURE__*/_react.default.createElement(_popup_menu_search.default, _extends({}, props, {
       style: getPopupMenuSearchStyle(),
       handlerClose: closeSearchMenuPopup,
       menuItemsContent: menuItemsContent && returnMenuItems()
@@ -244,40 +232,22 @@ var SideNav = function SideNav(props) {
     return items;
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_helpers.SideNavContext.Provider, {
-    value: getContextValues()
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  var contextValues = {
+    isExpanded: isExpanded,
+    menuSize: menuSize,
+    openSearchMenuPopup: openSearchMenuPopup
+  };
+  return /*#__PURE__*/_react.default.createElement(_helpers.SideNavContext.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sidenav-component ".concat(openSearchMenuPopup ? '-blocked' : '', " ").concat(customClass),
     ref: sideNavRef
-  }, showExpandMenu && /*#__PURE__*/_react["default"].createElement(_ExpandMenu["default"], {
+  }, showExpandMenu && /*#__PURE__*/_react.default.createElement(_ExpandMenu.default, {
     expandMenuCustomClass: "".concat(isExpanded && 'closefromexpanded', " ").concat(expandMenuCustomClass),
     onExpandMenu: onHeaderClick,
     iconName: isExpanded ? 'arrow_left' : 'arrow_right'
   }), getSideNavContent()));
 };
 
-SideNav.propTypes = {
-  expanded: _propTypes["default"].bool,
-  menuSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  customClass: _propTypes["default"].string,
-  expandMenuCustomClass: _propTypes["default"].string,
-  onExpandMenuClick: _propTypes["default"].func,
-  showExpandMenu: _propTypes["default"].bool,
-  children: _propTypes["default"].arrayOf(_propTypes["default"].element).isRequired,
-  enableMenuSearch: _propTypes["default"].bool,
-  menuSearchEmptyMessage: _propTypes["default"].string,
-  menuSearchPlaceholder: _propTypes["default"].string
-};
-SideNav.defaultProps = {
-  expanded: true,
-  menuSize: 'medium',
-  customClass: '',
-  expandMenuCustomClass: '',
-  showExpandMenu: false,
-  onExpandMenuClick: undefined,
-  enableMenuSearch: false,
-  menuSearchEmptyMessage: '',
-  menuSearchPlaceholder: ''
-};
 var _default = SideNav;
-exports["default"] = _default;
+exports.default = _default;

package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts

@@ -0,0 +1,10 @@
+import { IEmptyListProps } from '../types.js';
+import 'react';
+import '../../../@types/PermissionAttr.js';
+import '../../../@types/Size.js';
+import '../../../internals/types.js';
+import '../../../@types/Position.js';
+
+declare const EmptyList: ({ info, visible, }: IEmptyListProps) => JSX.Element;
+
+export { EmptyList as default };

package/lib/menus/sidenav/popup_menu_search/EmptyList.js

@@ -3,38 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("prop-types");
-
 var _icons = _interopRequireDefault(require("../../../icons"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var EmptyList = function EmptyList(_ref) {
   var info = _ref.info,
-      visible = _ref.visible;
-  if (!visible) return /*#__PURE__*/_react["default"].createElement("noscript", null);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible;
+  if (!visible) return /*#__PURE__*/_react.default.createElement("noscript", null);
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "nodata-container"
-  }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: "information",
     color: "#bdbdbd",
     size: 128
-  }), /*#__PURE__*/_react["default"].createElement("p", {
+  }), /*#__PURE__*/_react.default.createElement("p", {
     className: "subtext"
   }, info));
 };
 
-EmptyList.propTypes = {
-  info: _propTypes.PropTypes.string,
-  visible: _propTypes.PropTypes.bool
-};
-EmptyList.defaultProps = {
-  info: '',
-  visible: true
-};
 var _default = EmptyList;
-exports["default"] = _default;
+exports.default = _default;

package/lib/menus/sidenav/popup_menu_search/index.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { IPopupMenuSearchProps } from '../types.js';
+import '../../../@types/PermissionAttr.js';
+import '../../../@types/Size.js';
+import '../../../internals/types.js';
+import '../../../@types/Position.js';
+
+declare const PopupMenuSearch: (props: IPopupMenuSearchProps) => React__default.ReactPortal;
+
+export { PopupMenuSearch as default };

package/lib/menus/sidenav/popup_menu_search/index.js

@@ -1,11 +1,11 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -19,11 +19,11 @@ var _icons = _interopRequireDefault(require("../../../icons"));
 
 var _EmptyList = _interopRequireDefault(require("./EmptyList"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -63,8 +63,10 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
 
   var searchFieldRef = (0, _react.useRef)(null);
   var popupRef = (0, _react.useRef)(document.createElement('div'));
-  popupRef.current.className = 'searchmenu';
-  popupRef.current.style = style;
+  Object.assign(popupRef.current, {
+    className: 'searchmenu',
+    style: style
+  });
 
   var closeOnEsc = function closeOnEsc(e) {
     if (e.keyCode === 27 || e.key === 'ESC') {
@@ -82,11 +84,12 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
     };
   }, []);
   (0, _react.useEffect)(function () {
-    popupRef.current.style = style;
+    Object.assign(popupRef.current, {
+      style: style
+    });
   }, [style]);
   (0, _react.useEffect)(function () {
-    if (searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);
-    searchFieldRef.current.focus();
+    if (searchResult && searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);
   }, []);
 
   var search = function search(value) {
@@ -94,28 +97,26 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
     var result = menuItemsContent && menuItemsContent.filter(function (item) {
       return item.content.toLowerCase().includes(filter);
     });
-    if (result.length > 0) setDefaultSelectedItemId(result[0].id);
-    searchFieldRef.current.focus();
+    if (result && result.length > 0) setDefaultSelectedItemId(result[0].id);
     setSearchFieldContent(value);
     setSearchResult(result);
   };
 
   var returnList = function returnList() {
     if (searchResult && searchResult.length > 0) {
-      return /*#__PURE__*/_react["default"].createElement(_list["default"], {
+      return /*#__PURE__*/_react.default.createElement(_list.default, {
         condensed: true,
         transparent: true,
         selectable: true,
         onSelectItem: handlerClose,
         selectedItemId: defaultSelectedItemId,
-        selectOnEnter: true,
         style: {
           margin: '25px 0px',
           border: 'none',
           boxShadow: 'none'
         }
       }, searchResult.map(function (item) {
-        return /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
+        return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
           key: item.id,
           itemId: item.id,
           url: item.url,
@@ -124,25 +125,25 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
       }));
     }
 
-    return /*#__PURE__*/_react["default"].createElement(_EmptyList["default"], {
+    return /*#__PURE__*/_react.default.createElement(_EmptyList.default, {
       info: menuSearchEmptyMessage
     });
   };
 
   var getPopupContent = function getPopupContent() {
-    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
       onClick: handlerClose,
       className: "closebutton",
-      onKeyPress: null,
+      onKeyPress: function onKeyPress() {},
       role: "button",
-      tabIndex: "0"
-    }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+      tabIndex: 0
+    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "close",
       size: 22
-    })), /*#__PURE__*/_react["default"].createElement(_search["default"], {
+    })), /*#__PURE__*/_react.default.createElement(_search.default, {
       rounded: true,
       onChange: function onChange(e) {
-        search(e.target.value);
+        if (e) search(e.target.value);
       },
       inputRef: searchFieldRef,
       value: searchFieldContent,
@@ -150,15 +151,15 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
       onReset: function onReset() {
         search('');
       }
-    }), /*#__PURE__*/_react["default"].createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       style: {
         height: '90%'
       }
     }, returnList()));
   };
 
-  return /*#__PURE__*/_reactDom["default"].createPortal(getPopupContent(), popupRef.current);
+  return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
 };
 
 var _default = PopupMenuSearch;
-exports["default"] = _default;
+exports.default = _default;

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

@@ -0,0 +1,82 @@
+import { ReactNode, ReactElement, Ref, CSSProperties } from 'react';
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
+import { Size } from '../../@types/Size.js';
+import { WithTooltipProps } from '../../internals/types.js';
+import '../../@types/Position.js';
+
+interface ISideNavProps {
+    children: ReactNode;
+    expanded?: boolean;
+    menuSize?: Extract<Size, 'small' | 'medium' | 'large'>;
+    customClass?: string;
+    expandMenuCustomClass?: string;
+    onExpandMenuClick?: (value: boolean) => void;
+    showExpandMenu?: boolean;
+    enableMenuSearch?: boolean;
+    menuSearchEmptyMessage?: string;
+    menuSearchPlaceholder?: string;
+}
+interface ISideNavDimensions {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+interface IMenuItemContent {
+    id: string;
+    content: string;
+    url: string;
+}
+interface IMenuLinkProps extends WithTooltipProps {
+    children: ReactElement;
+    url?: string;
+    targetRef?: ((ref: HTMLAnchorElement | null) => void) | null;
+    disabled?: boolean;
+}
+interface INavMenuGroupProps {
+    children: ReactNode;
+    scrollable?: boolean;
+}
+interface INavMenuItemProps extends WithTooltipProps {
+    children?: ReactNode;
+    title?: string;
+    iconName?: string;
+    childrenIsSubMenu?: boolean;
+    url?: string;
+    customClass?: string;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    columnsQtty?: number;
+    targetRef?: Ref<HTMLLIElement>;
+}
+interface INavSubMenuItemProps {
+    title: string;
+    url?: string;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+}
+interface IExpandMenuProps {
+    expandMenuCustomClass?: string;
+    onExpandMenu?: () => void;
+    iconName?: string;
+}
+interface IEmptyListProps {
+    info?: string;
+    visible?: boolean;
+}
+interface IPopupMenuSearchProps extends ISideNavProps {
+    menuItemsContent?: IMenuItemContent[];
+    handlerClose: () => void;
+    style?: CSSProperties | string;
+}
+interface ISubMenuContext {
+    toggleSubMenu: () => void;
+}
+interface ISideNavContext {
+    isExpanded?: boolean;
+    menuSize?: Extract<Size, 'small' | 'medium' | 'large'>;
+    openSearchMenuPopup?: boolean;
+}
+declare type ITargetDimensions = DOMRect;
+
+export { IEmptyListProps, IExpandMenuProps, IMenuItemContent, IMenuLinkProps, INavMenuGroupProps, INavMenuItemProps, INavSubMenuItemProps, IPopupMenuSearchProps, ISideNavContext, ISideNavDimensions, ISideNavProps, ISubMenuContext, ITargetDimensions };

package/lib/menus/sidenav/types.js

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

package/lib/noPermission/index.d.ts

@@ -0,0 +1,3 @@
+declare const NoPermission: () => JSX.Element;
+
+export { NoPermission as default };

package/lib/noPermission/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,22 +11,22 @@ var _icons = _interopRequireDefault(require("../icons"));
 
 require("../assets/styles/noPermission.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var NoPermission = function NoPermission() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "no-permission-component",
     "data-testid": "no-permission-component"
-  }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: "warning",
     size: 128,
     color: "#bdbdbd"
-  }), /*#__PURE__*/_react["default"].createElement("p", {
+  }), /*#__PURE__*/_react.default.createElement("p", {
     className: "text"
-  }, "Acesso Negado"), /*#__PURE__*/_react["default"].createElement("p", {
+  }, "Acesso Negado"), /*#__PURE__*/_react.default.createElement("p", {
     className: "subtext"
   }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Consulte o Administrador do sistema!"));
 };
 
 var _default = NoPermission;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/Content.d.ts

@@ -0,0 +1,8 @@
+import { I as IPanelProps } from '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+
+declare const PanelContent: ({ customClass, children, style }: IPanelProps) => JSX.Element | null;
+
+export { PanelContent as default };