linear-react-components-ui 0.4.77-beta.26 → 0.4.77-beta.28

package/lib/menus/sidenav/NavMenuItem.js

@@ -1,6 +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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _icons = _interopRequireDefault(require("../../icons"));
 
 var _MenuLink = _interopRequireDefault(require("./MenuLink"));
@@ -25,7 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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); }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -35,7 +37,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -43,15 +45,12 @@ var NavMenuItem = function NavMenuItem(props) {
   var iconName = props.iconName,
       title = props.title,
       children = props.children,
-      _props$childrenIsSubM = props.childrenIsSubMenu,
-      childrenIsSubMenu = _props$childrenIsSubM === void 0 ? true : _props$childrenIsSubM,
+      childrenIsSubMenu = props.childrenIsSubMenu,
       url = props.url,
       customClass = props.customClass,
       permissionAttr = props.permissionAttr,
-      _props$maxWidth = props.maxWidth,
-      maxWidth = _props$maxWidth === void 0 ? '90%' : _props$maxWidth,
-      _props$minWidth = props.minWidth,
-      minWidth = _props$minWidth === void 0 ? 500 : _props$minWidth,
+      maxWidth = props.maxWidth,
+      minWidth = props.minWidth,
       columnsQtty = props.columnsQtty,
       targetRef = props.targetRef;
 
@@ -67,7 +66,7 @@ var NavMenuItem = function NavMenuItem(props) {
 
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
 
-  var _useState5 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
+  var _useState5 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, options)),
       _useState6 = _slicedToArray(_useState5, 1),
       onDenied = _useState6[0];
 
@@ -80,21 +79,23 @@ var NavMenuItem = function NavMenuItem(props) {
       disabled = onDenied.disabled;
 
   var _onMouseEnter = function onMouseEnter(e) {
-    var eventTarget = e.target;
     setShowSubMenu(true);
-    setTargetDimensions(eventTarget.getBoundingClientRect());
+    setTargetDimensions(e.target.getBoundingClientRect());
   };
 
   var toggleSubMenu = function toggleSubMenu() {
     setShowSubMenu(!showSubMenu);
   };
 
-  var contextValues = {
-    toggleSubMenu: toggleSubMenu
+  var contextValues = function contextValues() {
+    return {
+      toggleSubMenu: toggleSubMenu
+    };
   };
+
   if (unvisible) return null;
   return /*#__PURE__*/_react.default.createElement(_helpers.SubMenuContext.Provider, {
-    value: contextValues
+    value: contextValues()
   }, /*#__PURE__*/_react.default.createElement("li", {
     ref: targetRef,
     className: "item ".concat(url && !disabled && '-withlink', " ").concat(customClass, " ").concat(disabled && '-disabled'),
@@ -106,11 +107,9 @@ var NavMenuItem = function NavMenuItem(props) {
     }
   }, /*#__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, {
+  }, 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,
+    size: menuSize === 'small' && 16 || menuSize === 'medium' && 24 || menuSize === 'large' && 32,
     customClass: "menuicon"
   }), isExpanded && /*#__PURE__*/_react.default.createElement("span", {
     className: "title"
@@ -132,6 +131,33 @@ var NavMenuItem = function NavMenuItem(props) {
   }, children))));
 };
 
+NavMenuItem.propTypes = {
+  children: _propTypes.default.any,
+  title: _propTypes.default.string,
+  iconName: _propTypes.default.string,
+  childrenIsSubMenu: _propTypes.default.bool,
+  url: _propTypes.default.string,
+  customClass: _propTypes.default.string,
+  permissionAttr: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.arrayOf(_propTypes.default.object)]),
+  minWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  columnsQtty: _propTypes.default.number,
+  targetRef: _propTypes.default.func
+};
+NavMenuItem.defaultProps = {
+  childrenIsSubMenu: true,
+  title: '',
+  iconName: '',
+  children: null,
+  url: undefined,
+  customClass: '',
+  permissionAttr: undefined,
+  minWidth: 500,
+  maxWidth: '90%',
+  columnsQtty: 2,
+  targetRef: undefined
+};
+
 var _default = (0, _withTooltip.default)(NavMenuItem);
 
 exports.default = _default;

package/lib/menus/sidenav/NavSubMenuItem.js

