linear-react-components-ui 1.1.13 → 1.1.14-beta.0

package/lib/menus/sidenav/index.js

@@ -1,35 +1,36 @@
 "use strict";
 
+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
 });
 Object.defineProperty(exports, "ExpandedMenu", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ExpandMenu.default;
   }
 });
 Object.defineProperty(exports, "NavMenuGroup", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _NavMenuGroup.default;
   }
 });
 Object.defineProperty(exports, "NavMenuItem", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _NavMenuItem.default;
   }
 });
 Object.defineProperty(exports, "NavSubMenuItem", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _NavSubMenuItem.default;
   }
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var uuid = _interopRequireWildcard(require("uuid"));
+var _uuid = _interopRequireDefault(require("uuid"));
 var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
 var _NavSubMenuItem = _interopRequireDefault(require("./NavSubMenuItem"));
 var _NavMenuGroup = _interopRequireDefault(require("./NavMenuGroup"));
@@ -40,57 +41,77 @@ var _icons = _interopRequireDefault(require("../../icons"));
 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 _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 _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 _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); }
-const SideNav = props => {
-  const {
-    customClass,
-    showExpandMenu,
-    expandMenuCustomClass,
-    expanded = true,
-    menuSize = 'medium',
-    onExpandMenuClick,
-    children,
-    enableMenuSearch
-  } = props;
-  const [isExpanded, setIsExpanded] = (0, _react.useState)(expanded);
-  const [menuItemsContent, setMenuItemsContent] = (0, _react.useState)([]);
-  const [sideNavDimensions, setSideNavDimensions] = (0, _react.useState)({});
-  const [openSearchMenuPopup, setOpenSearchMenuPopup] = (0, _react.useState)(false);
-  const sideNavRef = (0, _react.useRef)(null);
-  const onHeaderClick = () => {
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var SideNav = function SideNav(props) {
+  var customClass = props.customClass,
+    showExpandMenu = props.showExpandMenu,
+    expandMenuCustomClass = props.expandMenuCustomClass,
+    _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;
+  var _useState = (0, _react.useState)(expanded),
+    _useState2 = _slicedToArray(_useState, 2),
+    isExpanded = _useState2[0],
+    setIsExpanded = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    menuItemsContent = _useState4[0],
+    setMenuItemsContent = _useState4[1];
+  var _useState5 = (0, _react.useState)({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sideNavDimensions = _useState6[0],
+    setSideNavDimensions = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    openSearchMenuPopup = _useState8[0],
+    setOpenSearchMenuPopup = _useState8[1];
+  var sideNavRef = (0, _react.useRef)(null);
+  var onHeaderClick = function onHeaderClick() {
     setIsExpanded(!isExpanded);
     if (onExpandMenuClick) onExpandMenuClick(!isExpanded);
   };
-  const getPopupMenuSearchStyle = () => {
-    const {
-      left,
-      top,
-      width,
-      height
-    } = sideNavDimensions;
-    const style = "left: ".concat(left + width + 5, "px; top: ").concat(top + 1, "px; height: ").concat(height - 8, "px;");
+  var getPopupMenuSearchStyle = function getPopupMenuSearchStyle() {
+    var left = sideNavDimensions.left,
+      top = sideNavDimensions.top,
+      width = sideNavDimensions.width,
+      height = sideNavDimensions.height;
+    var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + 1, "px; height: ").concat(height - 8, "px;");
     return style;
   };
-  const closeSearchMenuPopup = () => {
+  var closeSearchMenuPopup = function closeSearchMenuPopup() {
     setOpenSearchMenuPopup(false);
   };
-  const compareChild = child => {
-    const {
-      type
-    } = child;
+  var compareChild = function compareChild(child) {
+    var type = child.type;
     if ((type === _NavMenuItem.default || type === _NavSubMenuItem.default) && !child.props.children) {
-      setMenuItemsContent(prevState => [...prevState, {
-        id: "".concat(child.props.title, "-").concat(uuid.v1()),
-        content: child.props.title,
-        url: child.props.url
-      }]);
+      setMenuItemsContent(function (prevState) {
+        return [].concat(_toConsumableArray(prevState), [{
+          id: "".concat(child.props.title, "-").concat(_uuid.default.v1()),
+          content: child.props.title,
+          url: child.props.url
+        }]);
+      });
     }
   };
-  const scanChildrenContent = childrenProps => {
+  var scanChildrenContent = function scanChildrenContent(childrenProps) {
     if (Array.isArray(childrenProps)) {
-      childrenProps.forEach(child => {
+      childrenProps.forEach(function (child) {
         if (child) {
           compareChild(child);
           if (child.props.children) scanChildrenContent(child.props.children);
@@ -101,66 +122,72 @@ const SideNav = props => {
       if (childrenProps.props.children) scanChildrenContent(childrenProps.props.children);
     }
   };
-  const openSearchMenu = () => {
+  var openSearchMenu = function openSearchMenu() {
     setOpenSearchMenuPopup(true);
   };
-  const onKeyDown = e => {
+  var onKeyDown = function onKeyDown(e) {
     if ([constants.keyCodes.F].includes(e.keyCode) && e.ctrlKey && e.shiftKey) {
       e.preventDefault();
       openSearchMenu();
     }
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     document.addEventListener('keydown', onKeyDown);
-    return () => {
+    return function () {
       document.removeEventListener('keydown', onKeyDown);
     };
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (enableMenuSearch && sideNavRef && sideNavRef.current) {
       setSideNavDimensions(sideNavRef.current.getBoundingClientRect());
     }
     if (enableMenuSearch) scanChildrenContent(children);
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setIsExpanded(expanded);
   }, [expanded]);
-  const returnMenuItems = () => menuItemsContent.filter(item => item.content !== '');
-  const getPopupMenuSearch = () => /*#__PURE__*/_react.default.createElement(_NavMenuGroup.default, {
-    key: "popup-menusearch-".concat(uuid.v1())
-  }, /*#__PURE__*/_react.default.createElement(_NavMenuItem.default, {
-    childrenIsSubMenu: false,
-    customClass: "-customsidenavitem",
-    tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)",
-    tooltipPosition: "right"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    key: "searchMenuIcon",
-    className: "searchmenubutton",
-    role: "button",
-    tabIndex: -1,
-    onKeyDown: () => {},
-    onClick: () => {
-      openSearchMenu();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "search",
-    customClass: "searchmenuicon",
-    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()
-  }))));
-  const getSideNavContent = () => {
+  var returnMenuItems = function returnMenuItems() {
+    return menuItemsContent.filter(function (item) {
+      return item.content !== '';
+    });
+  };
+  var getPopupMenuSearch = function getPopupMenuSearch() {
+    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", {
+      key: "searchMenuIcon",
+      className: "searchmenubutton",
+      role: "button",
+      tabIndex: -1,
+      onKeyDown: function onKeyDown() {},
+      onClick: function onClick() {
+        openSearchMenu();
+      }
+    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "search",
+      customClass: "searchmenuicon",
+      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()
+    }))));
+  };
+  var getSideNavContent = function getSideNavContent() {
     if (!enableMenuSearch) return children;
-    const items = [...children];
+    var items = _toConsumableArray(children);
     items.splice(1, 0, getPopupMenuSearch());
     return items;
   };
-  const contextValues = {
-    isExpanded,
-    menuSize,
-    openSearchMenuPopup
+  var contextValues = {
+    isExpanded: isExpanded,
+    menuSize: menuSize,
+    openSearchMenuPopup: openSearchMenuPopup
   };
   return /*#__PURE__*/_react.default.createElement(_helpers.SideNavContext.Provider, {
     value: contextValues
@@ -173,4 +200,5 @@ const SideNav = props => {
     iconName: isExpanded ? 'arrow_left' : 'arrow_right'
   }), getSideNavContent()));
 };
-var _default = exports.default = SideNav;
+var _default = SideNav;
+exports.default = _default;

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

@@ -7,11 +7,10 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icons = _interopRequireDefault(require("../../../icons"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const EmptyList = _ref => {
-  let {
-    info,
-    visible = true
-  } = _ref;
+var EmptyList = function EmptyList(_ref) {
+  var info = _ref.info,
+    _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"
@@ -23,4 +22,5 @@ const EmptyList = _ref => {
     className: "subtext"
   }, info));
 };
-var _default = exports.default = EmptyList;
+var _default = EmptyList;
+exports.default = _default;

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

@@ -1,5 +1,6 @@
 "use strict";
 
+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
 });
@@ -11,57 +12,71 @@ var _list = _interopRequireWildcard(require("../../../list"));
 var _icons = _interopRequireDefault(require("../../../icons"));
 var _EmptyList = _interopRequireDefault(require("./EmptyList"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 body = document.getElementsByTagName('body')[0];
-const PopupMenuSearch = props => {
-  const {
-    style,
-    menuItemsContent,
-    handlerClose,
-    menuSearchEmptyMessage,
-    menuSearchPlaceholder
-  } = props;
-  const [searchFieldContent, setSearchFieldContent] = (0, _react.useState)('');
-  const [searchResult, setSearchResult] = (0, _react.useState)(menuItemsContent);
-  const [defaultSelectedItemId, setDefaultSelectedItemId] = (0, _react.useState)('');
-  const searchFieldRef = (0, _react.useRef)(null);
-  const popupRef = (0, _react.useRef)(document.createElement('div'));
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var body = document.getElementsByTagName('body')[0];
+var PopupMenuSearch = function PopupMenuSearch(props) {
+  var style = props.style,
+    menuItemsContent = props.menuItemsContent,
+    handlerClose = props.handlerClose,
+    menuSearchEmptyMessage = props.menuSearchEmptyMessage,
+    menuSearchPlaceholder = props.menuSearchPlaceholder;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchFieldContent = _useState2[0],
+    setSearchFieldContent = _useState2[1];
+  var _useState3 = (0, _react.useState)(menuItemsContent),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchResult = _useState4[0],
+    setSearchResult = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    defaultSelectedItemId = _useState6[0],
+    setDefaultSelectedItemId = _useState6[1];
+  var searchFieldRef = (0, _react.useRef)(null);
+  var popupRef = (0, _react.useRef)(document.createElement('div'));
   Object.assign(popupRef.current, {
     className: 'searchmenu',
-    style
+    style: style
   });
-  const closeOnEsc = e => {
-    if (e.key === 'Escape') {
+  var closeOnEsc = function closeOnEsc(e) {
+    if (e.keyCode === 27 || e.key === 'ESC') {
       handlerClose();
-      e.stopPropagation();
     }
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     body.appendChild(popupRef.current);
     if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
-    document.body.addEventListener('keydown', closeOnEsc);
-    return () => {
+    document.body.addEventListener('keyup', closeOnEsc);
+    return function () {
       body.removeChild(popupRef.current);
-      document.body.removeEventListener('keydown', closeOnEsc);
+      document.body.removeEventListener('keyup', closeOnEsc);
     };
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     Object.assign(popupRef.current, {
-      style
+      style: style
     });
   }, [style]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (searchResult && searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);
   }, []);
-  const search = value => {
-    const filter = value.toLowerCase();
-    const result = menuItemsContent && menuItemsContent.filter(item => item.content.toLowerCase().includes(filter));
+  var search = function search(value) {
+    var filter = value.toLowerCase();
+    var result = menuItemsContent && menuItemsContent.filter(function (item) {
+      return item.content.toLowerCase().includes(filter);
+    });
     if (result && result.length > 0) setDefaultSelectedItemId(result[0].id);
     setSearchFieldContent(value);
     setSearchResult(result);
   };
-  const returnList = () => {
+  var returnList = function returnList() {
     if (searchResult && searchResult.length > 0) {
       return /*#__PURE__*/_react.default.createElement(_list.default, {
         condensed: true,
@@ -75,42 +90,47 @@ const PopupMenuSearch = props => {
           border: 'none',
           boxShadow: 'none'
         }
-      }, searchResult.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-        key: item.id,
-        itemId: item.id,
-        url: item.url,
-        text: item.content
-      })));
+      }, searchResult.map(function (item) {
+        return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+          key: item.id,
+          itemId: item.id,
+          url: item.url,
+          text: item.content
+        });
+      }));
     }
     return /*#__PURE__*/_react.default.createElement(_EmptyList.default, {
       info: menuSearchEmptyMessage
     });
   };
-  const getPopupContent = () => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    onClick: handlerClose,
-    className: "closebutton",
-    onKeyPress: () => {},
-    role: "button",
-    tabIndex: 0
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "close",
-    size: 22
-  })), /*#__PURE__*/_react.default.createElement(_search.default, {
-    rounded: true,
-    onChange: e => {
-      if (e) search(e.target.value);
-    },
-    inputRef: searchFieldRef,
-    value: searchFieldContent,
-    placeHolder: menuSearchPlaceholder,
-    onReset: () => {
-      search('');
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: '90%'
-    }
-  }, returnList()));
+  var getPopupContent = function getPopupContent() {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+      onClick: handlerClose,
+      className: "closebutton",
+      onKeyPress: function onKeyPress() {},
+      role: "button",
+      tabIndex: 0
+    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "close",
+      size: 22
+    })), /*#__PURE__*/_react.default.createElement(_search.default, {
+      rounded: true,
+      onChange: function onChange(e) {
+        if (e) search(e.target.value);
+      },
+      inputRef: searchFieldRef,
+      value: searchFieldContent,
+      placeHolder: menuSearchPlaceholder,
+      onReset: function onReset() {
+        search('');
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        height: '90%'
+      }
+    }, returnList()));
+  };
   return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
 };
