@laerdal/life-react-components 5.0.8-dev.2.full → 5.0.9

package/dist/GlobalNavigationBar/desktop/DesktopActions.cjs

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
@@ -18,94 +19,100 @@ var _styles = require("../../styles");
 var _InputFields = require("../../InputFields");
 var _types = require("../../types");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["placement", "type", "action"],
+var _excluded = ["placement", "type", "action"],
   _excluded2 = ["placement", "type", "icon", "action"],
   _excluded3 = ["placement", "type", "action"];
 var _templateObject, _templateObject2, _templateObject3;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n\n  display: none;\n\n  ", " {\n    display: flex;\n  }\n\n  ", "{\n    display: 'none';\n    ", " {\n      display: block;\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, _Button.IconButtonStyled, _styles.BREAKPOINTS.MEDIUM);
-const CustomActionWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\n"])));
-const ProfileWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 8px;\n"])));
-const DesktopActions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    buttons,
-    user,
-    profileComponent,
-    onShowUserMenu
-  } = _ref;
-  const [elRefs, setElRefs] = _react.default.useState([]);
-  const [searchTermNormalSmall, setSearchTermNormalSmall] = _react.default.useState('');
-  const length = (buttons === null || buttons === void 0 ? void 0 : buttons.length) || 0;
-  _react.default.useEffect(() => {
-    setElRefs(Array(length || 0).fill(null).map(() => /*#__PURE__*/_react.default.createRef()));
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n\n  display: none;\n\n  ", " {\n    display: flex;\n  }\n\n  ", "{\n    display: 'none';\n    ", " {\n      display: block;\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, _Button.IconButtonStyled, _styles.BREAKPOINTS.MEDIUM);
+var CustomActionWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n\n"])));
+var ProfileWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0 8px;\n"])));
+var DesktopActions = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+  var buttons = _ref.buttons,
+    user = _ref.user,
+    profileComponent = _ref.profileComponent,
+    onShowUserMenu = _ref.onShowUserMenu;
+  var _React$useState = _react["default"].useState([]),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    elRefs = _React$useState2[0],
+    setElRefs = _React$useState2[1];
+  var _React$useState3 = _react["default"].useState(''),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    searchTermNormalSmall = _React$useState4[0],
+    setSearchTermNormalSmall = _React$useState4[1];
+  var length = (buttons === null || buttons === void 0 ? void 0 : buttons.length) || 0;
+  _react["default"].useEffect(function () {
+    setElRefs(Array(length || 0).fill(null).map(function () {
+      return /*#__PURE__*/_react["default"].createRef();
+    }));
   }, [length]);
-  _react.default.useImperativeHandle(ref, () => ({
-    buttons: elRefs.map((r, index) => {
-      var _buttons$index;
-      return {
-        ref: r,
-        type: buttons === null || buttons === void 0 || (_buttons$index = buttons[index]) === null || _buttons$index === void 0 ? void 0 : _buttons$index.type
-      };
-    })
-  }), [elRefs, buttons]);
-  const renderItem = (item, index) => {
+  _react["default"].useImperativeHandle(ref, function () {
+    return {
+      buttons: elRefs.map(function (r, index) {
+        var _buttons$index;
+        return {
+          ref: r,
+          type: buttons === null || buttons === void 0 ? void 0 : (_buttons$index = buttons[index]) === null || _buttons$index === void 0 ? void 0 : _buttons$index.type
+        };
+      })
+    };
+  }, [elRefs, buttons]);
+  var renderItem = function renderItem(item, index) {
     switch (item.type) {
       case 'profile':
         {
           var _user$firstName$charA, _user$firstName, _user$lastName$charAt, _user$lastName;
-          const {
-              placement,
-              type,
-              action
-            } = item,
-            rest = (0, _objectWithoutProperties2.default)(item, _excluded);
+          var placement = item.placement,
+            type = item.type,
+            action = item.action,
+            rest = (0, _objectWithoutProperties2["default"])(item, _excluded);
           if (!!profileComponent) return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProfileWrapper, {
             children: profileComponent
           });else return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProfileWrapper, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProfileButton.ProfileButton, _objectSpread({
               ref: elRefs[index],
-              onClick: e => {
+              onClick: function onClick(e) {
                 item.action ? item.action(e === null || e === void 0 ? void 0 : e.target) : onShowUserMenu();
               },
               icon: !user && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.User, {}),
-              initials: ((_user$firstName$charA = user === null || user === void 0 || (_user$firstName = user.firstName) === null || _user$firstName === void 0 ? void 0 : _user$firstName.charAt(0)) !== null && _user$firstName$charA !== void 0 ? _user$firstName$charA : '') + ((_user$lastName$charAt = user === null || user === void 0 || (_user$lastName = user.lastName) === null || _user$lastName === void 0 ? void 0 : _user$lastName.charAt(0)) !== null && _user$lastName$charAt !== void 0 ? _user$lastName$charAt : '')
+              initials: ((_user$firstName$charA = user === null || user === void 0 ? void 0 : (_user$firstName = user.firstName) === null || _user$firstName === void 0 ? void 0 : _user$firstName.charAt(0)) !== null && _user$firstName$charA !== void 0 ? _user$firstName$charA : '') + ((_user$lastName$charAt = user === null || user === void 0 ? void 0 : (_user$lastName = user.lastName) === null || _user$lastName === void 0 ? void 0 : _user$lastName.charAt(0)) !== null && _user$lastName$charAt !== void 0 ? _user$lastName$charAt : '')
             }, rest), index)
           });
         }
       case 'action':
         {
-          const {
-              placement,
-              type,
-              icon,
-              action
-            } = item,
-            rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
+          var _placement = item.placement,
+            _type = item.type,
+            icon = item.icon,
+            _action = item.action,
+            _rest = (0, _objectWithoutProperties2["default"])(item, _excluded2);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({
             ref: elRefs[index],
             variant: 'secondary',
             shape: 'circular',
-            action: e => item.action && item.action(e === null || e === void 0 ? void 0 : e.target)
-          }, rest), {}, {
+            action: function action(e) {
+              return item.action && item.action(e === null || e === void 0 ? void 0 : e.target);
+            }
+          }, _rest), {}, {
             children: item.icon
           }), index);
         }
       case 'switcher':
         {
-          const {
-              placement,
-              type,
-              action
-            } = item,
-            rest = (0, _objectWithoutProperties2.default)(item, _excluded3);
+          var _placement2 = item.placement,
+            _type2 = item.type,
+            _action2 = item.action,
+            _rest2 = (0, _objectWithoutProperties2["default"])(item, _excluded3);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({
             ref: elRefs[index],
             variant: 'secondary',
             shape: 'circular',
             id: "globalNavAppsButton",
-            action: e => item.action && item.action(e === null || e === void 0 ? void 0 : e.target)
-          }, rest), {}, {
+            action: function action(e) {
+              return item.action && item.action(e === null || e === void 0 ? void 0 : e.target);
+            }
+          }, _rest2), {}, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.SwitchApp, {
               size: "24px"
             })
