supernav-test 2.2.15 → 2.2.16

package/dist/App.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/App.test.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+test('renders learn react link', () => {
+    const linkElement = react_1.screen.getByText(/learn react/i);
+    expect(linkElement).toBeInTheDocument();
+});

package/dist/LsacContainer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './App.css';
+declare function LsacContainer(props: any): JSX.Element;
+export default LsacContainer;

package/dist/LsacContainer.js

@@ -0,0 +1,14 @@
+"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");
+require("./App.css");
+const LsacSidebar_1 = __importDefault(require("./components/lsac-supernavbar/LsacSidebar"));
+const react_redux_1 = require("react-redux");
+const Store_1 = __importDefault(require("./components/lsac-supernavbar/Store"));
+function LsacContainer(props) {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "App" }, { children: (0, jsx_runtime_1.jsx)(react_redux_1.Provider, Object.assign({ store: Store_1.default }, { children: (0, jsx_runtime_1.jsx)(LsacSidebar_1.default, Object.assign({}, props), void 0) }), void 0) }), void 0));
+}
+exports.default = LsacContainer;

package/dist/components/lsac-supernavbar/AuthWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { LsacSidebarProps } from "./LsacSidebar";
+declare function AuthWrapper(props: LsacSidebarProps): JSX.Element | null;
+export default AuthWrapper;

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

@@ -0,0 +1,47 @@
+"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 react_redux_1 = require("react-redux");
+const AuthActions_1 = require("./actions/AuthActions");
+const SidebarActions_1 = require("./actions/SidebarActions");
+const Topnav_1 = __importDefault(require("./components/Topnav"));
+const Sidebar_1 = __importDefault(require("./components/Sidebar"));
+const UtilityConstants_1 = require("./constants/UtilityConstants");
+const Util_1 = __importDefault(require("./util/Util"));
+function AuthWrapper(props) {
+    const { currentNav, sidebarOptions, appContext, extraTopNavComponent, ignoreUniversalFontSizer, topNavHeight, applicationTitle, runMode, userInfo, accountName, accountSwitchUrl, logoutUrl, topnavDisplayMode, sidebarDisplayMode } = props;
+    const uiDevMode = runMode === UtilityConstants_1.RunModes.UI_DEV_MODE;
+    const dispatch = (0, react_redux_1.useDispatch)();
+    (0, react_1.useEffect)(() => {
+        dispatch((0, AuthActions_1.setUiDevMode)(uiDevMode));
+    }, [uiDevMode]);
+    // Once we have an initialized keycloak, then fetch the userInfo's information
+    (0, react_1.useEffect)(() => {
+        if (!uiDevMode && userInfo) {
+            dispatch((0, AuthActions_1.setUserInfo)(userInfo));
+        }
+    }, [uiDevMode, userInfo]);
+    (0, react_1.useEffect)(() => {
+        if (uiDevMode) {
+            dispatch((0, AuthActions_1.setUserInfo)({
+                name: 'test-userInfo'
+            }));
+        }
+    }, [uiDevMode]);
+    // If the calling application has local application links, set those in the store so they can be consumed by the Sidebar
+    (0, react_1.useEffect)(() => {
+        if (sidebarOptions && sidebarOptions.length > 0) {
+            const applications = Util_1.default.sidebarOptionsToApplication(sidebarOptions);
+            dispatch((0, SidebarActions_1.SetLocalApps)(applications));
+        }
+    }, [sidebarOptions]);
+    const isReady = uiDevMode || userInfo;
+    return isReady
+        ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ id: 'lsac-supernavbar-root' }, { children: [(0, jsx_runtime_1.jsx)(Topnav_1.default, { extraTopNavComponent: extraTopNavComponent, topNavHeight: topNavHeight, applicationTitle: applicationTitle, accountName: accountName, accountSwitchUrl: accountSwitchUrl, logoutUrl: logoutUrl, sidebarDisplayMode: sidebarDisplayMode, topnavDisplayMode: topnavDisplayMode }, void 0), (0, jsx_runtime_1.jsx)(Sidebar_1.default, { currentNav: currentNav, appContext: appContext, topNavHeight: topNavHeight, sidebarDisplayMode: sidebarDisplayMode, sidebarOptions: sidebarOptions }, void 0)] }), void 0))
+        : null;
+}
+exports.default = AuthWrapper;

