supernav-test 2.2.18 → 2.2.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "supernav-test",
-  "version": "2.2.18",
+  "version": "2.2.19",
   "private": false,
   "dependencies": {
     "@testing-library/jest-dom": "5.14.1",
@@ -20,9 +20,10 @@
     "react-scripts": "4.0.3",
     "redux": "4.0.5",
     "redux-thunk": "2.3.0",
+    "supernav-test": "^2.2.18",
     "typescript": "4.4.3",
     "web-vitals": "1.1.2",
-    "webpack-dev-server": "^3.11.0"
+    "webpack-dev-server": "3.11.1"
   },
   "devDependencies": {
     "@babel/cli": "7.15.4",
@@ -64,15 +65,15 @@
     "webpack": "4.44.2",
     "webpack-cli": "3.3.12"
   },
-  "main": "dist/LsacContainer.js",
-  "types": "dist/LsacContainer.d.ts",
+  "main": "dist/componenent/lsac-supernavbar/LsacContainer.js",
+  "types": "dist/componenent/lsac-supernavbar/LsacContainer.d.ts",
   "files": [
-    "dist",
-    "src",
+    "dist/componenent/lsac-supernavbar/",
     "README.md"
   ],
   "scripts": {
-    "start": "webpack-dev-server --mode development --config webpack.config.js --open",
+    "start": "react-scripts start",
+    "webpack:start": "webpack-dev-server --mode development --config webpack.config.js --open",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",

package/dist/App.css

@@ -1,38 +0,0 @@
-.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

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

package/dist/App.test.js

@@ -1,9 +0,0 @@
-"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

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

package/dist/LsacContainer.js

@@ -1,29 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-/// <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

@@ -1,95 +0,0 @@
-"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

@@ -1,44 +0,0 @@
-/// <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

@@ -1,48 +0,0 @@
-"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

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

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

@@ -1,22 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-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

@@ -1,29 +0,0 @@
-"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

@@ -1,23 +0,0 @@
-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

@@ -1,95 +0,0 @@
-"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
-  };
-}