@cccsaurora/howler-ui 2.14.0-dev.250 → 2.14.0-dev.255

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;

package/commons/components/app/AppSkeleton.js

@@ -1,152 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Apps } from '@mui/icons-material';
-import { Divider, List, Skeleton, Toolbar, styled, useMediaQuery, useTheme } from '@mui/material';
-import { AppUserAvatar } from '@cccsaurora/howler-ui/commons/components//topnav/UserProfile';
-import { useAppBreadcrumbs, useAppConfigs, useAppLayout, useAppLeftNav, useAppQuickSearch } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import { AppBarBase } from '@cccsaurora/howler-ui/commons/components/topnav/AppBar';
-const StyledContainer = styled('div')(({ theme }) => ({
-    position: 'fixed',
-    zIndex: theme.zIndex.appBar + 1000,
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-}));
-const StyledTopLayout = styled('div')({
-    height: '100%',
-    display: 'flex',
-    flexDirection: 'column'
-});
-const StyledLeftLayout = styled('div')({
-    height: '100%',
-    display: 'flex',
-    flexDirection: 'row'
-});
-const StyledContent = styled('div')(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'row',
-    flex: 1,
-    backgroundColor: theme.palette.background.default
-}));
-const StyledContentLeft = styled('div')(({ theme }) => ({
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    borderTopColor: 'transparent',
-    backgroundColor: theme.palette.background.paper,
-    marginRight: 5,
-    flex: '0 0 auto',
-    [theme.breakpoints.down('sm')]: {
-        display: 'none'
-    }
-}));
-const StyledContentRight = styled('div')({
-    flex: '1 1 auto'
-});
-const StyledQuickSearchSkeleton = styled(Skeleton)(({ theme }) => ({
-    padding: theme.spacing(2),
-    [theme.breakpoints.down('sm')]: {
-        display: 'none'
-    }
-}));
-const StyledBreadcrumbsSkeleton = styled(Skeleton)(({ theme }) => ({
-    height: theme.spacing(4),
-    [theme.breakpoints.down('sm')]: {
-        display: 'none'
-    }
-}));
-const ButtonSkeleton = ({ style, withText, ...boxProps }) => {
-    const theme = useTheme();
-    const isXs = useMediaQuery(theme.breakpoints.only('xs'));
-    return (_jsxs("div", { style: { ...style, height: 48, display: 'flex', flexDirection: 'row' }, ...boxProps, children: [_jsx(Skeleton, { variant: "text", animation: "wave", children: _jsx(Apps, {}) }), withText && (_jsx(Skeleton, { variant: "text", animation: "wave", style: { flexGrow: 1, marginLeft: isXs ? theme.spacing(2) : theme.spacing(4) } }))] }));
-};
-const LeftNavElementsSkeleton = ({ elements, withText }) => {
-    const theme = useTheme();
-    return (_jsx(_Fragment, { children: elements.map((element, i) => {
-            if (element.type === 'divider') {
-                return _jsx(Divider, {}, `leftnav-sklt-divider-${i}`);
-            }
-            return (_jsx(ButtonSkeleton, { withText: withText, style: {
-                    paddingTop: theme.spacing(1),
-                    paddingBottom: theme.spacing(1),
-                    paddingLeft: theme.spacing(2),
-                    paddingRight: theme.spacing(2)
-                } }, `leftnav-sklt-${element.element.id}`));
-        }) }));
-};
-/**
- * A Skeleton for the side layout...
- */
-const SideLayoutSkeleton = () => {
-    // TUI hooks
-    const configs = useAppConfigs();
-    const leftnav = useAppLeftNav();
-    const breadcrumbs = useAppBreadcrumbs();
-    const quicksearch = useAppQuickSearch();
-    const { left, leftAfterBreadcrumbs } = configs.preferences.topnav;
-    // React hooks.
-    const muiTheme = useTheme();
-    const isXs = useMediaQuery(muiTheme.breakpoints.only('xs'));
-    const isSm = useMediaQuery(muiTheme.breakpoints.only('sm'));
-    const isMdUp = useMediaQuery(muiTheme.breakpoints.up('md'));
-    // basic styling.
-    const sp1 = muiTheme.spacing(1);
-    const sp2 = muiTheme.spacing(2);
-    const sp7 = muiTheme.spacing(7);
-    const showTopBarBreadcrumbs = breadcrumbs.show && !isSm;
-    const showSpacer = isXs || !quicksearch.show || (isMdUp && (breadcrumbs.show || left || leftAfterBreadcrumbs));
-    return (_jsx(StyledContainer, { children: _jsx(StyledLeftLayout, { children: _jsxs(StyledContent, { children: [_jsxs(StyledContentLeft, { style: { width: leftnav.open ? configs.preferences.leftnav.width : sp7 }, children: [_jsx(Toolbar, { disableGutters: true, children: _jsx(ButtonSkeleton, { withText: leftnav.open, style: { paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp2, flexGrow: 1 } }) }), _jsx(Divider, {}), _jsxs(List, { disablePadding: true, children: [_jsx(LeftNavElementsSkeleton, { elements: leftnav.elements, withText: leftnav.open }), leftnav.elements?.length > 0 && _jsx(Divider, {}), _jsx(ButtonSkeleton, { withText: leftnav.open, style: { paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp2 } })] })] }), _jsx(StyledContentRight, { children: _jsx(AppBarBase, { children: _jsxs(Toolbar, { disableGutters: true, style: { paddingRight: sp2, paddingLeft: !isXs ? sp2 : null }, children: [isXs && (_jsx(ButtonSkeleton, { withText: leftnav.open, style: {
-                                            paddingTop: sp1,
-                                            paddingBottom: sp1,
-                                            paddingLeft: sp2,
-                                            paddingRight: sp2,
-                                            flexGrow: 1
-                                        } })), showTopBarBreadcrumbs && _jsx(StyledBreadcrumbsSkeleton, { variant: "text", animation: "wave", width: 100 }), showSpacer && _jsx("div", { style: { flexGrow: 1 } }), quicksearch.show && (_jsx(StyledQuickSearchSkeleton, { variant: "text", animation: "wave", width: showTopBarBreadcrumbs ? 358 : 'auto', style: { flexGrow: !showTopBarBreadcrumbs ? 1 : 0 } })), _jsx(ButtonSkeleton, { withText: false, style: {
-                                            paddingTop: sp1,
-                                            paddingBottom: sp1,
-                                            paddingLeft: sp2,
-                                            paddingRight: sp2,
-                                            marginLeft: sp1,
-                                            marginRight: sp1
-                                        } }), _jsx(Skeleton, { animation: "wave", variant: "circular", children: _jsx(AppUserAvatar, {}) })] }) }) })] }) }) }));
-};
-/**
- * A Skeleton for the top layout.
- */
-const TopLayoutSkeleton = () => {
-    // TUI hooks
-    const configs = useAppConfigs();
-    const leftnav = useAppLeftNav();
-    const breadcrumbs = useAppBreadcrumbs();
-    const quicksearch = useAppQuickSearch();
-    const { left, leftAfterBreadcrumbs } = configs.preferences.topnav;
-    // React hooks
-    const muiTheme = useTheme();
-    const isXs = useMediaQuery(muiTheme.breakpoints.only('xs'));
-    const isSm = useMediaQuery(muiTheme.breakpoints.only('sm'));
-    const isMdUp = useMediaQuery(muiTheme.breakpoints.up('md'));
-    //
-    const showSpacer = isXs || !quicksearch.show || (isMdUp && (breadcrumbs.show || left || leftAfterBreadcrumbs));
-    const showTopBarBreadcrumbs = breadcrumbs.show && !isSm;
-    const sp1 = muiTheme.spacing(1);
-    const sp2 = muiTheme.spacing(2);
-    const sp3 = muiTheme.spacing(3);
-    const sp4 = muiTheme.spacing(4);
-    const sp7 = muiTheme.spacing(7);
-    return (_jsx(StyledContainer, { children: _jsxs(StyledTopLayout, { children: [_jsx(AppBarBase, { children: _jsxs(Toolbar, { style: { paddingRight: sp2 }, disableGutters: true, children: [_jsx(ButtonSkeleton, { withText: false, style: { paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp4 } }), _jsx(Skeleton, { variant: "text", animation: "wave", style: { marginRight: sp3 }, children: _jsx("div", { style: { fontSize: '1.5rem', letterSpacing: '-1px' }, children: configs.preferences.appName }) }), showTopBarBreadcrumbs && _jsx(StyledBreadcrumbsSkeleton, { variant: "text", animation: "wave", width: 100 }), showSpacer && _jsx("div", { style: { flexGrow: 1 } }), quicksearch.show && (_jsx(StyledQuickSearchSkeleton, { variant: "text", animation: "wave", width: showTopBarBreadcrumbs ? 300 : 'auto', style: { flexGrow: !showTopBarBreadcrumbs ? 1 : 0 } })), _jsx(ButtonSkeleton, { withText: false, style: {
-                                    paddingTop: sp1,
-                                    paddingBottom: sp1,
-                                    paddingLeft: sp2,
-                                    paddingRight: sp2,
-                                    marginLeft: sp1,
-                                    marginRight: sp1
-                                } }), _jsx(Skeleton, { animation: "wave", variant: "circular", children: _jsx(AppUserAvatar, {}) })] }) }), _jsxs(StyledContent, { children: [_jsx(StyledContentLeft, { style: { width: leftnav.open ? configs.preferences.leftnav.width : sp7 }, children: _jsxs(List, { disablePadding: true, children: [_jsx(LeftNavElementsSkeleton, { elements: leftnav.elements, withText: leftnav.open }), leftnav.elements?.length > 0 && _jsx(Divider, {}), _jsx(ButtonSkeleton, { withText: leftnav.open, style: { paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp2 } })] }) }), _jsx(StyledContentRight, {})] })] }) }));
-};
-/**
- * Default Skeleton component that will render either [TopLayoutSkeleton] or [SideLayoutSkeleton] based on [useAppLayout::currentLayout].
- */
-const LayoutSkeleton = () => {
-    const layout = useAppLayout();
-    return layout.current === 'top' ? _jsx(TopLayoutSkeleton, {}) : _jsx(SideLayoutSkeleton, {});
-};
-// Default exported component
-export default LayoutSkeleton;

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

