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

package/commons/components/app/AppSkeleton.js

@@ -1,152 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Apps } from '@mui/icons-material';
-import { Divider, List, Skeleton, Toolbar, styled, useMediaQuery, useTheme } from '@mui/material';
-import { useAppBreadcrumbs, useAppConfigs, useAppLayout, useAppLeftNav, useAppQuickSearch } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import { AppBarBase } from '@cccsaurora/howler-ui/commons/components/topnav/AppBar';
-import { AppUserAvatar } from '@cccsaurora/howler-ui/commons/components/topnav/UserProfile';
-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 | ((prev: T) => 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(): {
-    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, '@cccsaurora/howler-ui/components'>>;
-        palette?: import("../AppConfigs").AppPaletteConfigs;
-        appbar?: import("../AppConfigs").AppBarThemeConfigs;
-    };
-    allowPersonalization: boolean;
-};

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,16 +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;
-declare const appendRoute: (breadcrumbs: BreadcrumbItem[], breadcrumb: BreadcrumbItem) => BreadcrumbItem[];
-declare const is404: (breadcrumb: BreadcrumbItem) => boolean;
-export declare function useAppSitemap(): {
-    appendRoute: typeof appendRoute;
-    getTitle: (breadcrumb: BreadcrumbItem) => string;
-    getRoute: (path: string) => BreadcrumbItem;
-    is404: typeof is404;
-};
-export {};

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

@@ -1,70 +0,0 @@
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import i18n from '@cccsaurora/howler-ui/i18n';
-import { useMemo } from 'react';
-import { matchPath } from 'react-router-dom';
-const TITLE_404 = i18n.t('breadcrumb.404');
-export const getRoute = (route, siteMap) => {
-    // match all the route provide in sitemap with current route.
-    const matchers = siteMap.map(_route => {
-        const matcher = matchPath(_route.path, route.replace(/\?.+/, ''));
-        return { route: _route, matcher };
-    });
-    // only keep the exact matched routes.
-    const matched = matchers.filter(m => m.matcher);
-    // hopefully, we only have a single match.
-    if (matched && matched.length > 1) {
-        // eslint-disable-next-line no-console
-        console.warn(`Found more than one sitemap route match for: ${route}`);
-    }
-    return matched && matched[0] ? matched[0] : { route: { path: route, title: TITLE_404 }, matcher: null };
-};
-const appendRoute = (breadcrumbs, breadcrumb) => {
-    // If the 'siteRoute' is null/undefined, we ignore it.
-    if (breadcrumb) {
-        // Is it same as last? - then leave it as is.
-        if (breadcrumb.route.path === breadcrumbs[breadcrumbs.length - 1].route.path) {
-            return breadcrumbs;
-        }
-        // If a root route, then we reset the breadcrumbs.
-        if (breadcrumb.route.isRoot) {
-            return [breadcrumb];
-        }
-        // If the last element of bread is a leaf, then we remove it.
-        if (breadcrumbs[breadcrumbs.length - 1].route.isLeaf) {
-            // eslint-disable-next-line no-param-reassign
-            breadcrumbs = breadcrumbs.slice(0, breadcrumbs.length - 1);
-        }
-        // See if the route is already in the breadcrumbs.
-        const index = breadcrumbs.findIndex(_breadcrumb => _breadcrumb.route.path === breadcrumb.route.path);
-        // If the route is already in breacrumbs, then we slice off what comes after,
-        //  if not then we append it to the end.
-        return index > -1 ? [...breadcrumbs.slice(0, index), breadcrumb] : [...breadcrumbs, breadcrumb];
-    }
-    return breadcrumbs;
-};
-// We need to dynamically build the title since it will be language/locale specific and therefore we cannot
-//  rely on the cached version since language might have changed since then.
-const resolveTitle = (breadcrumb, siteMap) => {
-    // we need to refetch the route in order to ensure we have the correct language.
-    let title = breadcrumb.route.path ? getRoute(breadcrumb.route.path, siteMap).route.title : breadcrumb.route.title;
-    // if there are any parameters in match, replace them in title.
-    if (breadcrumb.matcher && breadcrumb.matcher.params) {
-        const { params } = breadcrumb.matcher;
-        Object.keys(params).forEach(k => {
-            title = title.replace(`{:${k}}`, params[k]);
-        });
-    }
-    return title;
-};
-// Indicates whether the specified item is the 404 route.
-const is404 = (breadcrumb) => breadcrumb.route.title === TITLE_404;
-//
-export function useAppSitemap() {
-    const { sitemap } = useAppConfigs();
-    return useMemo(() => ({
-        appendRoute,
-        getTitle: (breadcrumb) => resolveTitle(breadcrumb, sitemap.routes),
-        getRoute: (path) => getRoute(path, sitemap.routes),
-        is404
-    }), [sitemap.routes]);
-}

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

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

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

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

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

@@ -1,8 +0,0 @@
-import { type PaletteMode } from '@mui/material';
-export type AppThemeType = {
-    theme: PaletteMode;
-    isDark: boolean;
-    isLight: boolean;
-    toggle: () => void;
-};
-export declare function useAppTheme(): AppThemeType;

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

@@ -1,12 +0,0 @@
-import {} from '@mui/material';
-import { useApp } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import { useMemo } from 'react';
-export function useAppTheme() {
-    const { theme, toggleTheme } = useApp();
-    return useMemo(() => ({
-        theme,
-        isDark: theme === 'dark',
-        isLight: theme === 'light',
-        toggle: toggleTheme
-    }), [theme, toggleTheme]);
-}

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

@@ -1,2 +0,0 @@
-import type { AppUser, AppUserService } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
-export declare function useAppUser<U extends AppUser>(): AppUserService<U>;

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

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