package/dist/components/lsac-supernavbar/LsacSidebar.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import { SidebarOption, UserInfo } from "./interfaces/Models";
+import { RunModes, SidebarDisplayModes, TopnavDisplayModes } from "./constants/UtilityConstants";
+export interface LsacSidebarProps {
+    currentNav: string;
+    sidebarOptions: Array<SidebarOption>;
+    applicationTitle: string;
+    appContext?: string;
+    componentTitle: String;
+    extraTopNavComponent: any;
+    ignoreUniversalFontSizer: boolean;
+    topNavHeight: string;
+    runMode: RunModes;
+    hasKeycloakInstance: boolean;
+    userInfo?: UserInfo;
+    accountName: string;
+    accountSwitchUrl: string;
+    logoutUrl: string;
+    sidebarDisplayMode: SidebarDisplayModes;
+    topnavDisplayMode: TopnavDisplayModes;
+}
+declare function LsacSidebar(props: LsacSidebarProps): JSX.Element;
+declare namespace LsacSidebar {
+    var defaultProps: {
+        componentTitle: string;
+        apiKey: null;
+        currentNav: string;
+        appContext: string;
+        sidebarOptions: never[];
+        extraTopNavComponent: null;
+        ignoreUniversalFontSizer: boolean;
+        topNavHeight: string;
+        applicationTitle: string;
+        runMode: string;
+        hasKeycloakInstance: boolean;
+        userInfo: null;
+        accountName: string;
+        accountSwitchUrl: string;
+        logoutUrl: string;
+        topnavDisplayMode: TopnavDisplayModes;
+        sidebarDisplayMode: SidebarDisplayModes;
+    };
+}
+export default LsacSidebar;

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

@@ -0,0 +1,35 @@
+"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 AuthWrapper_1 = __importDefault(require("./AuthWrapper"));
+const UtilityConstants_1 = require("./constants/UtilityConstants");
+require('./stylesheets/LsacSidebar.css');
+require('./stylesheets/fontIcons.css');
+require('./stylesheets/font-sizer.scss');
+function LsacSidebar(props) {
+    const content = (0, jsx_runtime_1.jsx)(AuthWrapper_1.default, Object.assign({}, props), void 0);
+    return (content);
+}
+LsacSidebar.defaultProps = {
+    componentTitle: 'Lsac Supernavbar',
+    apiKey: null,
+    currentNav: '',
+    appContext: '',
+    sidebarOptions: [],
+    extraTopNavComponent: null,
+    ignoreUniversalFontSizer: false,
+    topNavHeight: '3.5rem',
+    applicationTitle: '',
+    runMode: 'ui_dev_mode',
+    hasKeycloakInstance: false,
+    userInfo: null,
+    accountName: '',
+    accountSwitchUrl: '',
+    logoutUrl: '',
+    topnavDisplayMode: UtilityConstants_1.TopnavDisplayModes.ALL,
+    sidebarDisplayMode: UtilityConstants_1.SidebarDisplayModes.MINIMAL
+};
+exports.default = LsacSidebar;

package/dist/components/lsac-supernavbar/Store.d.ts

@@ -0,0 +1,3 @@
+import { Store } from "redux";
+declare const store: Store<any>;
+export default store;

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

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const redux_1 = require("redux");
+const redux_thunk_1 = __importDefault(require("redux-thunk"));
+const RootReducer_1 = __importDefault(require("./reducers/RootReducer"));
+// @ts-ignore
+const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || redux_1.compose;
+const store = (0, redux_1.createStore)(RootReducer_1.default, /* preloadedState, */ composeEnhancers((0, redux_1.applyMiddleware)(redux_thunk_1.default)));
+exports.default = store;

package/dist/components/lsac-supernavbar/actions/AuthActions.d.ts

@@ -0,0 +1,8 @@
+import { Action } from "../interfaces/Redux";
+import { UserInfo } from "../interfaces/Models";
+export declare enum actionTypes {
+    SET_UI_DEV_MODE = "SET_UI_DEV_MODE",
+    SET_USER_INFO = "SET_USER_INFO"
+}
+export declare function setUserInfo(user: UserInfo): Action;
+export declare function setUiDevMode(uiDevMode: boolean): Action;

