supernav-test 2.2.17 → 2.2.18

package/dist/components/lsac-supernavbar/components/SidebarForm.js

@@ -1,8 +1,21 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styles = require('../stylesheets/form.scss');
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = require('../stylesheets/form.scss');
+
 function SidebarForm(props) {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'sidebar-form' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'sidebar-header' }, { children: "Form Launched From Sidebar Action" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'sidebar-form-body' }, { children: "Contents of the form" }), void 0)] }), void 0));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sidebar-form"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sidebar-header"
+  }, "Form Launched From Sidebar Action"), /*#__PURE__*/React.createElement("div", {
+    className: "sidebar-form-body"
+  }, "Contents of the form"));
 }
-exports.default = SidebarForm;
+
+var _default = SidebarForm;
+exports.default = _default;

package/dist/components/lsac-supernavbar/components/SidebarMainLink.js

@@ -1,60 +1,124 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const react_redux_1 = require("react-redux");
-const SidebarActions_1 = require("../actions/SidebarActions");
-const Models_1 = require("../interfaces/Models");
+
+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
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactRedux = require("react-redux");
+
+var _SidebarActions = require("../actions/SidebarActions");
+
+var _Models = require("../interfaces/Models");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 // import IconRight from '../static/images/sidebar-icons/rightIcon.svg';
-const styles = require('../stylesheets/sidebar-main-link.scss');
+var styles = require('../stylesheets/sidebar-main-link.scss');
+
 function SidebarMainLink(props) {
-    const { icon, label, id, click, selectedOption, subMenu } = props;
-    const dispatch = (0, react_redux_1.useDispatch)();
-    const selectedSidebarOption = (0, react_redux_1.useSelector)((state) => state.sidebar.selectedSidebarOption);
-    const selected = id === selectedSidebarOption;
-    const apps = (0, react_redux_1.useSelector)((state) => { var _a; return ((_a = state.auth.userInfo) === null || _a === void 0 ? void 0 : _a.applications) || new Array(); });
-    const active = id === selectedOption;
-    const onClick = (0, react_1.useCallback)(() => {
-        if (id === 'marketplace') {
-            const marketplaceUrl = apps.filter((e) => e.attributes !== undefined && e.attributes !== null)
-                .filter((f) => Object.keys(f.attributes).length > 0)
-                .filter((e) => e.attributes['category'] !== undefined)
-                .filter((app) => app.attributes['category'].toLowerCase() === Models_1.SidebarCategory.MARKETPLACE)[0].url;
-            window.location.href = marketplaceUrl;
-            dispatch((0, SidebarActions_1.SetExpandSidebar)(false));
-            dispatch((0, SidebarActions_1.SetMinimalSidebar)(true));
-        }
-        else if (id === 'home') {
-            const home_url = apps.filter((e) => e.attributes !== undefined)
-                .filter((f) => Object.keys(f.attributes).length > 0)
-                .filter((e) => e.attributes['category'] !== undefined)
-                .filter((app) => app.attributes['category'].toLowerCase() === Models_1.SidebarCategory.MY_HOME)[0].url;
-            window.location.href = home_url;
-            dispatch((0, SidebarActions_1.SetExpandSidebar)(false));
-            dispatch((0, SidebarActions_1.SetMinimalSidebar)(true));
-        }
-    }, [id, dispatch]);
-    const onHover = (0, react_1.useCallback)((id) => {
-        dispatch((0, SidebarActions_1.SetSelectedSidebarOption)(id));
-        if (id === 'marketplace' || id === 'home') {
-            dispatch((0, SidebarActions_1.SetExpandSidebar)(false));
-            dispatch((0, SidebarActions_1.SetMinimalSidebar)(true));
-        }
-        else {
-            dispatch((0, SidebarActions_1.SetExpandSidebar)(true));
-            dispatch((0, SidebarActions_1.SetMinimalSidebar)(false));
-        }
-    }, [id, dispatch]);
-    const iconRight = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon-right" }, { children: (0, jsx_runtime_1.jsx)("div", { className: "icon-right-arrow" }, void 0) }), void 0));
-    if (subMenu) {
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('lsac-sidebar-main-link', { selected: selected }, { active: active }), onClick: onClick, onMouseOver: (e) => { onHover(id); }, title: label }, { children: [icon, iconRight] }), void 0));
+  var icon = props.icon,
+      label = props.label,
+      id = props.id,
+      click = props.click,
+      selectedOption = props.selectedOption,
+      subMenu = props.subMenu;
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var selectedSidebarOption = (0, _reactRedux.useSelector)(function (state) {
+    return state.sidebar.selectedSidebarOption;
+  });
+  var selected = id === selectedSidebarOption;
+  var apps = (0, _reactRedux.useSelector)(function (state) {
+    var _state$auth$userInfo;
+
+    return ((_state$auth$userInfo = state.auth.userInfo) === null || _state$auth$userInfo === void 0 ? void 0 : _state$auth$userInfo.applications) || new Array();
+  });
+  var active = id === selectedOption;
+  var onClick = (0, _react.useCallback)(function () {
+    if (id === 'marketplace') {
+      var marketplaceUrl = apps.filter(function (e) {
+        return e.attributes !== undefined && e.attributes !== null;
+      }).filter(function (f) {
+        return Object.keys(f.attributes).length > 0;
+      }).filter(function (e) {
+        return e.attributes['category'] !== undefined;
+      }).filter(function (app) {
+        return app.attributes['category'].toLowerCase() === _Models.SidebarCategory.MARKETPLACE;
+      })[0].url;
+      window.location.href = marketplaceUrl;
+      dispatch((0, _SidebarActions.SetExpandSidebar)(false));
+      dispatch((0, _SidebarActions.SetMinimalSidebar)(true));
+    } else if (id === 'home') {
+      var home_url = apps.filter(function (e) {
+        return e.attributes !== undefined;
+      }).filter(function (f) {
+        return Object.keys(f.attributes).length > 0;
+      }).filter(function (e) {
+        return e.attributes['category'] !== undefined;
+      }).filter(function (app) {
+        return app.attributes['category'].toLowerCase() === _Models.SidebarCategory.MY_HOME;
+      })[0].url;
+      window.location.href = home_url;
+      dispatch((0, _SidebarActions.SetExpandSidebar)(false));
+      dispatch((0, _SidebarActions.SetMinimalSidebar)(true));
     }
-    else {
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('lsac-sidebar-main-link', { selected: selected }, { active: active }), onClick: onClick, onMouseOver: (e) => { onHover(id); }, title: label }, { children: icon }), void 0));
+  }, [id, dispatch]);
+  var onHover = (0, _react.useCallback)(function (id) {
+    dispatch((0, _SidebarActions.SetSelectedSidebarOption)(id));
+
+    if (id === 'marketplace' || id === 'home') {
+      dispatch((0, _SidebarActions.SetExpandSidebar)(false));
+      dispatch((0, _SidebarActions.SetMinimalSidebar)(true));
+    } else {
+      dispatch((0, _SidebarActions.SetExpandSidebar)(true));
+      dispatch((0, _SidebarActions.SetMinimalSidebar)(false));
     }
+  }, [id, dispatch]);
+
+  var iconRight = /*#__PURE__*/_react.default.createElement("div", {
+    className: "icon-right"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "icon-right-arrow"
+  }));
+
+  if (subMenu) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('lsac-sidebar-main-link', {
+        selected: selected
+      }, {
+        active: active
+      }),
+      onClick: onClick,
+      onMouseOver: function onMouseOver(e) {
+        onHover(id);
+      },
+      title: label
+    }, icon, iconRight);
+  } else {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('lsac-sidebar-main-link', {
+        selected: selected
+      }, {
+        active: active
+      }),
+      onClick: onClick,
+      onMouseOver: function onMouseOver(e) {
+        onHover(id);
+      },
+      title: label
+    }, icon);
+  }
 }