@@ -117,10 +124,10 @@ const DesktopActions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputFields.SearchBar, {
               id: "unifiedSearchInputField",
               placeholder: "Enter your search term",
-              enterSearch: () => {},
+              enterSearch: function enterSearch() {},
               setSearchTerm: setSearchTermNormalSmall,
               searchTerm: searchTermNormalSmall,
-              removeSearch: () => {
+              removeSearch: function removeSearch() {
                 setSearchTermNormalSmall('');
               },
               size: _types.Size.Medium
@@ -132,13 +139,16 @@ const DesktopActions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
     role: "toolbar",
     "aria-label": "Toolbar",
-    children: buttons === null || buttons === void 0 ? void 0 : buttons.map((item, index) => renderItem(item, index))
+    children: buttons === null || buttons === void 0 ? void 0 : buttons.map(function (item, index) {
+      return renderItem(item, index);
+    })
   });
 });
 DesktopActions.propTypes = {
-  buttons: _propTypes.default.array,
-  profileComponent: _propTypes.default.node,
-  onShowUserMenu: _propTypes.default.func.isRequired
+  buttons: _propTypes["default"].array,
+  profileComponent: _propTypes["default"].node,
+  onShowUserMenu: _propTypes["default"].func.isRequired
 };
-var _default = exports.default = DesktopActions;
+var _default = DesktopActions;
+exports["default"] = _default;
 //# sourceMappingURL=DesktopActions.cjs.map

