@learningpool/ui 1.5.0 → 1.6.0-beta.10

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;
+    logoutText?: 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

@@ -0,0 +1,6 @@
+export declare const DEFAULT_REACT_APP_ID = "root";
+export declare const MOBILE_NAV_PANEL_TYPES: {
+    DRAWER: string;
+    SEARCH: string;
+    AVATAR: string;
+};

package/utils/constants.js

@@ -0,0 +1,6 @@
+export var DEFAULT_REACT_APP_ID = 'root';
+export var MOBILE_NAV_PANEL_TYPES = {
+    DRAWER: 'drawer',
+    SEARCH: 'search',
+    AVATAR: 'avatar'
+};

package/utils/helpers.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Accepts a string and returns 2 characters (max) as initials e.g. AN from Avatar Name
+ * @param avatarName string - Expected full name but accepts any string
+ * @returns string
+ */
+export declare const handleAvatarInitials: (avatarName: string) => string;

package/utils/helpers.js

@@ -0,0 +1,17 @@
+/**
+ * Accepts a string and returns 2 characters (max) as initials e.g. AN from Avatar Name
+ * @param avatarName string - Expected full name but accepts any string
+ * @returns string
+ */
+export var handleAvatarInitials = function (avatarName) {
+    var _a, _b;
+    var firstInitial = avatarName.split('')[0] || '';
+    var secondInitial = '';
+    if (((_a = avatarName.split(' ')) === null || _a === void 0 ? void 0 : _a.length) > 1) {
+        firstInitial = avatarName.split(' ')[0][0];
+        if (((_b = avatarName.split(' ')[1]) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+            secondInitial = avatarName === null || avatarName === void 0 ? void 0 : avatarName.split(' ')[1][0];
+        }
+    }
+    return "".concat(firstInitial).concat(secondInitial);
+};

package/utils/hooks.d.ts

@@ -0,0 +1 @@
+export declare const useCurrentWidth: () => number;

package/utils/hooks.js

@@ -0,0 +1,29 @@
+import { useState, useEffect } from 'react';
+var getWidth = function () {
+    var _a, _b;
+    return (_b = (_a = window.innerWidth) !== null && _a !== void 0 ? _a : document.documentElement.clientWidth) !== null && _b !== void 0 ? _b : document.body.clientWidth;
+};
+export var useCurrentWidth = function () {
+    // save current window width in the state object
+    var _a = useState(getWidth()), width = _a[0], setWidth = _a[1];
+    // in this case useEffect will execute only once because
+    // it does not have any dependencies.
+    useEffect(function () {
+        // timeoutId for debounce mechanism
+        var timeoutId;
+        var resizeListener = function () {
+            // prevent execution of previous setTimeout
+            clearTimeout(timeoutId);
+            // change width from the state object after 150 milliseconds
+            timeoutId = setTimeout(function () { return setWidth(getWidth()); }, 150);
+        };
+        // set resize listener
+        window.addEventListener('resize', resizeListener);
+        // clean up function
+        return function () {
+            // remove resize listener
+            window.removeEventListener('resize', resizeListener);
+        };
+    }, []);
+    return width;
+};

package/utils/theme.d.ts

@@ -87,3 +87,7 @@ export declare const motion: {
     easeIn: string;
     easeInOut: string;
 };
+export declare const tooltipDelay: {
+    start: number;
+    end: number;
+};

package/utils/theme.js

@@ -59,3 +59,7 @@ export var motion = {
     easeIn: 'cubic-bezier(0.4, 0.0, 1, 1)',
     easeInOut: 'cubic-bezier(0.4, 0.0, 0.6, 1)'
 };
+export var tooltipDelay = {
+    start: 500,
+    end: 200
+};