supernav-test 2.2.14 → 2.2.18

package/dist/App.css

@@ -0,0 +1,38 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/App.test.d.ts

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

package/dist/App.test.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+test('renders learn react link', function () {
+  var linkElement = _react.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,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./App.css");
+
+var _LsacSidebar = _interopRequireDefault(require("./components/lsac-supernavbar/LsacSidebar"));
+
+var _reactRedux = require("react-redux");
+
+var _Store = _interopRequireDefault(require("./components/lsac-supernavbar/Store"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function LsacContainer(props) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "App"
+  }, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
+    store: _Store.default
+  }, /*#__PURE__*/_react.default.createElement(_LsacSidebar.default, props)));
+}
+
+var _default = LsacContainer;
+exports.default = _default;

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,95 @@
+"use strict";
+
+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 _reactRedux = require("react-redux");
+
+var _AuthActions = require("./actions/AuthActions");
+
+var _SidebarActions = require("./actions/SidebarActions");
+
+var _Topnav = _interopRequireDefault(require("./components/Topnav"));
+
+var _Sidebar = _interopRequireDefault(require("./components/Sidebar"));
+
+var _UtilityConstants = require("./constants/UtilityConstants");
+
+var _Util = _interopRequireDefault(require("./util/Util"));
+
+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 AuthWrapper(props) {
+  var currentNav = props.currentNav,
+      sidebarOptions = props.sidebarOptions,
+      appContext = props.appContext,
+      extraTopNavComponent = props.extraTopNavComponent,
+      ignoreUniversalFontSizer = props.ignoreUniversalFontSizer,
+      topNavHeight = props.topNavHeight,
+      applicationTitle = props.applicationTitle,
+      runMode = props.runMode,
+      userInfo = props.userInfo,
+      accountName = props.accountName,
+      accountSwitchUrl = props.accountSwitchUrl,
+      logoutUrl = props.logoutUrl,
+      topnavDisplayMode = props.topnavDisplayMode,
+      sidebarDisplayMode = props.sidebarDisplayMode;
+  var uiDevMode = runMode === _UtilityConstants.RunModes.UI_DEV_MODE;
+  var dispatch = (0, _reactRedux.useDispatch)();
+  (0, _react.useEffect)(function () {
+    dispatch((0, _AuthActions.setUiDevMode)(uiDevMode));
+  }, [uiDevMode]); // Once we have an initialized keycloak, then fetch the userInfo's information
+
+  (0, _react.useEffect)(function () {
+    if (!uiDevMode && userInfo) {
+      dispatch((0, _AuthActions.setUserInfo)(userInfo));
+    }
+  }, [uiDevMode, userInfo]);
+  (0, _react.useEffect)(function () {
+    if (uiDevMode) {
+      dispatch((0, _AuthActions.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.useEffect)(function () {
+    if (sidebarOptions && sidebarOptions.length > 0) {
+      var applications = _Util.default.sidebarOptionsToApplication(sidebarOptions);
+
+      dispatch((0, _SidebarActions.SetLocalApps)(applications));
+    }
+  }, [sidebarOptions]);
+  var isReady = uiDevMode || userInfo;
+  return isReady ? /*#__PURE__*/_react.default.createElement("div", {
+    id: "lsac-supernavbar-root"
+  }, /*#__PURE__*/_react.default.createElement(_Topnav.default, {
+    extraTopNavComponent: extraTopNavComponent,
+    topNavHeight: topNavHeight,
+    applicationTitle: applicationTitle,
+    accountName: accountName,
+    accountSwitchUrl: accountSwitchUrl,
+    logoutUrl: logoutUrl,
+    sidebarDisplayMode: sidebarDisplayMode,
+    topnavDisplayMode: topnavDisplayMode
+  }), /*#__PURE__*/_react.default.createElement(_Sidebar.default, {
+    currentNav: currentNav,
+    appContext: appContext,
+    topNavHeight: topNavHeight,
+    sidebarDisplayMode: sidebarDisplayMode,
+    sidebarOptions: sidebarOptions
+  })) : null;
+}
+
+var _default = AuthWrapper;
+exports.default = _default;

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,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AuthWrapper = _interopRequireDefault(require("./AuthWrapper"));
+
+var _UtilityConstants = require("./constants/UtilityConstants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+require('./stylesheets/LsacSidebar.css');
+
+require('./stylesheets/fontIcons.css');
+
+require('./stylesheets/font-sizer.scss');
+
+function LsacSidebar(props) {
+  var content = /*#__PURE__*/_react.default.createElement(_AuthWrapper.default, props);
+
+  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.TopnavDisplayModes.ALL,
+  sidebarDisplayMode: _UtilityConstants.SidebarDisplayModes.MINIMAL
+};
+var _default = LsacSidebar;
+exports.default = _default;

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,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _redux = require("redux");
+
+var _reduxThunk = _interopRequireDefault(require("redux-thunk"));
+
+var _RootReducer = _interopRequireDefault(require("./reducers/RootReducer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// @ts-ignore
+var composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || _redux.compose;
+var store = (0, _redux.createStore)(_RootReducer.default,
+/* preloadedState, */
+composeEnhancers((0, _redux.applyMiddleware)(_reduxThunk.default)));
+var _default = store;
+exports.default = _default;

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

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