-exports.default = SidebarMainLink;
+
+var _default = SidebarMainLink;
+exports.default = _default;

package/dist/components/lsac-supernavbar/components/SidebarOption.js

@@ -1,8 +1,22 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function SidebarOption(props) {
-    const { label, onClick } = props;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'lsac-sidebar-option', onClick: onClick }, { children: label }), void 0));
+  var label = props.label,
+      onClick = props.onClick;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lsac-sidebar-option",
+    onClick: onClick
+  }, label);
 }
-exports.default = SidebarOption;
+
+var _default = SidebarOption;
+exports.default = _default;

package/dist/components/lsac-supernavbar/components/SidebarSubMenu.js

@@ -1,68 +1,154 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const SidebarConstants_1 = require("../constants/SidebarConstants");
-const CategorizedSubmenu_1 = __importDefault(require("./sidebar_submenus/CategorizedSubmenu"));
-const Models_1 = require("../interfaces/Models");
-const react_redux_1 = require("react-redux");
-const SubmenuUtil_1 = __importDefault(require("../util/SubmenuUtil"));
+
+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
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _SidebarConstants = require("../constants/SidebarConstants");
+
+var _CategorizedSubmenu = _interopRequireDefault(require("./sidebar_submenus/CategorizedSubmenu"));
+
+var _Models = require("../interfaces/Models");
+
+var _reactRedux = require("react-redux");
+
+var _SubmenuUtil = _interopRequireDefault(require("../util/SubmenuUtil"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _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 _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 _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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function groupApplicationsByCategory(applications) {
-    return applications.reduce((memo, application) => {
-        const { category } = application;
-        const updatedGrouping = Object.assign({}, memo);
-        const { myApps, engagementApps, collaborationApps, managementApps } = updatedGrouping;
-        switch (category) {
-            case Models_1.SidebarCategory.COLLABORATION:
-                updatedGrouping.collaborationApps = [...collaborationApps, application];
-                break;
-            case Models_1.SidebarCategory.ENGAGEMENT:
-                updatedGrouping.engagementApps = [...engagementApps, application];
-                break;
-            case Models_1.SidebarCategory.MANAGEMENT:
-                updatedGrouping.managementApps = [...managementApps, application];
-                break;
-            case Models_1.SidebarCategory.MY_APPS:
-                updatedGrouping.myApps = [...myApps, application];
-                break;
-            default:
-        }
-        return updatedGrouping;
-    }, {
-        myApps: [],
-        engagementApps: [],
-        collaborationApps: [],
-        managementApps: [],
-    });
+  return applications.reduce(function (memo, application) {
+    var category = application.category;
+
+    var updatedGrouping = _objectSpread({}, memo);
+
+    var myApps = updatedGrouping.myApps,
+        engagementApps = updatedGrouping.engagementApps,
+        collaborationApps = updatedGrouping.collaborationApps,
+        managementApps = updatedGrouping.managementApps;
+
+    switch (category) {
+      case _Models.SidebarCategory.COLLABORATION:
+        updatedGrouping.collaborationApps = [].concat(_toConsumableArray(collaborationApps), [application]);
+        break;
+
+      case _Models.SidebarCategory.ENGAGEMENT:
+        updatedGrouping.engagementApps = [].concat(_toConsumableArray(engagementApps), [application]);
+        break;
+
+      case _Models.SidebarCategory.MANAGEMENT:
+        updatedGrouping.managementApps = [].concat(_toConsumableArray(managementApps), [application]);
+        break;
+
+      case _Models.SidebarCategory.MY_APPS:
+        updatedGrouping.myApps = [].concat(_toConsumableArray(myApps), [application]);
+        break;
+
+      default:
+    }
+
+    return updatedGrouping;
+  }, {
+    myApps: [],
+    engagementApps: [],
+    collaborationApps: [],
+    managementApps: []
+  });
 }
+
 function getMenuForSelection(selection, groupedApps) {
-    const { myApps, engagementApps, collaborationApps, managementApps } = groupedApps;
-    const myAppsComponent = (0, jsx_runtime_1.jsx)(CategorizedSubmenu_1.default, { applications: myApps, title: 'My Apps', className: 'lsac-my-apps-pane' }, void 0);
-    switch (selection) {
-        case SidebarConstants_1.SidebarMenuTypes.MyApps:
-            return myAppsComponent;
-        case SidebarConstants_1.SidebarMenuTypes.Engagement:
-            return (0, jsx_runtime_1.jsx)(CategorizedSubmenu_1.default, { applications: engagementApps, title: 'Engagement', className: 'lsac-engagement-pane' }, void 0);
-        case SidebarConstants_1.SidebarMenuTypes.Collaboration:
-            return (0, jsx_runtime_1.jsx)(CategorizedSubmenu_1.default, { applications: collaborationApps, title: 'Collaboration', className: 'lsac-collaboration-pane' }, void 0);
-        case SidebarConstants_1.SidebarMenuTypes.Management:
-            return (0, jsx_runtime_1.jsx)(CategorizedSubmenu_1.default, { applications: managementApps, title: 'Administration', className: 'lsac-management-pane' }, void 0);
-        case SidebarConstants_1.SidebarMenuTypes.Home:
-            return null;
-        default:
-            return (0, jsx_runtime_1.jsx)("div", {}, void 0);
-    }
+  var myApps = groupedApps.myApps,
+      engagementApps = groupedApps.engagementApps,
+      collaborationApps = groupedApps.collaborationApps,
+      managementApps = groupedApps.managementApps;
+
+  var myAppsComponent = /*#__PURE__*/_react.default.createElement(_CategorizedSubmenu.default, {
+    applications: myApps,
+    title: "My Apps",
+    className: "lsac-my-apps-pane"
+  });
+
+  switch (selection) {
+    case _SidebarConstants.SidebarMenuTypes.MyApps:
+      return myAppsComponent;
+
+    case _SidebarConstants.SidebarMenuTypes.Engagement:
+      return /*#__PURE__*/_react.default.createElement(_CategorizedSubmenu.default, {
+        applications: engagementApps,
+        title: "Engagement",
+        className: "lsac-engagement-pane"
+      });
+
+    case _SidebarConstants.SidebarMenuTypes.Collaboration:
+      return /*#__PURE__*/_react.default.createElement(_CategorizedSubmenu.default, {
+        applications: collaborationApps,
+        title: "Collaboration",
+        className: "lsac-collaboration-pane"
+      });
+
+    case _SidebarConstants.SidebarMenuTypes.Management:
+      return /*#__PURE__*/_react.default.createElement(_CategorizedSubmenu.default, {
+        applications: managementApps,
+        title: "Administration",
+        className: "lsac-management-pane"
+      });
+
+    case _SidebarConstants.SidebarMenuTypes.Home:
+      return null;
+
+    default:
+      return /*#__PURE__*/_react.default.createElement("div", null);
+  }
 }
+
 function SidebarSubMenu(props) {
-    const selectedOption = (0, react_redux_1.useSelector)((state) => state.sidebar.selectedSidebarOption);
-    const localApps = (0, react_redux_1.useSelector)((state) => state.sidebar.localApplications);
-    const keycloakApps = (0, react_redux_1.useSelector)((state) => { var _a; return (_a = state.auth.userInfo) === null || _a === void 0 ? void 0 : _a.applications; }) || [];
-    const applications = (0, react_1.useMemo)(() => [...localApps, ...(keycloakApps.map(SubmenuUtil_1.default.keycloakAppToApplication))], [localApps, keycloakApps]);
-    const groupedApps = (0, react_1.useMemo)(() => groupApplicationsByCategory(applications), [applications]);
-    const displayComponent = getMenuForSelection(selectedOption, groupedApps);
-    return displayComponent;
+  var selectedOption = (0, _reactRedux.useSelector)(function (state) {
+    return state.sidebar.selectedSidebarOption;
+  });
+  var localApps = (0, _reactRedux.useSelector)(function (state) {
+    return state.sidebar.localApplications;
+  });
+  var keycloakApps = (0, _reactRedux.useSelector)(function (state) {
+    var _state$auth$userInfo;
+
+    return (_state$auth$userInfo = state.auth.userInfo) === null || _state$auth$userInfo === void 0 ? void 0 : _state$auth$userInfo.applications;
+  }) || [];
+  var applications = (0, _react.useMemo)(function () {
+    return [].concat(_toConsumableArray(localApps), _toConsumableArray(keycloakApps.map(_SubmenuUtil.default.keycloakAppToApplication)));
+  }, [localApps, keycloakApps]);
+  var groupedApps = (0, _react.useMemo)(function () {
+    return groupApplicationsByCategory(applications);
+  }, [applications]);
+  var displayComponent = getMenuForSelection(selectedOption, groupedApps);
+  return displayComponent;
 }
-exports.default = SidebarSubMenu;
+
+var _default = SidebarSubMenu;
+exports.default = _default;