package/dist/GlobalNavigationBar/desktop/DesktopActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopActions.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_Button","_ProfileButton","_icons","_styles","_InputFields","_types","_jsxRuntime","_excluded","_excluded2","_excluded3","_templateObject","_templateObject2","_templateObject3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","IconButtonStyled","CustomActionWrapper","ProfileWrapper","DesktopActions","React","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","elRefs","setElRefs","useState","searchTermNormalSmall","setSearchTermNormalSmall","useEffect","Array","fill","map","createRef","useImperativeHandle","index","_buttons$index","type","renderItem","item","_user$firstName$charA","_user$firstName","_user$lastName$charAt","_user$lastName","placement","action","rest","_objectWithoutProperties2","jsx","children","ProfileButton","onClick","target","icon","SystemIcons","User","initials","firstName","charAt","lastName","IconButton","variant","shape","id","SwitchApp","size","SearchBar","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Size","Medium","role","propTypes","_propTypes","array","node","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DesktopActions.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_Button","_ProfileButton","_icons","_styles","_InputFields","_types","_jsxRuntime","_excluded","_excluded2","_excluded3","_templateObject","_templateObject2","_templateObject3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","IconButtonStyled","CustomActionWrapper","ProfileWrapper","DesktopActions","React","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","_React$useState","useState","_React$useState2","_slicedToArray2","elRefs","setElRefs","_React$useState3","_React$useState4","searchTermNormalSmall","setSearchTermNormalSmall","useEffect","Array","fill","map","createRef","useImperativeHandle","index","_buttons$index","type","renderItem","item","_user$firstName$charA","_user$firstName","_user$lastName$charAt","_user$lastName","placement","action","rest","_objectWithoutProperties2","jsx","children","ProfileButton","onClick","target","icon","SystemIcons","User","initials","firstName","charAt","lastName","IconButton","variant","shape","id","SwitchApp","size","SearchBar","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Size","Medium","role","propTypes","_propTypes","array","node","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/DesktopActions.js

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-const _excluded = ["placement", "type", "action"],
+var _excluded = ["placement", "type", "action"],
   _excluded2 = ["placement", "type", "icon", "action"],
   _excluded3 = ["placement", "type", "action"];
 var _templateObject, _templateObject2, _templateObject3;
@@ -17,88 +18,94 @@ import { BREAKPOINTS } from '../../styles';
 import { SearchBar } from '../../InputFields';
 import { Size } from '../../types';
 import { jsx as _jsx } from "react/jsx-runtime";
