@cccsaurora/howler-ui 3.1.0-dev.1493 → 3.1.0-dev.1602

package/utils/utils.js

@@ -4,15 +4,17 @@ import { flatten, unflatten } from 'flat';
 import { isArray, isEmpty, isNil, isObject, isPlainObject } from 'lodash-es';
 export const bytesToSize = (bytes) => {
     const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
-    if (bytes === 0 || bytes === null)
+    if (bytes === 0 || bytes === null) {
         return '0 B';
+    }
     const i = Math.floor(Math.log(bytes) / Math.log(1024));
     return `${Math.round(bytes / Math.pow(1024, i))} ${sizes[i]}`;
 };
 export const humanReadableNumber = (num) => {
     const sizes = ['', 'k', 'm', 'g', 't', 'p', 'e', 'z', 'y'];
-    if (num === 0 || num === null)
+    if (num === 0 || num === null) {
         return '0 ';
+    }
     const i = Math.floor(Math.log(num) / Math.log(1000));
     return `${Math.round(num / Math.pow(1000, i))}${sizes[i]} `;
 };
@@ -29,7 +31,7 @@ export const getProvider = () => {
 export const searchResultsDisplay = (count, max = 10000) => {
     const params = new URLSearchParams(window.location.search);
     const trackedHits = params.get('track_total_hits');
-    if (count === parseInt(trackedHits) || (trackedHits === null && count === max)) {
+    if (count === parseInt(trackedHits ?? '') || (trackedHits === null && count === max)) {
         return `${count}+`;
     }
     return `${count}`;
@@ -51,15 +53,61 @@ export const twitterShort = (date) => {
     return dayjs(date).fromNow();
 };
 export const hashCode = (s) => s.split('').reduce((a, b) => ((a << 5) - a + b.charCodeAt(0)) | 0, 0);
+const isColorPalette = (value) => {
+    return typeof value === 'object' && value !== null && Object.values(value).every(entry => typeof entry === 'string');
+};
+const toColorPalette = (value) => {
+    return isColorPalette(value) ? value : undefined;
+};
 export const stringToColor = (string) => {
     const number = Math.abs(hashCode(string));
     const colorKeys = Object.keys(colors).filter(key => key !== 'common');
     const colorKey = colorKeys[number % colorKeys.length];
-    // eslint-disable-next-line import/namespace
-    const color = colors[colorKey];
+    const color = toColorPalette(Object.entries(colors).find(([key]) => key === colorKey)?.[1]) ?? toColorPalette(colors.blue);
     const shade = Math.max(Math.floor((number / 1000) % 10), 1) * 100;
-    return color[shade];
+    return color?.[shade] ?? colors.blue[500];
+};
+const isProperty = (key, obj) => {
+    return key in obj;
+};
+const PROVIDER_COLORS = {
+    HBS: colors.indigo[700],
+    NBS: colors.pink.A200,
+    CBS: colors.teal[700],
+    howler: '#1769bb',
+    unknown: colors.grey[700]
+};
+export const getProviderColor = (name) => {
+    if (!name) {
+        return PROVIDER_COLORS.unknown;
+    }
+    if (isProperty(name, PROVIDER_COLORS)) {
+        return PROVIDER_COLORS[name];
+    }
+    return stringToColor(name);
 };
+const STATUS_COLORS = {
+    open: 'primary',
+    'in-progress': 'warning',
+    resolved: 'success'
+};
+export const getStatusColor = ((status, _default = 'default', theme) => {
+    if (!status || !isProperty(status, STATUS_COLORS)) {
+        return _default;
+    }
+    return theme ? theme.palette[STATUS_COLORS[status]].main : STATUS_COLORS[status];
+});
+const ESCALATION_COLORS = {
+    alert: 'warning',
+    evidence: 'error',
+    hit: 'primary'
+};
+export const getEscalationColor = ((status, _default = 'default', theme) => {
+    if (!status || !isProperty(status, ESCALATION_COLORS)) {
+        return _default;
+    }
+    return theme ? theme.palette[ESCALATION_COLORS[status]].main : ESCALATION_COLORS[status];
+});
 // Adapted from here: https://stackoverflow.com/a/48429492
 export const delay = (ms, rejectOnCancel = false) => {
     let timerId;
@@ -88,11 +136,17 @@ export const removeEmpty = (obj, aggressive = false) => {
     if (aggressive && isEmpty(obj)) {
         return null;
     }
-    else if (isArray(obj)) {
+    if (obj === null) {
+        return {};
+    }
+    if (isArray(obj)) {
+        return obj;
+    }
+    if (!isPlainObject(obj)) {
         return obj;
     }
     return Object.fromEntries(Object.entries(obj ?? {})
-        .filter(([__, v]) => !isNil(v))
+        .filter(([__, v]) => notNil(v))
         .map(([k, v]) => [k, isPlainObject(v) || isArray(v) ? removeEmpty(v, aggressive) : v])
         .filter(([__, v]) => !!v));
 };
@@ -102,7 +156,7 @@ export const searchObject = (o, query, returnFlat = false) => {
     }
     try {
         const regex = new RegExp(query, 'i');
-        const filteredData = Object.fromEntries(Object.entries(flatten(o)).filter(([k, v]) => regex.test(k) || regex.test(v))) ?? {};
+        const filteredData = Object.fromEntries(Object.entries(flatten(o)).filter(([k, v]) => regex.test(k) || regex.test(String(v)))) ?? {};
         return returnFlat ? filteredData : unflatten(filteredData);
     }
     catch {
@@ -184,3 +238,6 @@ export const modifyDocumentation = (original, howlerPluginStore, pluginStore) =>
     }
     return original;
 };
+export const notNil = (val) => {
+    return !isNil(val);
+};

package/utils/utils.test.js

@@ -1,4 +1,5 @@
 /// <reference types="vitest" />
+// @ts-nocheck
 import { afterEach, describe, expect, it, vi } from 'vitest';
 import { bytesToSize, compareTimestamp, convertCustomDateRangeToLucene, convertDateToLucene, convertLuceneToDate, delay, flattenDeep, formatDate, getProvider, getTimeRange, hashCode, humanReadableNumber, removeEmpty, searchObject, searchResultsDisplay, sortByTimestamp, stringToColor, tryParse, twitterShort } from './utils';
 describe('bytesToSize', () => {

package/utils/xsrf.d.ts

@@ -1,2 +1,2 @@
-declare const getXSRFCookie: () => string;
+declare const getXSRFCookie: () => string | null;
 export default getXSRFCookie;

package/utils/xsrf.js

@@ -1,14 +1,9 @@
+import { notNil } from './utils';
 const getXSRFCookie = () => {
-    if (document.cookie !== undefined) {
-        try {
-            // eslint-disable-next-line prefer-destructuring
-            return document.cookie
-                .split('; ')
-                .find(row => row.startsWith('XSRF-TOKEN'))
-                .split('=')[1];
-        }
-        catch {
-            // Ignore... we will return null
+    if (notNil(document.cookie)) {
+        const token = document.cookie.split('; ').find(row => row.startsWith('XSRF-TOKEN='));
+        if (token) {
+            return token.split('=')[1] ?? null;
         }
     }
     return null;

package/api/dossier/hit.d.ts

@@ -1,2 +0,0 @@
-import type { Dossier } from '@cccsaurora/howler-ui/models/entities/generated/Dossier';
-export declare const get: (id?: string) => Promise<Dossier[]>;

package/api/dossier/hit.js

@@ -1,7 +0,0 @@
-/* eslint-disable import/no-cycle */
-import { hget, joinAllUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '.';
-const uri = (id) => joinAllUri(parentUri(), 'hit', id);
-export const get = (id) => {
-    return hget(uri(id));
-};

package/api/dossier/index.d.ts

@@ -1,9 +0,0 @@
-import { type HowlerRefreshParam } from '@cccsaurora/howler-ui/api';
-import type { Dossier } from '@cccsaurora/howler-ui/models/entities/generated/Dossier';
-import * as hit from './hit';
-export declare const uri: (id?: string) => string;
-export declare const get: (id?: string) => Promise<Dossier | Dossier[]>;
-export declare const post: (newData: Partial<Dossier>, refresh?: HowlerRefreshParam) => Promise<Dossier>;
-export declare const put: (id: string, dossier: Partial<Dossier>, refresh?: HowlerRefreshParam) => Promise<Dossier>;
-export declare const del: (id: string, refresh?: HowlerRefreshParam) => Promise<void>;
-export { hit };

package/commons/components/app/AppConfigs.d.ts

@@ -1,137 +0,0 @@
-import type { Components, PaletteMode, PaletteOptions, Theme } from '@mui/material';
-import type { AppUserValidatedProp } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
-import type { GravatarD } from '@cccsaurora/howler-ui/commons/components/display/AppAvatar';
-import type { ReactElement, ReactNode } from 'react';
-import type { To } from 'react-router-dom';
-export type AppConfigs = {
-    preferences?: AppPreferenceConfigs;
-    theme?: AppThemeConfigs;
-    sitemap?: AppSiteMapConfigs;
-};
-export type AppPreferenceConfigs = {
-    appName: string;
-    appLink?: To;
-    appIconDark: ReactElement<any>;
-    appIconLight: ReactElement<any>;
-    bannerDark?: ReactElement<any>;
-    bannerLight?: ReactElement<any>;
-    allowAutoHideTopbar?: boolean;
-    allowBreadcrumbs?: boolean;
-    allowGravatar?: boolean;
-    allowQuickSearch?: boolean;
-    allowReset?: boolean;
-    allowLayoutSelection?: boolean;
-    allowThemeSelection?: boolean;
-    allowTranslate?: boolean;
-    defaultLayout?: AppLayoutMode;
-    defaultTheme?: PaletteMode;
-    defaultDrawerOpen?: boolean;
-    defaultShowQuickSearch?: boolean;
-    defaultAutoHideAppbar?: boolean;
-    defaultShowBreadcrumbs?: boolean;
-    topnav?: AppTopNavConfigs;
-    leftnav?: AppLeftNavConfigs;
-    avatarD?: GravatarD;
-    notificationURLs?: string[];
-};
-export type AppThemeConfigs = {
-    components?: Components<Omit<Theme, '@cccsaurora/howler-ui/components'>>;
-    palette?: AppPaletteConfigs;
-    appbar?: AppBarThemeConfigs;
-};
-export type AppSiteMapConfigs = {
-    routes: AppSiteMapRoute[];
-    itemsBefore?: number;
-    itemsAfter?: number;
-};
-export type AppTopNavConfigs = {
-    themeSelectionMode?: AppThemeSelectionMode;
-    apps?: AppSwitcherItem[];
-    userMenu?: AppBarUserMenuElement[];
-    userMenuI18nKey?: string;
-    userMenuTitle?: string;
-    adminMenu?: AppBarUserMenuElement[];
-    adminMenuI18nKey?: string;
-    adminMenuTitle?: string;
-    quickSearchURI?: string;
-    quickSearchParam?: string;
-    left?: ReactNode;
-    leftAfterBreadcrumbs?: ReactNode;
-    rightBeforeSearch?: ReactNode;
-    right?: ReactNode;
-    hideUserAvatar?: boolean;
-};
-export type AppLeftNavConfigs = {
-    elements: AppLeftNavElement[];
-    width?: number;
-    hideNestedIcons?: boolean;
-};
-export type AppPaletteConfigs = {
-    light?: PaletteOptions;
-    dark?: PaletteOptions;
-};
-export type AppBarThemeConfigs = {
-    elevation?: number;
-    light?: AppBarStyles;
-    dark?: AppBarStyles;
-};
-export type AppBarStyles = {
-    color?: any;
-    backgroundColor?: any;
-};
-export type AppSiteMapRoute = {
-    path: string;
-    title: string;
-    textWidth?: number;
-    icon?: ReactNode;
-    isRoot?: boolean;
-    isLeaf?: boolean;
-    exclude?: boolean;
-    breadcrumbs?: string[];
-};
-export type AppBarUserMenuElement = {
-    i18nKey?: string;
-    title?: string;
-    route?: string;
-    icon?: ReactElement<any>;
-    element?: ReactElement<any>;
-};
-export type AppLeftNavElement = {
-    type: 'item';
-    element: AppLeftNavItem;
-} | {
-    type: 'group';
-    element: AppLeftNavGroup;
-} | {
-    type: 'divider';
-    element: null;
-};
-export type AppLeftNavItem = {
-    id: number | string;
-    i18nKey?: string;
-    text?: string;
-    userPropValidators?: AppUserValidatedProp[];
-    icon?: ReactElement<any>;
-    route?: string;
-    nested?: boolean;
-    render?: (open: boolean) => ReactElement;
-};
-export type AppLeftNavGroup = {
-    id: number | string;
-    open?: boolean;
-    i18nKey?: string;
-    title?: string;
-    userPropValidators?: AppUserValidatedProp[];
-    icon?: React.ReactElement<any>;
-    items: AppLeftNavItem[];
-};
-export type AppSwitcherItem = {
-    alt: string;
-    name: string;
-    img_d: React.ReactElement<any> | string;
-    img_l: React.ReactElement<any> | string;
-    route: string;
-    newWindow?: boolean;
-};
-export type AppLayoutMode = 'side' | 'top';
-export type AppThemeSelectionMode = 'profile' | 'icon';

package/commons/components/app/AppConstants.d.ts

@@ -1,10 +0,0 @@
-export declare const APP_STORAGE_PREFIX = "templateui.core";
-export declare const AppStorageKeys: {
-    LS_KEY_DARK_MODE: string;
-    LS_KEY_LAYOUT_MODE: string;
-    LS_KEY_LEFTNAV_OPEN: string;
-    LS_KEY_SHOW_QUICK_SEARCH: string;
-    LS_KEY_AUTOHIDE_APPBAR: string;
-    LS_KEY_BREADCRUMBS_ENABLED: string;
-    LS_KEY_BREADCRUMBS_OPEN: string;
-};

package/commons/components/app/AppConstants.js

@@ -1,10 +0,0 @@
-export const APP_STORAGE_PREFIX = 'templateui.core';
-export const AppStorageKeys = {
-    LS_KEY_DARK_MODE: `${APP_STORAGE_PREFIX}.darkMode`,
-    LS_KEY_LAYOUT_MODE: `${APP_STORAGE_PREFIX}.navLayout`,
-    LS_KEY_LEFTNAV_OPEN: `${APP_STORAGE_PREFIX}.drawerOpen`,
-    LS_KEY_SHOW_QUICK_SEARCH: `${APP_STORAGE_PREFIX}.showQuickSearch`,
-    LS_KEY_AUTOHIDE_APPBAR: `${APP_STORAGE_PREFIX}.autoHideAppbar`,
-    LS_KEY_BREADCRUMBS_ENABLED: `${APP_STORAGE_PREFIX}.breadcrumbsEnabled`,
-    LS_KEY_BREADCRUMBS_OPEN: `${APP_STORAGE_PREFIX}.breadcrumbsState`
-};

package/commons/components/app/AppContexts.d.ts

@@ -1,105 +0,0 @@
-import type { PaletteMode } from '@mui/material';
-import type { AppConfigs, AppLayoutMode, AppLeftNavElement, AppSwitcherItem } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-import type { ItemComponentProps } from '@cccsaurora/howler-ui/commons/components/app/AppNotificationService';
-import type { AppSearchItem, AppSearchMode, AppSearchService } from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
-import type { AppUser, AppUserService } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
-import type { BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSitemap';
-import { type ReactElement } from 'react';
-export type AppContextType = {
-    configs: AppConfigs;
-    theme: PaletteMode;
-    toggleTheme: () => void;
-    toggleLanguage: () => void;
-};
-export type AppSwitcherContextType = {
-    empty: boolean;
-    items: AppSwitcherItem[];
-    setItems: (items: AppSwitcherItem[]) => void;
-};
-export type AppQuickSearchContextType = {
-    show: boolean;
-    setShow: (show: boolean) => void;
-    toggle: () => void;
-};
-export type AppSearchServiceContextType<T = any> = {
-    provided: boolean;
-    service: AppSearchService<T>;
-    state: AppSearchServiceState<T>;
-};
-export type AppNotificationServiceContextType = {
-    provided: boolean;
-    service: AppNotificationService;
-    state: AppNotificationServiceState;
-};
-export type AppLeftNavContextType = {
-    open: boolean;
-    elements: AppLeftNavElement[];
-    toggle: () => void;
-    setOpen: (show: boolean) => void;
-    setElements: (elements: AppLeftNavElement[]) => void;
-};
-export type AppLayoutContextType = {
-    ready: boolean;
-    current: AppLayoutMode;
-    hideMenus: () => void;
-    setReady: (ready: boolean) => void;
-    toggle: () => void;
-};
-export type AppBarContextType = {
-    show: boolean;
-    autoHide: boolean;
-    setShow: (show: boolean) => void;
-    setAutoHide: (autoHide: boolean) => void;
-    toggleAutoHide: () => void;
-};
-export type AppBreadcrumbsContextType = {
-    show: boolean;
-    items: BreadcrumbItem[];
-    setItems: (newItems: BreadcrumbItem[]) => void;
-    toggle: () => void;
-    last: () => BreadcrumbItem;
-    first: () => BreadcrumbItem;
-};
-export type AppDrawerContextType = {
-    isOpen: boolean;
-    isFloatThreshold: boolean;
-    width: number | string;
-    maximized: boolean;
-    element: ReactElement;
-    open: (props: AppDrawerOpenProps) => void;
-    close: () => void;
-    setWidth: (width: number | string) => void;
-    setMaximized: (maximized: boolean) => void;
-};
-export type AppSearchServiceState<T = any, R = any> = {
-    searching: boolean;
-    menu: boolean;
-    mode: AppSearchMode;
-    items: AppSearchItem<T>[];
-    result?: R;
-    set: (state: AppSearchServiceState<T>) => void;
-};
-export type AppNotificationServiceState = {
-    urls: string[];
-    set: (state: AppNotificationServiceState) => void;
-};
-export type AppNotificationService = {
-    feedUrls?: string[];
-    notificationRenderer?: (item: ItemComponentProps) => ReactElement;
-};
-export type AppDrawerOpenProps = {
-    element: ReactElement;
-    width?: number | string;
-    floatThreshold?: number;
-    onClose?: (action: 'close' | 'hide') => void;
-};
-export declare const AppContext: import("react").Context<AppContextType>;
-export declare const AppLayoutContext: import("react").Context<AppLayoutContextType>;
-export declare const AppBarContext: import("react").Context<AppBarContextType>;
-export declare const AppBreadcrumbsContext: import("react").Context<AppBreadcrumbsContextType>;
-export declare const AppLeftNavContext: import("react").Context<AppLeftNavContextType>;
-export declare const AppQuickSearchContext: import("react").Context<AppQuickSearchContextType>;
-export declare const AppSearchServiceContext: import("react").Context<AppSearchServiceContextType<any>>;
-export declare const AppSwitcherContext: import("react").Context<AppSwitcherContextType>;
-export declare const AppUserContext: import("react").Context<AppUserService<AppUser>>;
-export declare const AppNotificationServiceContext: import("react").Context<AppNotificationServiceContextType>;

package/commons/components/app/AppContexts.js

@@ -1,21 +0,0 @@
-import { createContext } from 'react';
-// React Context for the AppProvider (Root Context).
-export const AppContext = createContext(null);
-// React Context for the AppLayoutProvider.
-export const AppLayoutContext = createContext(null);
-// React Context for the AppBarProvider.
-export const AppBarContext = createContext(null);
-// React Context for the AppBreadcrumbsProvider.
-export const AppBreadcrumbsContext = createContext(null);
-// React Context for the AppLeftNavProvider.
-export const AppLeftNavContext = createContext(null);
-// React Context for the AppQuickSearchProvider.
-export const AppQuickSearchContext = createContext(null);
-// React Context for the AppSearchServiceProvider.
-export const AppSearchServiceContext = createContext(null);
-// React Context for the AppSwitcherProvider.
-export const AppSwitcherContext = createContext(null);
-// React Context for the AppUserProvider.
-export const AppUserContext = createContext(null);
-// React Context for the AppNotificationServiceProvider.
-export const AppNotificationServiceContext = createContext(null);

package/commons/components/app/AppDefaults.d.ts

@@ -1,6 +0,0 @@
-import type { AppLeftNavConfigs, AppPreferenceConfigs, AppSiteMapConfigs, AppThemeConfigs, AppTopNavConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-export declare const AppDefaultsPreferencesConfigs: AppPreferenceConfigs;
-export declare const AppDefaultsLeftNavConfigs: AppLeftNavConfigs;
-export declare const AppDefaultsTopNavConfigs: AppTopNavConfigs;
-export declare const AppDefaultsSitemapConfigs: AppSiteMapConfigs;
-export declare const AppDefaultsThemeConfigs: AppThemeConfigs;

package/commons/components/app/AppDefaults.js

@@ -1,40 +0,0 @@
-// AppPreferenceConfigs defaults.
-export const AppDefaultsPreferencesConfigs = {
-    appName: null,
-    appLink: '/',
-    appIconDark: null,
-    appIconLight: null,
-    bannerDark: null,
-    bannerLight: null,
-    defaultLayout: 'side',
-    defaultTheme: 'dark',
-    defaultShowBreadcrumbs: true,
-    allowAutoHideTopbar: true,
-    allowBreadcrumbs: true,
-    allowQuickSearch: true,
-    allowReset: true,
-    allowLayoutSelection: true,
-    allowThemeSelection: true,
-    allowTranslate: true,
-    avatarD: 'mp'
-};
-// AppLeftNavConfigs defaults.
-export const AppDefaultsLeftNavConfigs = {
-    elements: [],
-    width: 240,
-    hideNestedIcons: false
-};
-// AppTopNavConfigs defaults.
-export const AppDefaultsTopNavConfigs = {
-    themeSelectionMode: 'profile',
-    quickSearchURI: '/search/',
-    quickSearchParam: 'q'
-};
-// AppSiteMapConfigs defaults.
-export const AppDefaultsSitemapConfigs = {
-    routes: [],
-    itemsBefore: 1,
-    itemsAfter: 2
-};
-// AppThemeConfigs defaults.
-export const AppDefaultsThemeConfigs = {};

package/commons/components/app/AppNotificationService.d.ts

@@ -1,6 +0,0 @@
-import type { FeedItem } from '@cccsaurora/howler-ui/commons/components/notification';
-export type ItemComponentProps = {
-    item: FeedItem;
-    app?: unknown;
-    eed?: unknown;
-};

package/commons/components/app/AppNotificationService.js

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

package/commons/components/app/AppProvider.d.ts

@@ -1,15 +0,0 @@
-import type { AppPreferenceConfigs, AppSiteMapConfigs, AppThemeConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-import { type AppNotificationService } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import type { AppSearchService } from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
-import type { AppUser, AppUserService } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
-import { type ReactNode } from 'react';
-export type AppProviderProps<U extends AppUser> = {
-    preferences?: AppPreferenceConfigs;
-    theme?: AppThemeConfigs;
-    sitemap?: AppSiteMapConfigs;
-    user?: AppUserService<U>;
-    search?: AppSearchService;
-    notification?: AppNotificationService;
-    children: ReactNode;
-};
-export default function AppProvider<U extends AppUser>({ theme, user, search, sitemap, notification, preferences, children }: AppProviderProps<U>): import("react/jsx-runtime").JSX.Element;

package/commons/components/app/AppProvider.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyledEngineProvider, ThemeProvider, useMediaQuery } from '@mui/material';
-import { AppStorageKeys } from '@cccsaurora/howler-ui/commons/components/app/AppConstants';
-import { AppContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { AppDefaultsPreferencesConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppDefaults';
-import AppBarProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppBarProvider';
-import AppLayoutProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppLayoutProvider';
-import AppLeftNavProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppLeftNavProvider';
-import AppSnackbarProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppSnackbarProvider';
-import AppUserProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppUserProvider';
-import useLocalStorageItem from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorageItem';
-import useThemeBuilder from '@cccsaurora/howler-ui/commons/components/utils/hooks/useThemeBuilder';
-import i18n from '@cccsaurora/howler-ui/i18n';
-import { useCallback, useMemo } from 'react';
-const { LS_KEY_DARK_MODE } = AppStorageKeys;
-export default function AppProvider({ theme, user, search, sitemap, notification, preferences, children }) {
-    // Since we can't useAppConfig yet, we explicitly merge default and preferences config
-    //  to help figure the default theme mode.
-    const { allowThemeSelection, defaultTheme } = { ...AppDefaultsPreferencesConfigs, ...(preferences || {}) };
-    // Store theme state in local storage.
-    const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
-    const [darkMode, setDarkMode] = useLocalStorageItem(LS_KEY_DARK_MODE, defaultTheme === 'dark' || prefersDarkMode);
-    // Enforce default theme if selection isn't alloweed.
-    const _darkMode = allowThemeSelection ? darkMode : defaultTheme === 'dark';
-    // Create MUI Themes.
-    const { lightTheme, darkTheme } = useThemeBuilder(theme);
-    // Callback to toggle theme.
-    const toggleTheme = useCallback(() => setDarkMode(!darkMode), [darkMode, setDarkMode]);
-    // Callback to toggle language.
-    const toggleLanguage = useCallback(() => i18n.changeLanguage(i18n.language === 'en' ? 'fr' : 'en'), []);
-    // Memoize context value to prevent extraneous renders on components that use it.
-    const contextValue = useMemo(() => {
-        return {
-            theme: (darkMode ? 'dark' : 'light'),
-            configs: { preferences, theme, sitemap },
-            toggleTheme,
-            toggleLanguage
-        };
-    }, [darkMode, preferences, theme, sitemap, toggleTheme, toggleLanguage]);
-    return (_jsx(AppContext.Provider, { value: contextValue, children: _jsx(StyledEngineProvider, { injectFirst: true, children: _jsx(ThemeProvider, { theme: _darkMode ? darkTheme : lightTheme, children: _jsx(AppUserProvider, { service: user, children: _jsx(AppBarProvider, { search: search, notification: notification, children: _jsx(AppLeftNavProvider, { children: _jsx(AppLayoutProvider, { children: _jsx(AppSnackbarProvider, { children: children }) }) }) }) }) }) }) }));
-}

package/commons/components/app/AppSearchService.d.ts

@@ -1,21 +0,0 @@
-import type { AppSearchServiceState } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import type { ReactElement } from 'react';
-export type AppSearchMode = 'inline' | 'fullscreen';
-export type AppSearchItem<T = any> = {
-    id: string | number;
-    item: T;
-};
-export type AppSearchItemRendererOption<T = any> = {
-    state: AppSearchServiceState<T>;
-    index: number;
-    last: boolean;
-};
-export type AppSearchService<T = any> = {
-    onMounted?: (setValue?: (value: string) => void, state?: AppSearchServiceState<T>) => void;
-    onEnter?: (value: string, state?: AppSearchServiceState<T>, setValue?: (value: string) => void) => void;
-    onChange?: (value: string, state: AppSearchServiceState<T>, setValue?: (value: string) => void) => void;
-    onItemSelect?: (item: AppSearchItem<T>, state?: AppSearchServiceState<T>) => void;
-    itemRenderer: (item: AppSearchItem<T>, options?: AppSearchItemRendererOption<T>) => ReactElement;
-    headerRenderer?: (state: AppSearchServiceState<T>) => ReactElement;
-    footerRenderer?: (state: AppSearchServiceState<T>) => ReactElement;
-};

package/commons/components/app/AppSearchService.js

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

package/commons/components/app/AppSkeleton.d.ts

@@ -1,5 +0,0 @@
-/**
- * Default Skeleton component that will render either [TopLayoutSkeleton] or [SideLayoutSkeleton] based on [useAppLayout::currentLayout].
- */
-declare const LayoutSkeleton: () => import("react/jsx-runtime").JSX.Element;
-export default LayoutSkeleton;