-var _default = exports.default = PopupMenuSearch;
+var _default = PopupMenuSearch;
+exports.default = _default;

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

@@ -60,7 +60,7 @@ interface INavSubMenuItemProps {
 interface IExpandMenuProps {
     expandMenuCustomClass?: string;
     onExpandMenu?: () => void;
-    iconName: IconNames;
+    iconName?: IconNames;
 }
 interface IEmptyListProps {
     info?: string;

package/lib/noPermission/index.js

@@ -8,16 +8,19 @@ var _react = _interopRequireDefault(require("react"));
 var _icons = _interopRequireDefault(require("../icons"));
 require("../assets/styles/noPermission.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const NoPermission = () => /*#__PURE__*/_react.default.createElement("div", {
-  className: "no-permission-component",
-  "data-testid": "no-permission-component"
-}, /*#__PURE__*/_react.default.createElement(_icons.default, {
-  name: "warning",
-  size: 128,
-  color: "#bdbdbd"
-}), /*#__PURE__*/_react.default.createElement("p", {
-  className: "text"
-}, "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 = exports.default = NoPermission;
+var NoPermission = function NoPermission() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "no-permission-component",
+    "data-testid": "no-permission-component"
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: "warning",
+    size: 128,
+    color: "#bdbdbd"
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: "text"
+  }, "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;

package/lib/panel/Content.d.ts

@@ -1,4 +1,4 @@
-import { IPanelContentProps } from './types.js';
+import { a as IPanelContentProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';