package/dist/components/lsac-supernavbar/actions/AuthActions.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setUiDevMode = exports.setUserInfo = exports.actionTypes = void 0;
+var actionTypes;
+(function (actionTypes) {
+    actionTypes["SET_UI_DEV_MODE"] = "SET_UI_DEV_MODE";
+    actionTypes["SET_USER_INFO"] = "SET_USER_INFO";
+})(actionTypes = exports.actionTypes || (exports.actionTypes = {}));
+function setUserInfo(user) {
+    return {
+        type: actionTypes.SET_USER_INFO,
+        payload: user,
+    };
+}
+exports.setUserInfo = setUserInfo;
+function setUiDevMode(uiDevMode) {
+    return {
+        type: actionTypes.SET_UI_DEV_MODE,
+        payload: uiDevMode,
+    };
+}
+exports.setUiDevMode = setUiDevMode;

package/dist/components/lsac-supernavbar/actions/SidebarActions.d.ts

@@ -0,0 +1,23 @@
+import { Application, SidebarOption } from "../interfaces/Models";
+import { Action } from "../interfaces/Redux";
+import { SidebarMenuTypes } from "../constants/SidebarConstants";
+export declare enum actionTypes {
+    EXPAND_APP = "EXPAND_APP",
+    REGISTER_EXTRA_TOP_NAV_COMPONENT = "REGISTER_EXTRA_TOP_NAV_COMPONENT",
+    REGISTER_SIDEBAR_OPTIONS = "REGISTER_SIDEBAR_OPTIONS",
+    SET_LOCAL_APPLICATIONS = "SET_LOCAL_APPLICATIONS",
+    SET_EXPAND_SIDEBAR = "SET_EXPAND_SIDEBAR",
+    SET_SELECTED_SIDEBAR_OPTION = "SET_SELECTED_SIDEBAR_OPTION",
+    SET_TOPNAV_TOGGLE_REF = "SET_TOPNAV_TOGGLE_REF",
+    SET_MINIMAL_SIDEBAR = "SET_MINIMAL_SIDEBAR",
+    SET_SHOW_EXPANDED_APPS = "SET_SHOW_EXPANDED_APPS"
+}
+export declare function registerSidebarOptions(options: SidebarOption): Action;
+export declare function registerExtraTopNavComponent(component: Element): Action;
+export declare function SetTopnavToggleref(ref: any): Action;
+export declare function SetExpandSidebar(isExpanded: boolean): Action;
+export declare function SetMinimalSidebar(isMinimal: boolean): Action;
+export declare function SetLocalApps(localApps: Array<Application>): Action;
+export declare function SetSelectedSidebarOption(menuType: SidebarMenuTypes): Action;
+export declare function ExpandApp(appKey: string, isExpanded: boolean): Action;
+export declare function SetShowExpandedApps(expanded: boolean): Action;

package/dist/components/lsac-supernavbar/actions/SidebarActions.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetShowExpandedApps = exports.ExpandApp = exports.SetSelectedSidebarOption = exports.SetLocalApps = exports.SetMinimalSidebar = exports.SetExpandSidebar = exports.SetTopnavToggleref = exports.registerExtraTopNavComponent = exports.registerSidebarOptions = exports.actionTypes = void 0;
+var actionTypes;
+(function (actionTypes) {
+    actionTypes["EXPAND_APP"] = "EXPAND_APP";
+    actionTypes["REGISTER_EXTRA_TOP_NAV_COMPONENT"] = "REGISTER_EXTRA_TOP_NAV_COMPONENT";
+    actionTypes["REGISTER_SIDEBAR_OPTIONS"] = "REGISTER_SIDEBAR_OPTIONS";
+    actionTypes["SET_LOCAL_APPLICATIONS"] = "SET_LOCAL_APPLICATIONS";
+    actionTypes["SET_EXPAND_SIDEBAR"] = "SET_EXPAND_SIDEBAR";
+    actionTypes["SET_SELECTED_SIDEBAR_OPTION"] = "SET_SELECTED_SIDEBAR_OPTION";
+    actionTypes["SET_TOPNAV_TOGGLE_REF"] = "SET_TOPNAV_TOGGLE_REF";
+    actionTypes["SET_MINIMAL_SIDEBAR"] = "SET_MINIMAL_SIDEBAR";
+    actionTypes["SET_SHOW_EXPANDED_APPS"] = "SET_SHOW_EXPANDED_APPS";
+})(actionTypes = exports.actionTypes || (exports.actionTypes = {}));
+function registerSidebarOptions(options) {
+    return {
+        type: actionTypes.REGISTER_SIDEBAR_OPTIONS,
+        payload: options,
+    };
+}
+exports.registerSidebarOptions = registerSidebarOptions;
+function registerExtraTopNavComponent(component) {
+    return {
+        type: actionTypes.REGISTER_EXTRA_TOP_NAV_COMPONENT,
+        payload: component,
+    };
+}
+exports.registerExtraTopNavComponent = registerExtraTopNavComponent;
+function SetTopnavToggleref(ref) {
+    return {
+        type: actionTypes.SET_TOPNAV_TOGGLE_REF,
+        payload: ref
+    };
+}
+exports.SetTopnavToggleref = SetTopnavToggleref;
+function SetExpandSidebar(isExpanded) {
+    return {
+        type: actionTypes.SET_EXPAND_SIDEBAR,
+        payload: isExpanded,
+    };
+}
+exports.SetExpandSidebar = SetExpandSidebar;
+function SetMinimalSidebar(isMinimal) {
+    return {
+        type: actionTypes.SET_MINIMAL_SIDEBAR,
+        payload: isMinimal,
+    };
+}
+exports.SetMinimalSidebar = SetMinimalSidebar;
+function SetLocalApps(localApps) {
+    return {
+        type: actionTypes.SET_LOCAL_APPLICATIONS,
+        payload: localApps,
+    };
+}
+exports.SetLocalApps = SetLocalApps;
+function SetSelectedSidebarOption(menuType) {
+    return {
+        type: actionTypes.SET_SELECTED_SIDEBAR_OPTION,
+        payload: menuType,
+    };
+}
+exports.SetSelectedSidebarOption = SetSelectedSidebarOption;
+function ExpandApp(appKey, isExpanded) {
+    return {
+        type: actionTypes.EXPAND_APP,
+        payload: {
+            appKey,
+            isExpanded
+        },
+    };
+}
+exports.ExpandApp = ExpandApp;
+function SetShowExpandedApps(expanded) {
+    return {
+        type: actionTypes.SET_SHOW_EXPANDED_APPS,
+        payload: expanded
+    };
+}
+exports.SetShowExpandedApps = SetShowExpandedApps;

