supernav-test 2.2.4 → 2.2.10

package/src/components/lsac-supernavbar/static/images/saama_logo.svg

@@ -6,10 +6,10 @@ viewBox="0 0 23961 8481"
  xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
   <style type="text/css">
-   <![CDATA[
+ 
     .fil0 {fill:#1E96DE}
     .fil1 {fill:#333333}
-   ]]>
+
   </style>
  </defs>
  <g id="Layer_x0020_1">

package/src/components/lsac-supernavbar/util/SubmenuUtil.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import IcomoonReact from "icomoon-react";
 import { Application, KeycloakAppInfo, SidebarCategory } from "../interfaces/Models";
-// import Rbqmtriangle from '../static/images/sidebar-icons/rbqm-triangle.svg';
-// import CaretDown from '../static/images/sidebar-icons/caret_down.svg';
-// import CaretUp from '../static/images/sidebar-icons/caret_up.svg';
+import {ReactComponent as Rbqmtriangle} from '../static/images/sidebar-icons/rbqm-triangle.svg';
+import {ReactComponent as CaretDown} from '../static/images/sidebar-icons/caret_down.svg';
+import {ReactComponent as CaretUp} from '../static/images/sidebar-icons/caret_up.svg';
 import iconSet from "../resources/icomoon-library.json";
 const baseUrlForIcons = "https://static-content.lsac.cloud/app-icons/";
 export default class SubmenuUtil {
@@ -137,10 +137,10 @@ export default class SubmenuUtil {
       <div className="sub-option" onClick={subAppClick} key={Math.random()}>
         <div className="sub-option-parent">
           <span className="sub-option-icon-container">
-          {/* <Rbqmtriangle /> */}
+          <Rbqmtriangle />
           </span>
           <span className='label'>RBQM</span>
-          {/* <span className="caret">{showSubApps ? <CaretUp /> : <CaretDown />}</span> */}
+          <span className="caret">{showSubApps ? <CaretUp /> : <CaretDown />}</span>
         </div>
         {showSubApps && subApps}
       </div>

package/src/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
-import LsacContainer from './components/lsac-supernavbar';
+import LsacContainer from './SupernavContainer';
 import reportWebVitals from './reportWebVitals';
 import 'bootstrap/dist/css/bootstrap.min.css';
 

package/tsconfig.json

@@ -1,30 +1,30 @@
-{
-  "compilerOptions": {
-    "outDir": "./dist/",
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react",
-    "noEmit": true
-  },
-  "include": [
-    "./src/**/*"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
+{
+  "compilerOptions": {
+    "outDir": "./dist/",
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "noEmit": true
+  },
+  "include": [
+    "./src/**/*"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/dist/Store.ts

@@ -1,8 +0,0 @@
-import {createStore, applyMiddleware, compose} from "redux";
-import thunk from 'redux-thunk';
-import RootReducer from "./reducers/RootReducer";
-
-// @ts-ignore
-const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
-const store = createStore(RootReducer, /* preloadedState, */ composeEnhancers(applyMiddleware(thunk)));
-export default store;

package/dist/actions/AuthActions.ts

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

package/dist/actions/SidebarActions.ts

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

package/dist/constants/SidebarConstants.ts

@@ -1,8 +0,0 @@
-export enum SidebarMenuTypes {
-  Home = 'home',
-  MyApps = 'my_apps',
-  Management = 'management',
-  Collaboration = 'collaboration',
-  Marketplace = 'marketplace',
-  Engagement = 'engagement',
-}

package/dist/constants/UtilityConstants.ts

@@ -1,17 +0,0 @@
-export enum SidebarDisplayModes {
-  ALL = 'all',
-  MINIMAL = 'minimal',
-  HIDDEN = 'hidden',
-}
-
-export enum TopnavDisplayModes {
-  ALL = 'all',
-  MINIMAL = 'minimal'
-}
-
-export enum RunModes {
-  DEVELOPMENT = 'development',
-  VALIDATION = 'validation',
-  PRODUCTION = 'production',
-  UI_DEV_MODE = 'ui_dev_mode',
-}

package/dist/interfaces/Models.ts

@@ -1,71 +0,0 @@
-export interface User {
-  Username: string;
-  HasApiAccess: boolean;
-  OrganizationRole: string;
-  LastName: string;
-  FirstName: string;
-  Id: string;
-  IsRegistered: boolean;
-  AgreementVersion: string;
-  Phone: string;
-}
-
-export enum SidebarCategory {
-  MY_APPS = 'my_apps',
-  COLLABORATION = 'collaboration',
-  ENGAGEMENT = 'engagement',
-  MANAGEMENT = 'management',
-  MY_HOME = 'my_home',
-  MARKETPLACE = 'marketplace'
-}
-
-export interface SidebarOption {
-  label: string;
-  onClick(): void;
-  icon?: any;
-  category?: SidebarCategory;
-  icomoonId?: string;
-  id?: string; 
-  url?: string;
-}
-
-export interface ApplicationLinkInfo {
-  icon?: any;
-  label: string;
-  onClick?(): void;
-  url?: string;
-  icomoonId?: string;
-}
-
-export interface Application {
-  linkInfo: ApplicationLinkInfo;
-  appKey: string;
-  subApplications?: Array<ApplicationLinkInfo>;
-  category?: string;
-  rank?: string;
-  subRank?: number | null;
-  attributes?: any;
-}
-
-export interface KeycloakAppInfo {
-  id: string;
-  name: string;
-  description?: string;
-  url: string;
-  attributes: any
-  subRank?: number;
-}
-
-export interface UserInfo {
-  sub: string;
-  email_verified: boolean;
-  name: string;
-  accounts: Array<string>;
-  preferred_username: string;
-  "account-groups": Map<string, Array<any>>;
-  given_name: string;
-  "account-roles": Map<string, Array<string>>;
-  family_name: string;
-  email: string;
-  applications: Array<KeycloakAppInfo>;
-}

package/dist/interfaces/Redux.ts

@@ -1,9 +0,0 @@
-import {ThunkAction as ReduxThunkAction} from "redux-thunk";
-import {RootState} from "../reducers/RootReducer";
-
-export interface Action {
-  type: string;
-  payload: any;
-}
-
-export type ThunkAction = ReduxThunkAction<void, RootState, unknown, Action>;

package/dist/reducers/AuthReducer.ts

@@ -1,24 +0,0 @@
-import { actionTypes } from "../actions/AuthActions";
-import { Action } from "../interfaces/Redux";
-import {UserInfo} from "../interfaces/Models";
-
-interface AuthReducerState {
-  userInfo: UserInfo | null;
-  uiDevMode: boolean;
-}
-
-const initialState: AuthReducerState = {
-  userInfo: null,
-  uiDevMode: false,
-};
-
-export const AuthReducer = (state = initialState, action: Action): AuthReducerState => {
-  switch (action.type) {
-    case actionTypes.SET_USER_INFO:
-      return { ...state, userInfo: action.payload };
-    case actionTypes.SET_UI_DEV_MODE:
-      return { ...state, uiDevMode: action.payload };
-    default:
-      return state;
-  }
-};

package/dist/reducers/RootReducer.ts

@@ -1,12 +0,0 @@
-import { combineReducers } from 'redux';
-import { SidebarReducer } from "./SidebarReducer";
-import {AuthReducer} from "./AuthReducer";
-
-const rootReducer = combineReducers({
-  auth: AuthReducer,
-  sidebar: SidebarReducer,
-});
-
-export default rootReducer;
-
-export type RootState = ReturnType<typeof rootReducer>;

package/dist/reducers/SidebarReducer.ts

@@ -1,73 +0,0 @@
-import {actionTypes} from "../actions/SidebarActions";
-import {Action} from "../interfaces/Redux";
-import {Application, SidebarOption} from "../interfaces/Models";
-import {SidebarMenuTypes} from "../constants/SidebarConstants";
-
-interface SidebarState {
-  currentNav: null;
-  sidebarOptions: Array<SidebarOption>;
-  localApplications: Array<Application>
-  expandedApps: Map<string, boolean>;
-  showExpandedApps: boolean;
-  expanded: boolean;
-  isMinimal: boolean;
-  extraTopNavComponent: Element | null;
-  selectedSidebarOption: SidebarMenuTypes;
-  topnavToggleref: any;
-}
-
-const initialState: SidebarState = {
-  currentNav: null,
-  sidebarOptions: [],
-  localApplications: [],
-  expandedApps: new Map([]),
-  showExpandedApps: false,
-  expanded: false,
-  isMinimal: false,
-  extraTopNavComponent: null,
-  selectedSidebarOption: SidebarMenuTypes.MyApps,
-  topnavToggleref: null
-};
-
-export const SidebarReducer = (state = initialState, action: Action): SidebarState => {
-  function setExpandApp(appKey: string, isExpanded: boolean): SidebarState {
-    const updatedState = { ...state };
-    updatedState.expandedApps.set(appKey, isExpanded);
-    return { ...updatedState };
-  }
-
-  switch(action.type) {
-    case 'current-nav':
-      return { ...state, currentNav: action.payload };
-
-    case actionTypes.REGISTER_SIDEBAR_OPTIONS:
-      return { ...state, sidebarOptions: action.payload };
-
-    case actionTypes.REGISTER_EXTRA_TOP_NAV_COMPONENT:
-      return { ...state, extraTopNavComponent: action.payload };
-
-    case actionTypes.SET_LOCAL_APPLICATIONS:
-      return { ...state, localApplications: action.payload };
-
-    case actionTypes.SET_EXPAND_SIDEBAR:
-      return { ...state, expanded: action.payload };
-    
-    case actionTypes.SET_MINIMAL_SIDEBAR:
-      return { ...state, isMinimal: action.payload };
-
-    case actionTypes.EXPAND_APP:
-      return setExpandApp(action.payload.appKey, action.payload.isExpanded);
-
-    case actionTypes.SET_SELECTED_SIDEBAR_OPTION:
-      return { ...state, selectedSidebarOption: action.payload };
-
-    case actionTypes.SET_TOPNAV_TOGGLE_REF:
-      return { ...state, topnavToggleref: action.payload};
-
-    case actionTypes.SET_SHOW_EXPANDED_APPS:
-      return { ...state, showExpandedApps: action.payload}
-
-    default:
-      return state;
-  }
-};