-const Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n\n  display: none;\n\n  ", " {\n    display: flex;\n  }\n\n  ", "{\n    display: 'none';\n    ", " {\n      display: block;\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, IconButtonStyled, BREAKPOINTS.MEDIUM);
-const CustomActionWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\n"])));
-const ProfileWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0 8px;\n"])));
-const DesktopActions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    buttons,
-    user,
-    profileComponent,
-    onShowUserMenu
-  } = _ref;
-  const [elRefs, setElRefs] = React.useState([]);
-  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');
-  const length = (buttons === null || buttons === void 0 ? void 0 : buttons.length) || 0;
-  React.useEffect(() => {
-    setElRefs(Array(length || 0).fill(null).map(() => /*#__PURE__*/React.createRef()));
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n\n  display: none;\n\n  ", " {\n    display: flex;\n  }\n\n  ", "{\n    display: 'none';\n    ", " {\n      display: block;\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, IconButtonStyled, BREAKPOINTS.MEDIUM);
+var CustomActionWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\n"])));
+var ProfileWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0 8px;\n"])));
+var DesktopActions = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var buttons = _ref.buttons,
+    user = _ref.user,
+    profileComponent = _ref.profileComponent,
+    onShowUserMenu = _ref.onShowUserMenu;
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    elRefs = _React$useState2[0],
+    setElRefs = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    searchTermNormalSmall = _React$useState4[0],
+    setSearchTermNormalSmall = _React$useState4[1];
+  var length = (buttons === null || buttons === void 0 ? void 0 : buttons.length) || 0;
+  React.useEffect(function () {
+    setElRefs(Array(length || 0).fill(null).map(function () {
+      return /*#__PURE__*/React.createRef();
+    }));
   }, [length]);
-  React.useImperativeHandle(ref, () => ({
-    buttons: elRefs.map((r, index) => {
-      var _buttons$index;
-      return {
-        ref: r,
-        type: buttons === null || buttons === void 0 || (_buttons$index = buttons[index]) === null || _buttons$index === void 0 ? void 0 : _buttons$index.type
-      };
-    })
-  }), [elRefs, buttons]);
-  const renderItem = (item, index) => {
+  React.useImperativeHandle(ref, function () {
+    return {
+      buttons: elRefs.map(function (r, index) {
+        var _buttons$index;
+        return {
+          ref: r,
+          type: buttons === null || buttons === void 0 ? void 0 : (_buttons$index = buttons[index]) === null || _buttons$index === void 0 ? void 0 : _buttons$index.type
+        };
+      })
+    };
+  }, [elRefs, buttons]);
+  var renderItem = function renderItem(item, index) {
     switch (item.type) {
       case 'profile':
         {
           var _user$firstName$charA, _user$firstName, _user$lastName$charAt, _user$lastName;
-          const {
-              placement,
-              type,
-              action
-            } = item,
+          var placement = item.placement,
+            type = item.type,
+            action = item.action,
             rest = _objectWithoutProperties(item, _excluded);
           if (!!profileComponent) return /*#__PURE__*/_jsx(ProfileWrapper, {
             children: profileComponent
           });else return /*#__PURE__*/_jsx(ProfileWrapper, {
             children: /*#__PURE__*/_jsx(ProfileButton, _objectSpread({
               ref: elRefs[index],
-              onClick: e => {
+              onClick: function onClick(e) {
                 item.action ? item.action(e === null || e === void 0 ? void 0 : e.target) : onShowUserMenu();
               },
               icon: !user && /*#__PURE__*/_jsx(SystemIcons.User, {}),
-              initials: ((_user$firstName$charA = user === null || user === void 0 || (_user$firstName = user.firstName) === null || _user$firstName === void 0 ? void 0 : _user$firstName.charAt(0)) !== null && _user$firstName$charA !== void 0 ? _user$firstName$charA : '') + ((_user$lastName$charAt = user === null || user === void 0 || (_user$lastName = user.lastName) === null || _user$lastName === void 0 ? void 0 : _user$lastName.charAt(0)) !== null && _user$lastName$charAt !== void 0 ? _user$lastName$charAt : '')
+              initials: ((_user$firstName$charA = user === null || user === void 0 ? void 0 : (_user$firstName = user.firstName) === null || _user$firstName === void 0 ? void 0 : _user$firstName.charAt(0)) !== null && _user$firstName$charA !== void 0 ? _user$firstName$charA : '') + ((_user$lastName$charAt = user === null || user === void 0 ? void 0 : (_user$lastName = user.lastName) === null || _user$lastName === void 0 ? void 0 : _user$lastName.charAt(0)) !== null && _user$lastName$charAt !== void 0 ? _user$lastName$charAt : '')
             }, rest), index)
           });
         }
       case 'action':
         {
-          const {
-              placement,
-              type,
-              icon,
-              action
-            } = item,
-            rest = _objectWithoutProperties(item, _excluded2);
+          var _placement = item.placement,
+            _type = item.type,
+            icon = item.icon,
+            _action = item.action,
+            _rest = _objectWithoutProperties(item, _excluded2);
           return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
             ref: elRefs[index],
             variant: 'secondary',
             shape: 'circular',
-            action: e => item.action && item.action(e === null || e === void 0 ? void 0 : e.target)
-          }, rest), {}, {
+            action: function action(e) {
+              return item.action && item.action(e === null || e === void 0 ? void 0 : e.target);
+            }
+          }, _rest), {}, {
             children: item.icon
           }), index);
         }
       case 'switcher':
         {
-          const {
-              placement,
-              type,
-              action
-            } = item,
-            rest = _objectWithoutProperties(item, _excluded3);
+          var _placement2 = item.placement,
+            _type2 = item.type,
+            _action2 = item.action,
+            _rest2 = _objectWithoutProperties(item, _excluded3);
           return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
             ref: elRefs[index],
             variant: 'secondary',
             shape: 'circular',
             id: "globalNavAppsButton",
-            action: e => item.action && item.action(e === null || e === void 0 ? void 0 : e.target)
-          }, rest), {}, {
+            action: function action(e) {
+              return item.action && item.action(e === null || e === void 0 ? void 0 : e.target);
+            }
+          }, _rest2), {}, {
             children: /*#__PURE__*/_jsx(SystemIcons.SwitchApp, {
               size: "24px"
             })
@@ -110,10 +117,10 @@ const DesktopActions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             children: /*#__PURE__*/_jsx(SearchBar, {
               id: "unifiedSearchInputField",
               placeholder: "Enter your search term",
-              enterSearch: () => {},
+              enterSearch: function enterSearch() {},
               setSearchTerm: setSearchTermNormalSmall,
               searchTerm: searchTermNormalSmall,
-              removeSearch: () => {
+              removeSearch: function removeSearch() {
                 setSearchTermNormalSmall('');
               },
               size: Size.Medium
@@ -125,7 +132,9 @@ const DesktopActions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   return /*#__PURE__*/_jsx(Wrapper, {
     role: "toolbar",
     "aria-label": "Toolbar",
-    children: buttons === null || buttons === void 0 ? void 0 : buttons.map((item, index) => renderItem(item, index))
+    children: buttons === null || buttons === void 0 ? void 0 : buttons.map(function (item, index) {
+      return renderItem(item, index);
+    })
   });
 });
 DesktopActions.propTypes = {

package/dist/GlobalNavigationBar/desktop/DesktopActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopActions.js","names":["React","styled","IconButton","IconButtonStyled","ProfileButton","SystemIcons","BREAKPOINTS","SearchBar","Size","jsx","_jsx","Wrapper","div","_templateObject","_taggedTemplateLiteral","MEDIUM","CustomActionWrapper","_templateObject2","ProfileWrapper","_templateObject3","DesktopActions","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","elRefs","setElRefs","useState","searchTermNormalSmall","setSearchTermNormalSmall","length","useEffect","Array","fill","map","createRef","useImperativeHandle","r","index","_buttons$index","type","renderItem","item","_user$firstName$charA","_user$firstName","_user$lastName$charAt","_user$lastName","placement","action","rest","_objectWithoutProperties","_excluded","children","_objectSpread","onClick","e","target","icon","User","initials","firstName","charAt","lastName","_excluded2","variant","shape","_excluded3","id","SwitchApp","size","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Medium","role","propTypes","_pt","array","node","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DesktopActions.js","names":["React","styled","IconButton","IconButtonStyled","ProfileButton","SystemIcons","BREAKPOINTS","SearchBar","Size","jsx","_jsx","Wrapper","div","_templateObject","_taggedTemplateLiteral","MEDIUM","CustomActionWrapper","_templateObject2","ProfileWrapper","_templateObject3","DesktopActions","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","_React$useState","useState","_React$useState2","_slicedToArray","elRefs","setElRefs","_React$useState3","_React$useState4","searchTermNormalSmall","setSearchTermNormalSmall","length","useEffect","Array","fill","map","createRef","useImperativeHandle","r","index","_buttons$index","type","renderItem","item","_user$firstName$charA","_user$firstName","_user$lastName$charAt","_user$lastName","placement","action","rest","_objectWithoutProperties","_excluded","children","_objectSpread","onClick","e","target","icon","User","initials","firstName","charAt","lastName","_excluded2","variant","shape","_excluded3","id","SwitchApp","size","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Medium","role","propTypes","_pt","array","node","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs

@@ -1,10 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.flowDown = exports.default = exports.MenuSectionList = exports.MenuSection = exports.Menu = void 0;
+exports.flowDown = exports["default"] = exports.MenuSectionList = exports.MenuSection = exports.Menu = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -14,31 +16,40 @@ var _Tabs = require("../../Tabs");
 var _index = require("../../index");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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 flowDown = exports.flowDown = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
-const Menu = exports.Menu = _styledComponents.default.ul(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  right: -8px;\n  min-width: 300px;\n  -webkit-animation: ", " 0.2s ease-in-out;\n  animation: ", " 0.2s ease-in-out;\n  position: absolute;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  z-index: ", ";\n\n  top: 12px;\n  ", " {\n    top: 18px;\n  }\n  ", " {\n    top: 24px;\n  }\n\n  .open & {\n    display: block;\n  }\n\n  &:focus {\n    ", "\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), flowDown, flowDown, _styles.Z_INDEXES.dropdown, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM, _styles.focusStyles);
-const MenuSection = exports.MenuSection = _styledComponents.default.li(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px 0;\n  position: relative;\n\n  &:not(:first-of-type)::before {\n    content: '';\n    position: absolute;\n    background: ", ";\n    height: 1px;\n    top: 0;\n    left: 16px;\n    right: 16px;\n  }\n"])), props => _styles.COLORS.getColor('neutral_100', props.theme));
-const MenuSectionList = exports.MenuSectionList = _styledComponents.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0;\n  padding: 0 2px;\n"])));
-const ExtendedMainMenu = _ref => {
-  let {
-    clickMenuAction,
-    navigationOptions
-  } = _ref;
-  const [entries, setEntries] = React.useState([]);
-  React.useEffect(() => {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+var flowDown = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
+exports.flowDown = flowDown;
+var Menu = _styledComponents["default"].ul(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  right: -8px;\n  min-width: 300px;\n  -webkit-animation: ", " 0.2s ease-in-out;\n  animation: ", " 0.2s ease-in-out;\n  position: absolute;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  z-index: ", ";\n\n  top: 12px;\n  ", " {\n    top: 18px;\n  }\n  ", " {\n    top: 24px;\n  }\n\n  .open & {\n    display: block;\n  }\n\n  &:focus {\n    ", "\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, flowDown, flowDown, _styles.Z_INDEXES.dropdown, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM, _styles.focusStyles);
+exports.Menu = Menu;
+var MenuSection = _styledComponents["default"].li(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 8px 0;\n  position: relative;\n\n  &:not(:first-of-type)::before {\n    content: '';\n    position: absolute;\n    background: ", ";\n    height: 1px;\n    top: 0;\n    left: 16px;\n    right: 16px;\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+});
+exports.MenuSection = MenuSection;
+var MenuSectionList = _styledComponents["default"].ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  list-style: none;\n  margin: 0;\n  padding: 0 2px;\n"])));
+exports.MenuSectionList = MenuSectionList;
+var ExtendedMainMenu = function ExtendedMainMenu(_ref) {
+  var clickMenuAction = _ref.clickMenuAction,
+    navigationOptions = _ref.navigationOptions;
+  var _React$useState = React.useState([]),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    entries = _React$useState2[0],
+    setEntries = _React$useState2[1];
+  React.useEffect(function () {
     function handleKeyPress(e) {
       if (e.keyCode === 27) {
         clickMenuAction();
       }
     }
     document.addEventListener('keydown', handleKeyPress, false);
-    return () => {
+    return function () {
       document.removeEventListener('keydown', handleKeyPress, false);
     };
   }, [clickMenuAction]);
-  React.useEffect(() => {
-    const list = navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(n => {
+  React.useEffect(function () {
+    var list = navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(function (n) {
       return {
         requiredLine: n.label,
         to: n.to,
@@ -64,8 +75,9 @@ const ExtendedMainMenu = _ref => {
   });
 };
 ExtendedMainMenu.propTypes = {
-  clickMenuAction: _propTypes.default.func.isRequired,
-  navigationOptions: _propTypes.default.array.isRequired
+  clickMenuAction: _propTypes["default"].func.isRequired,
+  navigationOptions: _propTypes["default"].array.isRequired
 };
-var _default = exports.default = ExtendedMainMenu;
+var _default = ExtendedMainMenu;
+exports["default"] = _default;
 //# sourceMappingURL=ExtendedMainMenu.cjs.map