@@ -1,17 +0,0 @@
-export type AppUserValidatedProp = {
-    prop: string;
-    value: any;
-};
-export type AppUser = {
-    username?: string;
-    email?: string;
-    name?: string;
-    avatar?: string;
-    is_admin?: boolean;
-};
-export type AppUserService<T extends AppUser> = {
-    user: T;
-    setUser: (user: T) => void;
-    isReady: () => boolean;
-    validateProps?: (props: AppUserValidatedProp[]) => boolean;
-};

package/commons/components/app/AppUserService.js

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

package/commons/components/app/hooks/index.d.ts

@@ -1,18 +0,0 @@
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useApp';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBanner';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBar';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBarHeight';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBarScrollTrigger';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBreadcrumbs';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppConfigs';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLanguage';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLayout';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLeftNav';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLogo';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppNotification';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppQuickSearch';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSearchService';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSitemap';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSwitcher';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppTheme';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppUser';

package/commons/components/app/hooks/index.js

@@ -1,18 +0,0 @@
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useApp';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBanner';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBar';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBarHeight';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBarScrollTrigger';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBreadcrumbs';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppConfigs';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLanguage';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLayout';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLeftNav';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLogo';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppNotification';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppQuickSearch';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSearchService';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSitemap';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSwitcher';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppTheme';
-export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppUser';