@@ -1,6 +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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _MenuLink = _interopRequireDefault(require("./MenuLink"));
 
 var _helpers = require("./helpers");
@@ -29,7 +31,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -39,7 +41,7 @@ var NavSubMenuItem = function NavSubMenuItem(_ref) {
       permissionAttr = _ref.permissionAttr;
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
 
-  var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
+  var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, options)),
       _useState2 = _slicedToArray(_useState, 1),
       onDenied = _useState2[0];
 
@@ -53,7 +55,7 @@ var NavSubMenuItem = function NavSubMenuItem(_ref) {
     className: "item hvr-forward ".concat(disabled && '-disabled'),
     onKeyDown: function onKeyDown() {},
     role: "button",
-    tabIndex: -1,
+    tabIndex: "-1",
     onClick: toggleSubMenu
   }, /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
     disabled: disabled,
@@ -63,5 +65,14 @@ var NavSubMenuItem = function NavSubMenuItem(_ref) {
   }, title)));
 };
 
+NavSubMenuItem.propTypes = {
+  title: _propTypes.default.string.isRequired,
+  url: _propTypes.default.string,
+  permissionAttr: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.arrayOf(_propTypes.default.object)])
+};
+NavSubMenuItem.defaultProps = {
+  url: undefined,
+  permissionAttr: undefined
+};
 var _default = NavSubMenuItem;
 exports.default = _default;

package/lib/menus/sidenav/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SubMenuContext = exports.SideNavContext = void 0;
+exports.default = exports.SideNavContext = exports.SubMenuContext = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,11 +19,11 @@ var getCssClassMenu = function getCssClassMenu(isExpanded, size) {
   return cssClass;
 };
 
-var SubMenuContext = /*#__PURE__*/_react.default.createContext({});
+var SubMenuContext = /*#__PURE__*/_react.default.createContext();
 
 exports.SubMenuContext = SubMenuContext;
 
-var SideNavContext = /*#__PURE__*/_react.default.createContext({});
+var SideNavContext = /*#__PURE__*/_react.default.createContext();
 
 exports.SideNavContext = SideNavContext;
 var _default = getCssClassMenu;

package/lib/menus/sidenav/index.js

@@ -1,38 +1,40 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ExpandedMenu", {
+Object.defineProperty(exports, "NavMenuItem", {
   enumerable: true,
   get: function get() {
-    return _ExpandMenu.default;
+    return _NavMenuItem.default;
   }
 });