package/dist/components/lsac-supernavbar/components/Sidebar.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SidebarDisplayModes } from "../constants/UtilityConstants";
+import { SidebarOption } from "../interfaces/Models";
+interface SidebarProps {
+    currentNav: string;
+    appContext?: string;
+    topNavHeight: string;
+    sidebarDisplayMode: SidebarDisplayModes;
+    sidebarOptions: Array<SidebarOption>;
+}
+declare function Sidebar(props: SidebarProps): JSX.Element;
+declare const MemoizedSidebar: React.MemoExoticComponent<typeof Sidebar>;
+export default MemoizedSidebar;

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

@@ -0,0 +1,193 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_2 = __importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const classnames_1 = __importDefault(require("classnames"));
+const SidebarForm_1 = __importDefault(require("./SidebarForm"));
+const SidebarActions_1 = require("../actions/SidebarActions");
+const SidebarMainLink_1 = __importDefault(require("./SidebarMainLink"));
+const SidebarSubMenu_1 = __importDefault(require("./SidebarSubMenu"));
+const SidebarConstants_1 = require("../constants/SidebarConstants");
+const UtilityConstants_1 = require("../constants/UtilityConstants");
+const Models_1 = require("../interfaces/Models");
+// icon imports
+const icomoon_library_json_1 = __importDefault(require("../resources/icomoon-library.json"));
+const icomoon_react_1 = __importDefault(require("icomoon-react"));
+const styles = require('../stylesheets/sidebar.scss');
+// TODO - get proper icons
+const SidebarMainLinks = [
+    {
+        id: SidebarConstants_1.SidebarMenuTypes.Home,
+        label: 'My Home',
+        icon: ((0, jsx_runtime_1.jsx)(icomoon_react_1.default, { iconSet: icomoon_library_json_1.default, icon: "home" }, void 0)),
+        onClick: () => console.log('My Home'),
+        subMenu: false,
+    },
+    {
+        id: SidebarConstants_1.SidebarMenuTypes.MyApps,
+        label: 'My Apps',
+        icon: ((0, jsx_runtime_1.jsx)(icomoon_react_1.default, { iconSet: icomoon_library_json_1.default, icon: "my-apps" }, void 0)),
+        onClick: () => console.log('My Apps'),
+        subMenu: false,
+    },
+    {
+        id: SidebarConstants_1.SidebarMenuTypes.Management,
+        label: 'Administration',
+        icon: ((0, jsx_runtime_1.jsx)(icomoon_react_1.default, { iconSet: icomoon_library_json_1.default, icon: "marketplace-administration" }, void 0)),
+        onClick: () => console.log('Management'),
+        subMenu: false,
+    },
+    {
+        id: SidebarConstants_1.SidebarMenuTypes.Marketplace,
+        label: 'Marketplace',
+        icon: ((0, jsx_runtime_1.jsx)(icomoon_react_1.default, { iconSet: icomoon_library_json_1.default, icon: "marketplace" }, void 0)),
+        onClick: () => console.log('Marketplace'),
+        subMenu: false,
+    },
+    {
+        id: SidebarConstants_1.SidebarMenuTypes.Collaboration,
+        label: 'Collaboration',
+        icon: ((0, jsx_runtime_1.jsx)(icomoon_react_1.default, { iconSet: icomoon_library_json_1.default, icon: "collboration" }, void 0)),
+        onClick: () => console.log('Collaboration'),
+        subMenu: false,
+    },
+    {
+        id: SidebarConstants_1.SidebarMenuTypes.Engagement,
+        label: 'Engagement',
+        icon: ((0, jsx_runtime_1.jsx)(icomoon_react_1.default, { iconSet: icomoon_library_json_1.default, icon: "engagement" }, void 0)),
+        onClick: () => console.log('Engagement'),
+        subMenu: false,
+    }
+];
+function Sidebar(props) {
+    const { appContext, topNavHeight, sidebarDisplayMode, sidebarOptions } = props;
+    const reduxDispatch = (0, react_redux_1.useDispatch)();
+    const expanded = (0, react_redux_1.useSelector)((state) => sidebarDisplayMode === UtilityConstants_1.SidebarDisplayModes.ALL ? true : state.sidebar.expanded);
+    const isMinimal = (0, react_redux_1.useSelector)((state) => state.sidebar.isMinimal);
+    const topNavToggleref = (0, react_redux_1.useSelector)((state) => state.sidebar.topnavToggleref);
+    const selectedOption = mapContextToAppsId();
+    function mapContextToAppsId() {
+        let selectedSidebarOption = SidebarConstants_1.SidebarMenuTypes.MyApps;
+        if (appContext === 'management') {
+            selectedSidebarOption = SidebarConstants_1.SidebarMenuTypes.Management;
+        }
+        else if (appContext === 'marketplace') {
+            selectedSidebarOption = SidebarConstants_1.SidebarMenuTypes.Marketplace;
+        }
+        else if (appContext === 'collaboration') {
+            selectedSidebarOption = SidebarConstants_1.SidebarMenuTypes.Collaboration;
+        }
+        else if (appContext === 'home') {
+            selectedSidebarOption = SidebarConstants_1.SidebarMenuTypes.Home;
+        }
+        return selectedSidebarOption;
+    }
+    // When component is loaded fetch the userInfo's available applications
+    (0, react_2.useEffect)(() => {
+        let selectedSidebarOption = mapContextToAppsId();
+        reduxDispatch((0, SidebarActions_1.SetMinimalSidebar)(sidebarDisplayMode === UtilityConstants_1.SidebarDisplayModes.MINIMAL));
+        reduxDispatch((0, SidebarActions_1.SetSelectedSidebarOption)(selectedSidebarOption));
+    }, [reduxDispatch, appContext]);
+    //when sidebar is loaded attach listener to detect clicks external to it
+    function useExternalClickListener(ref) {
+        (0, react_2.useEffect)(() => {
+            function handleClickOutside(event) {
+                let eventPath = event.composedPath();
+                if (ref.current && !(eventPath.includes(ref.current) || eventPath.includes(topNavToggleref.current)) && expanded === true) {
+                    reduxDispatch((0, SidebarActions_1.SetExpandSidebar)(false));
+                }
+            }
+            // Bind the event listener
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                // Unbind the event listener on clean up
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, topNavToggleref, expanded]);
+    }
+    const [showForm, setShowForm] = (0, react_2.useState)(false);
+    const formDisplay = showForm ? (0, jsx_runtime_1.jsx)(SidebarForm_1.default, {}, void 0) : '';
+    function CheckManagementAndMarketplaceAccess() {
+        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 appCategories = apps.filter((e) => e.attributes !== undefined)
+            .filter((e) => e.attributes['category'] !== undefined)
+            .filter((d) => Object.keys(d.attributes).length > 0)
+            .map((app) => app.attributes['category'].toLowerCase());
+        const appCategoriesForSubApps = apps.filter((e) => e.attributes !== undefined)
+            .filter((e) => e.attributes['category'] !== undefined)
+            .map((app) => app.attributes['category'].toLowerCase());
+        let appCategorySubAppsCount = appCategoriesForSubApps.reduce((object, element) => {
+            object[element] = ++object[element] || 1;
+            return object;
+        }, {});
+        if (appCategorySubAppsCount['my_apps'] >= 1) {
+            const index = SidebarMainLinks.findIndex((e) => e.id === 'my_apps');
+            SidebarMainLinks[index].subMenu = true;
+        }
+        if (appCategorySubAppsCount['management'] >= 1) {
+            const index = SidebarMainLinks.findIndex((e) => e.id === 'management');
+            SidebarMainLinks[index].subMenu = true;
+        }
+        const isCollaboration = sidebarOptions.filter(option => option.category === Models_1.SidebarCategory.COLLABORATION);
+        if (appCategorySubAppsCount['engagement'] >= 1) {
+            const index = SidebarMainLinks.findIndex((e) => e.id === 'engagement');
+            SidebarMainLinks[index].subMenu = true;
+        }
+        if (appCategorySubAppsCount['collaboration'] >= 1 || isCollaboration.length) {
+            const index = SidebarMainLinks.findIndex((e) => e.id === 'collaboration');
+            SidebarMainLinks[index].subMenu = true;
+        }
+        const hasManagementAccess = appCategories.includes(Models_1.SidebarCategory.MANAGEMENT);
+        const hasMarketplaceAccess = appCategories.includes(Models_1.SidebarCategory.MARKETPLACE);
+        const hasHomeAccess = appCategories.includes(Models_1.SidebarCategory.MY_HOME);
+        const hasMyAppAccess = appCategories.includes(Models_1.SidebarCategory.MY_APPS);
+        const hasCollaborationAccess = appCategories.includes(Models_1.SidebarCategory.COLLABORATION) || sidebarOptions.map(option => option.category).includes(Models_1.SidebarCategory.COLLABORATION);
+        return SidebarMainLinks.filter(mainLinkProps => (mainLinkProps.id.toLowerCase() !== SidebarConstants_1.SidebarMenuTypes.Marketplace || hasMarketplaceAccess))
+            .filter(mainLinkProps => (mainLinkProps.id.toLowerCase() !== SidebarConstants_1.SidebarMenuTypes.Management || hasManagementAccess))
+            .filter(mainLinkProps => (mainLinkProps.id.toLowerCase() !== SidebarConstants_1.SidebarMenuTypes.Home || hasHomeAccess))
+            .filter(mainLinkProps => (mainLinkProps.id.toLowerCase() !== SidebarConstants_1.SidebarMenuTypes.MyApps || hasMyAppAccess))
+            .filter(mainLinkProps => (mainLinkProps.id.toLowerCase() !== SidebarConstants_1.SidebarMenuTypes.Collaboration || hasCollaborationAccess))
+            .map((mainLinkProps, index) => (0, react_1.createElement)(SidebarMainLink_1.default, Object.assign({ appContext: appContext }, mainLinkProps, { key: `lsac-sidebar-main-link-${index}`, selectedOption: selectedOption })));
+    }
+    const mainLinks = CheckManagementAndMarketplaceAccess();
+    const topNavHeightBuffer = {
+        top: topNavHeight
+    };
+    const sidebarRef = (0, react_2.useRef)(null);
+    useExternalClickListener(sidebarRef);
+    const handleMouseLeave = () => {
+        if (!isMinimal) {
+            reduxDispatch((0, SidebarActions_1.SetExpandSidebar)(false));
+            reduxDispatch((0, SidebarActions_1.SetMinimalSidebar)(true));
+        }
+        reduxDispatch((0, SidebarActions_1.SetSelectedSidebarOption)(selectedOption));
+        reduxDispatch((0, SidebarActions_1.SetShowExpandedApps)(false));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'lsac-sidebar-container' }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('lsac-sidebar', { expanded, isMinimal }), style: topNavHeightBuffer, ref: sidebarRef, onMouseLeave: handleMouseLeave }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'icon-strip' }, { children: mainLinks }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'submenu' }, { children: (0, jsx_runtime_1.jsx)(SidebarSubMenu_1.default, {}, void 0) }), void 0)] }), void 0), formDisplay] }), void 0));
+}
+const MemoizedSidebar = react_2.default.memo(Sidebar);
+exports.default = MemoizedSidebar;