package/commons/components/app/hooks/useApp.d.ts

@@ -1 +0,0 @@
-export declare function useApp(): import("commons/components/app/AppContexts").AppContextType;

package/commons/components/app/hooks/useApp.js

@@ -1,5 +0,0 @@
-import { AppContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-export function useApp() {
-    return useContext(AppContext);
-}

package/commons/components/app/hooks/useAppBanner.d.ts

@@ -1 +0,0 @@
-export declare function useAppBanner(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/commons/components/app/hooks/useAppBanner.js

@@ -1,6 +0,0 @@
-import { useApp, useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-export function useAppBanner() {
-    const { theme } = useApp();
-    const { preferences } = useAppConfigs();
-    return theme === 'dark' ? preferences.bannerDark : preferences.bannerLight;
-}

package/commons/components/app/hooks/useAppBar.d.ts

@@ -1 +0,0 @@
-export declare function useAppBar(): import("commons/components/app/AppContexts").AppBarContextType;

package/commons/components/app/hooks/useAppBar.js

@@ -1,5 +0,0 @@
-import { AppBarContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-export function useAppBar() {
-    return useContext(AppBarContext);
-}

package/commons/components/app/hooks/useAppBarHeight.d.ts

@@ -1,2 +0,0 @@
-export declare const APPBAR_READY_EVENT = "tui.event.appbar.ready";
-export declare function useAppBarHeight(): number;

package/commons/components/app/hooks/useAppBarHeight.js

@@ -1,22 +0,0 @@
-import { useLayoutEffect, useState } from 'react';
-export const APPBAR_READY_EVENT = 'tui.event.appbar.ready';
-export function useAppBarHeight() {
-    const [height, setHeight] = useState(-1);
-    const updateHeight = () => {
-        const appbar = document.getElementById('appbar');
-        if (appbar) {
-            const rect = appbar.getBoundingClientRect();
-            setHeight(rect.height);
-        }
-    };
-    useLayoutEffect(() => {
-        updateHeight();
-        window.addEventListener('resize', updateHeight);
-        window.addEventListener(APPBAR_READY_EVENT, updateHeight);
-        return () => {
-            window.removeEventListener('resize', updateHeight);
-            window.removeEventListener(APPBAR_READY_EVENT, updateHeight);
-        };
-    }, []);
-    return height;
-}

package/commons/components/app/hooks/useAppBarScrollTrigger.d.ts

@@ -1 +0,0 @@
-export declare function useAppBarScrollTrigger(): boolean;

package/commons/components/app/hooks/useAppBarScrollTrigger.js

@@ -1,7 +0,0 @@
-import { useScrollTrigger } from '@mui/material';
-export function useAppBarScrollTrigger() {
-    return useScrollTrigger({
-        disableHysteresis: true,
-        threshold: 0
-    });
-}

package/commons/components/app/hooks/useAppBreadcrumbs.d.ts

@@ -1 +0,0 @@
-export declare function useAppBreadcrumbs(): import("commons/components/app/AppContexts").AppBreadcrumbsContextType;

package/commons/components/app/hooks/useAppBreadcrumbs.js

@@ -1,5 +0,0 @@
-import { AppBreadcrumbsContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-export function useAppBreadcrumbs() {
-    return useContext(AppBreadcrumbsContext);
-}

package/commons/components/app/hooks/useAppConfigs.d.ts

@@ -1,59 +0,0 @@
-export declare function useAppConfigs(): {
-    allowPersonalization: boolean;
-    preferences: {
-        topnav: {
-            themeSelectionMode?: import("../AppConfigs").AppThemeSelectionMode;
-            apps?: import("../AppConfigs").AppSwitcherItem[];
-            userMenu?: import("../AppConfigs").AppBarUserMenuElement[];
-            userMenuI18nKey?: string;
-            userMenuTitle?: string;
-            adminMenu?: import("../AppConfigs").AppBarUserMenuElement[];
-            adminMenuI18nKey?: string;
-            adminMenuTitle?: string;
-            quickSearchURI?: string;
-            quickSearchParam?: string;
-            left?: import("react").ReactNode;
-            leftAfterBreadcrumbs?: import("react").ReactNode;
-            rightBeforeSearch?: import("react").ReactNode;
-            right?: import("react").ReactNode;
-            hideUserAvatar?: boolean;
-        };
-        leftnav: {
-            elements: import("../AppConfigs").AppLeftNavElement[];
-            width?: number;
-            hideNestedIcons?: boolean;
-        };
-        appName: string;
-        appLink?: import("react-router").To;
-        appIconDark: import("react").ReactElement<any>;
-        appIconLight: import("react").ReactElement<any>;
-        bannerDark?: import("react").ReactElement<any>;
-        bannerLight?: import("react").ReactElement<any>;
-        allowAutoHideTopbar?: boolean;
-        allowBreadcrumbs?: boolean;
-        allowGravatar?: boolean;
-        allowQuickSearch?: boolean;
-        allowReset?: boolean;
-        allowLayoutSelection?: boolean;
-        allowThemeSelection?: boolean;
-        allowTranslate?: boolean;
-        defaultLayout?: import("../AppConfigs").AppLayoutMode;
-        defaultTheme?: import("@mui/material").PaletteMode;
-        defaultDrawerOpen?: boolean;
-        defaultShowQuickSearch?: boolean;
-        defaultAutoHideAppbar?: boolean;
-        defaultShowBreadcrumbs?: boolean;
-        avatarD?: import("../../display/AppAvatar").GravatarD;
-        notificationURLs?: string[];
-    };
-    sitemap: {
-        routes: import("../AppConfigs").AppSiteMapRoute[];
-        itemsBefore?: number;
-        itemsAfter?: number;
-    };
-    theme: {
-        components?: import("@mui/material").Components<Omit<import("@mui/material").Theme, "components">>;
-        palette?: import("../AppConfigs").AppPaletteConfigs;
-        appbar?: import("../AppConfigs").AppBarThemeConfigs;
-    };
-};

package/commons/components/app/hooks/useAppConfigs.js

@@ -1,44 +0,0 @@
-import { AppContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { AppDefaultsLeftNavConfigs, AppDefaultsPreferencesConfigs, AppDefaultsSitemapConfigs, AppDefaultsThemeConfigs, AppDefaultsTopNavConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppDefaults';
-import { useContext, useMemo } from 'react';
-export function useAppConfigs() {
-    const { configs } = useContext(AppContext);
-    return useMemo(() => {
-        // Merge user provided configs with defaults.
-        const { preferences, sitemap, theme } = configs;
-        const _configs = {
-            preferences: {
-                ...AppDefaultsPreferencesConfigs,
-                ...(preferences || {}),
-                topnav: {
-                    ...AppDefaultsTopNavConfigs,
-                    ...(preferences?.topnav || {})
-                },
-                leftnav: {
-                    ...AppDefaultsLeftNavConfigs,
-                    ...(preferences?.leftnav || {})
-                }
-            },
-            sitemap: {
-                ...AppDefaultsSitemapConfigs,
-                ...(sitemap || {})
-            },
-            theme: {
-                ...AppDefaultsThemeConfigs,
-                ...(theme || {})
-            }
-        };
-        // Indicates whether we should render the personalization section of the UserProfile.
-        const allowPersonalization = _configs.preferences.allowAutoHideTopbar ||
-            _configs.preferences.allowBreadcrumbs ||
-            _configs.preferences.allowQuickSearch ||
-            _configs.preferences.allowReset ||
-            _configs.preferences.allowThemeSelection ||
-            _configs.preferences.allowLayoutSelection;
-        // Rebuild new context.
-        return {
-            ..._configs,
-            allowPersonalization
-        };
-    }, [configs]);
-}

package/commons/components/app/hooks/useAppLanguage.d.ts

@@ -1,6 +0,0 @@
-export type AppLanguageType = {
-    isFR: () => boolean;
-    isEN: () => boolean;
-    toggle: () => void;
-};
-export declare function useAppLanguage(onChange?: (language: 'en' | 'fr') => void): AppLanguageType;

package/commons/components/app/hooks/useAppLanguage.js

@@ -1,17 +0,0 @@
-import { AppContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import i18n from '@cccsaurora/howler-ui/i18n';
-import { useContext, useEffect, useMemo } from 'react';
-export function useAppLanguage(onChange) {
-    const { toggleLanguage } = useContext(AppContext);
-    useEffect(() => {
-        if (onChange) {
-            i18n.on('languageChanged', onChange);
-        }
-        return () => {
-            if (onChange) {
-                i18n.off('languageChanged', onChange);
-            }
-        };
-    }, [onChange]);
-    return useMemo(() => ({ isFR: () => i18n.language === 'fr', isEN: () => i18n.language === 'en', toggle: toggleLanguage }), [toggleLanguage]);
-}

package/commons/components/app/hooks/useAppLayout.d.ts

@@ -1 +0,0 @@
-export declare function useAppLayout(): import("commons/components/app/AppContexts").AppLayoutContextType;

package/commons/components/app/hooks/useAppLayout.js

@@ -1,5 +0,0 @@
-import { AppLayoutContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-export function useAppLayout() {
-    return useContext(AppLayoutContext);
-}

package/commons/components/app/hooks/useAppLeftNav.d.ts

@@ -1 +0,0 @@
-export declare function useAppLeftNav(): import("commons/components/app/AppContexts").AppLeftNavContextType;

package/commons/components/app/hooks/useAppLeftNav.js

@@ -1,5 +0,0 @@
-import { AppLeftNavContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-export function useAppLeftNav() {
-    return useContext(AppLeftNavContext);
-}

package/commons/components/app/hooks/useAppLogo.d.ts

@@ -1 +0,0 @@
-export declare function useAppLogo(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/commons/components/app/hooks/useAppLogo.js

@@ -1,8 +0,0 @@
-import { useApp } from '@cccsaurora/howler-ui/commons/components/app/hooks/useApp';
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppConfigs';
-import { useMemo } from 'react';
-export function useAppLogo() {
-    const { theme } = useApp();
-    const { preferences } = useAppConfigs();
-    return useMemo(() => (theme === 'dark' ? preferences.appIconDark : preferences.appIconLight), [theme, preferences]);
-}

package/commons/components/app/hooks/useAppNotification.d.ts

@@ -1 +0,0 @@
-export declare function useAppNotification(): import("commons/components/app/AppContexts").AppNotificationServiceContextType;

package/commons/components/app/hooks/useAppNotification.js

@@ -1,5 +0,0 @@
-import { AppNotificationServiceContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-export function useAppNotification() {
-    return useContext(AppNotificationServiceContext);
-}

package/commons/components/app/hooks/useAppQuickSearch.d.ts

@@ -1 +0,0 @@
-export declare function useAppQuickSearch(): import("commons/components/app/AppContexts").AppQuickSearchContextType;

package/commons/components/app/hooks/useAppQuickSearch.js

@@ -1,5 +0,0 @@
-import { AppQuickSearchContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-export function useAppQuickSearch() {
-    return useContext(AppQuickSearchContext);
-}

package/commons/components/app/hooks/useAppSearchService.d.ts

@@ -1,2 +0,0 @@
-import type { AppSearchServiceContextType } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-export declare function useAppSearchService<T = any>(): AppSearchServiceContextType<T>;

package/commons/components/app/hooks/useAppSearchService.js

@@ -1,5 +0,0 @@
-import { AppSearchServiceContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-export function useAppSearchService() {
-    return useContext(AppSearchServiceContext);
-}

package/commons/components/app/hooks/useAppSitemap.d.ts

@@ -1,13 +0,0 @@
-import type { AppSiteMapRoute } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-import { type PathMatch } from 'react-router-dom';
-export type BreadcrumbItem = {
-    route: AppSiteMapRoute;
-    matcher: PathMatch<string>;
-};
-export declare const getRoute: (route: string, siteMap: AppSiteMapRoute[]) => BreadcrumbItem;
-export declare function useAppSitemap(): {
-    appendRoute: (breadcrumbs: BreadcrumbItem[], breadcrumb: BreadcrumbItem) => BreadcrumbItem[];
-    getTitle: (breadcrumb: BreadcrumbItem) => string;
-    getRoute: (path: string) => BreadcrumbItem;
-    is404: (breadcrumb: BreadcrumbItem) => boolean;
-};