-Object.defineProperty(exports, "NavMenuGroup", {
+Object.defineProperty(exports, "NavSubMenuItem", {
   enumerable: true,
   get: function get() {
-    return _NavMenuGroup.default;
+    return _NavSubMenuItem.default;
   }
 });
-Object.defineProperty(exports, "NavMenuItem", {
+Object.defineProperty(exports, "NavMenuGroup", {
   enumerable: true,
   get: function get() {
-    return _NavMenuItem.default;
+    return _NavMenuGroup.default;
   }
 });
-Object.defineProperty(exports, "NavSubMenuItem", {
+Object.defineProperty(exports, "ExpandedMenu", {
   enumerable: true,
   get: function get() {
-    return _NavSubMenuItem.default;
+    return _ExpandMenu.default;
   }
 });
 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"));
@@ -59,7 +61,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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); }
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -77,7 +79,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -85,10 +87,8 @@ 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,
+      expanded = props.expanded,
+      menuSize = props.menuSize,
       onExpandMenuClick = props.onExpandMenuClick,
       children = props.children,
       enableMenuSearch = props.enableMenuSearch;
@@ -113,6 +113,7 @@ 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() {
@@ -125,26 +126,36 @@ 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, "px; height: ").concat(height, "px;");
+    var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + 1, "px; height: ").concat(height - 8, "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) {
-      setMenuItemsContent(function (prevState) {
-        return [].concat(_toConsumableArray(prevState), [{
-          id: "".concat(child.props.title, "-").concat(_uuid.default.v1()),
-          content: child.props.title,
-          url: child.props.url
-        }]);
+      menuItemsContent.push({
+        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) {
@@ -163,6 +174,7 @@ var SideNav = function SideNav(props) {
 
   var openSearchMenu = function openSearchMenu() {
     setOpenSearchMenuPopup(true);
+    if (searchFieldRef.current) searchFieldRef.current.focus();
   };
 
   var onKeyDown = function onKeyDown(e) {
@@ -207,7 +219,7 @@ var SideNav = function SideNav(props) {
       key: "searchMenuIcon",
       className: "searchmenubutton",
       role: "button",
-      tabIndex: -1,
+      tabIndex: "-1",
       onKeyDown: function onKeyDown() {},
       onClick: function onClick() {
         openSearchMenu();
@@ -215,7 +227,7 @@ var SideNav = function SideNav(props) {
     }, /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "search",
       customClass: "searchmenuicon",
-      size: menuSize === 'small' && 16 || menuSize === 'medium' && 22 || menuSize === 'large' && 32 || 16
+      size: menuSize === 'small' && 16 || menuSize === 'medium' && 22 || menuSize === 'large' && 32
     })), openSearchMenuPopup && /*#__PURE__*/_react.default.createElement(_popup_menu_search.default, _extends({}, props, {
       style: getPopupMenuSearchStyle(),
       handlerClose: closeSearchMenuPopup,
@@ -232,13 +244,8 @@ var SideNav = function SideNav(props) {
     return items;
   };
 
-  var contextValues = {
-    isExpanded: isExpanded,
-    menuSize: menuSize,
-    openSearchMenuPopup: openSearchMenuPopup
-  };
   return /*#__PURE__*/_react.default.createElement(_helpers.SideNavContext.Provider, {
-    value: contextValues
+    value: getContextValues()
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sidenav-component ".concat(openSearchMenuPopup ? '-blocked' : '', " ").concat(customClass),
     ref: sideNavRef
@@ -249,5 +256,28 @@ var SideNav = function SideNav(props) {
   }), 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;

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

@@ -7,14 +7,15 @@ 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 }; }
 
 var EmptyList = function EmptyList(_ref) {
   var info = _ref.info,
-      _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? true : _ref$visible;
+      visible = _ref.visible;
   if (!visible) return /*#__PURE__*/_react.default.createElement("noscript", null);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "nodata-container"
@@ -27,5 +28,13 @@ var EmptyList = function EmptyList(_ref) {
   }, info));
 };
 
+EmptyList.propTypes = {
+  info: _propTypes.PropTypes.string,
+  visible: _propTypes.PropTypes.bool
+};
+EmptyList.defaultProps = {
+  info: '',
+  visible: true
+};
 var _default = EmptyList;
 exports.default = _default;

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

@@ -1,6 +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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -33,7 +33,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -63,10 +63,8 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
 
   var searchFieldRef = (0, _react.useRef)(null);
   var popupRef = (0, _react.useRef)(document.createElement('div'));
-  Object.assign(popupRef.current, {
-    className: 'searchmenu',
-    style: style
-  });
+  popupRef.current.className = 'searchmenu';
+  popupRef.current.style = style;
 
   var closeOnEsc = function closeOnEsc(e) {
     if (e.keyCode === 27 || e.key === 'ESC') {
@@ -84,12 +82,10 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
     };
   }, []);
   (0, _react.useEffect)(function () {
-    Object.assign(popupRef.current, {
-      style: style
-    });
+    popupRef.current.style = style;
   }, [style]);
   (0, _react.useEffect)(function () {
-    if (searchResult && searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);
+    if (searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);
   }, []);
 
   var search = function search(value) {
@@ -97,7 +93,7 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
     var result = menuItemsContent && menuItemsContent.filter(function (item) {
       return item.content.toLowerCase().includes(filter);
     });
-    if (result && result.length > 0) setDefaultSelectedItemId(result[0].id);
+    if (result.length > 0) setDefaultSelectedItemId(result[0].id);
     setSearchFieldContent(value);
     setSearchResult(result);
   };
@@ -110,6 +106,7 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
         selectable: true,
         onSelectItem: handlerClose,
         selectedItemId: defaultSelectedItemId,
+        selectOnEnter: true,
         style: {
           margin: '25px 0px',
           border: 'none',
@@ -134,16 +131,16 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
       onClick: handlerClose,
       className: "closebutton",
-      onKeyPress: function onKeyPress() {},
+      onKeyPress: null,
       role: "button",
-      tabIndex: 0
+      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);
+        search(e.target.value);
       },
       inputRef: searchFieldRef,
       value: searchFieldContent,