@learningpool/ui 1.6.0-beta.8 → 1.6.0

package/types/components/navigation/VerticalNavigation.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { IApplication } from '../stream/AppSwitcher';
+import { IAvatarMenuItemProps } from './VerticalNavigationAvatar';
+export interface IVerticalNavigationItemProps {
+    label: string;
+    icon?: JSX.Element;
+    onClick?: any;
+    isActive?: boolean;
+    children?: IVerticalNavigationItemProps[];
+    isDrawerOpen?: boolean;
+    index?: number;
+    isSecondary?: boolean;
+    hasFlyout?: boolean;
+    fullHeightFlyout?: boolean;
+    content?: JSX.Element;
+    style?: any;
+    open?: boolean;
+    hasCustomContent?: boolean;
+}
+export interface IVerticalNavigationProps {
+    logo?: string;
+    logoText?: string;
+    logoOnClick?: any;
+    items?: IVerticalNavigationItemProps[];
+    secondaryItems?: IVerticalNavigationItemProps[];
+    hasStreamHome?: boolean;
+    streamHomeAccessToken?: string;
+    streamHomeBaseUrl?: string;
+    streamHomeApiKey?: string;
+    streamHomeApplications?: IApplication[];
+    avatarName?: string;
+    isDrawerOpen?: boolean;
+    isPersistent?: boolean;
+    setIsPersistent?: any;
+    appRootID?: string;
+    hasAvatar?: boolean;
+    avatarPanelLogoutString?: string;
+    avatarPanelOnClickSwitchDirection?: any;
+    avatarPanelOnClickLogout?: any;
+    avatarPanelOnClickViewProfile?: any;
+    avatarPanelViewProfileString?: string;
+    avatarPanelOnClickEditProfile?: any;
+    avatarPanelEditProfileString?: string;
+    avatarPanelMenuItems?: Array<IAvatarMenuItemProps>;
+    avatarPanelOnClickMainAction?: any;
+    avatarPanelMainActionString?: string;
+    avatarPanelSettingItems?: Array<IAvatarMenuItemProps>;
+    avatarPanelFootnote?: any;
+}

package/types/components/navigation/VerticalNavigation.js

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

package/types/components/navigation/VerticalNavigationAvatar.d.ts

@@ -0,0 +1,22 @@
+export interface IAvatarMenuItemProps {
+    label: string;
+    icon: any;
+    onClick: any;
+}
+export interface IAvatarPanelProps {
+    avatarName: string;
+    editProfileText?: string;
+    avatarPanelLogoutString?: string;
+    avatarPanelOnClickSwitchDirection?: any;
+    avatarPanelOnClickLogout?: any;
+    avatarPanelOnClickViewProfile?: any;
+    avatarPanelViewProfileString?: string;
+    avatarPanelOnClickEditProfile?: any;
+    avatarPanelEditProfileString?: string;
+    avatarPanelMenuItems?: Array<IAvatarMenuItemProps>;
+    avatarPanelOnClickMainAction?: any;
+    avatarPanelMainActionString?: string;
+    avatarPanelSettingItems?: Array<IAvatarMenuItemProps>;
+    avatarPanelInvertNavString?: string;
+    avatarPanelFootnote?: any;
+}

package/types/components/navigation/VerticalNavigationAvatar.js

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

package/types/components/stream/AppSwitcher.d.ts

@@ -0,0 +1,9 @@
+export interface IApplication {
+    applicationId: number;
+    applicationName: string;
+    shortName: string;
+    internalName: string;
+    customName?: string;
+    url: string;
+    children?: object[];
+}

package/types/components/stream/AppSwitcher.js

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

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { IVerticalNavigationItemProps, IVerticalNavigationProps } from './components/navigation/VerticalNavigation';
+export type { IAvatarMenuItemProps, IAvatarPanelProps } from './components/navigation/VerticalNavigationAvatar';
+export type { IApplication } from './components/stream/AppSwitcher';

package/types/index.js

@@ -0,0 +1,3 @@
+// https://www.typescriptlang.org/play#example/types-vs-interfaces
+// https://stackoverflow.com/questions/56018167/typescript-does-not-copy-d-ts-files-to-build
+export {};

package/utils/constants.d.ts

@@ -4,3 +4,4 @@ export declare const MOBILE_NAV_PANEL_TYPES: {
     SEARCH: string;
     AVATAR: string;
 };
+export declare const DEFAULT_MAX_CHARACTERS_PER_LINE = 50;

package/utils/constants.js

@@ -4,3 +4,6 @@ export var MOBILE_NAV_PANEL_TYPES = {
     SEARCH: 'search',
     AVATAR: 'avatar'
 };
+// 50 seems a reasonable default limit
+// https://m2.material.io/design/typography/understanding-typography.html#readability
+export var DEFAULT_MAX_CHARACTERS_PER_LINE = 50;

package/utils/theme.d.ts

@@ -53,7 +53,7 @@ export declare const lightTheme: {
         };
         divider: string;
         text: {
-            primary: "#000";
+            primary: string;
         };
     };
 };
@@ -77,7 +77,7 @@ export declare const darkTheme: {
         };
         divider: string;
         text: {
-            primary: "#fff";
+            primary: string;
         };
     };
 };

package/utils/theme.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { amber, blue, common } from '@mui/material/colors';
+import { amber, blue } from '@mui/material/colors';
 var DEFAULT_HEADER_TYPOGRAPHY = {
     fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
 };
@@ -40,7 +40,7 @@ export var lightTheme = {
         },
         divider: 'rgba(0, 0, 0, 0.075)',
         text: {
-            primary: common.black
+            primary: 'rgba(0,0,0,0.95)'
         }
     }
 };
@@ -49,7 +49,7 @@ export var darkTheme = {
         primary: amber,
         divider: 'rgba(255, 255, 255, 0.075)',
         text: {
-            primary: common.white
+            primary: 'rgba(255,255,255,0.95)'
         }
     }
 };