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

package/commons/components/app/providers/AppBarProvider.d.ts

@@ -1,10 +0,0 @@
-import { type AppNotificationService } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import type { AppSearchService } from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
-import { type ReactElement } from 'react';
-type AppTopNavProviderProps = {
-    search?: AppSearchService;
-    notification?: AppNotificationService;
-    children: ReactElement | ReactElement[];
-};
-export default function AppBarProvider({ search, notification, children }: AppTopNavProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/commons/components/app/providers/AppBarProvider.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AppStorageKeys } from '@cccsaurora/howler-ui/commons/components/app/AppConstants';
-import { AppBarContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import AppBreadcrumbsProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppBreadcrumbsProvider';
-import AppNotificationServiceProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppNotificationProvider';
-import AppQuickSearchProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppQuickSearchProvider';
-import AppSwitcherProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppSwitcherProvider';
-import useLocalStorageItem from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorageItem';
-import { useMemo, useState } from 'react';
-const { LS_KEY_AUTOHIDE_APPBAR } = AppStorageKeys;
-export default function AppBarProvider({ search, notification, children }) {
-    const configs = useAppConfigs();
-    const [show, setShow] = useState(true);
-    const [autoHide, setAutoHide] = useLocalStorageItem(LS_KEY_AUTOHIDE_APPBAR, configs.preferences.defaultAutoHideAppbar);
-    const context = useMemo(() => ({
-        show,
-        autoHide: configs.preferences.allowAutoHideTopbar && autoHide,
-        setShow,
-        setAutoHide,
-        toggleAutoHide: () => setAutoHide(!autoHide)
-    }), [configs.preferences.allowAutoHideTopbar, show, autoHide, setAutoHide]);
-    return (_jsx(AppBarContext.Provider, { value: context, children: _jsx(AppBreadcrumbsProvider, { children: _jsx(AppSwitcherProvider, { children: _jsx(AppNotificationServiceProvider, { service: notification, children: _jsx(AppQuickSearchProvider, { search: search, children: children }) }) }) }) }));
-}

package/commons/components/app/providers/AppBreadcrumbsProvider.d.ts

@@ -1,6 +0,0 @@
-import { type ReactNode } from 'react';
-type AppBreadcrumbsProviderProps = {
-    children: ReactNode;
-};
-export default function AppBreadcrumbsProvider({ children }: AppBreadcrumbsProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/commons/components/app/providers/AppBreadcrumbsProvider.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AppStorageKeys } from '@cccsaurora/howler-ui/commons/components/app/AppConstants';
-import { getRoute, useAppSitemap } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSitemap';
-import useLocalStorageItem from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorageItem';
-import { useEffect, useMemo, useState } from 'react';
-import { useLocation } from 'react-router-dom';
-import { AppBreadcrumbsContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useAppConfigs, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-const { LS_KEY_BREADCRUMBS_ENABLED } = AppStorageKeys;
-export default function AppBreadcrumbsProvider({ children }) {
-    const { pathname } = useLocation();
-    const { sitemap, preferences } = useAppConfigs();
-    const user = useAppUser();
-    const { appendRoute } = useAppSitemap();
-    const isUserReady = user.isReady();
-    // States.
-    const [items, setItems] = useState([]);
-    const [show, setShow] = useLocalStorageItem(LS_KEY_BREADCRUMBS_ENABLED, preferences.defaultShowBreadcrumbs);
-    // Reset the breadcrumbs if the user ready state changes.
-    useEffect(() => {
-        setItems(appendRoute([getRoute('/', sitemap.routes)], getRoute(pathname, sitemap.routes)));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isUserReady]);
-    // The return callback will ensure the event handler deregisters when component
-    //  is unmounted.  Failure to do this will result in an event handler
-    //  being registered each time this component renders.
-    useEffect(() => {
-        const _matchedRoute = getRoute(pathname, sitemap.routes);
-        setItems(_items => appendRoute(_items, _matchedRoute));
-    }, [pathname, appendRoute, sitemap.routes]);
-    // Memoized context value.
-    const context = useMemo(() => {
-        return {
-            show: preferences.allowBreadcrumbs && show,
-            items,
-            setItems,
-            toggle: () => setShow(!show),
-            last: () => (items.length > 0 ? items[items.length - 1] : items[0]),
-            first: () => items[0]
-        };
-    }, [preferences.allowBreadcrumbs, show, items, setShow]);
-    return _jsx(AppBreadcrumbsContext.Provider, { value: context, children: children });
-}

package/commons/components/app/providers/AppLayoutProvider.d.ts

@@ -1,6 +0,0 @@
-import { type ReactNode } from 'react';
-type AppLayoutProps = {
-    children: ReactNode;
-};
-export default function AppLayoutProvider({ children }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/commons/components/app/providers/AppLayoutProvider.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CssBaseline, styled, useMediaQuery, useTheme } from '@mui/material';
-import {} from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-import { AppStorageKeys } from '@cccsaurora/howler-ui/commons/components/app/AppConstants';
-import { AppLayoutContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useAppConfigs, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import LeftNavDrawer from '@cccsaurora/howler-ui/commons/components/leftnav/LeftNavDrawer';
-import AppBar from '@cccsaurora/howler-ui/commons/components/topnav/AppBar';
-import useLocalStorageItem from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorageItem';
-import { useCallback, useMemo, useState } from 'react';
-const { LS_KEY_LAYOUT_MODE } = AppStorageKeys;
-const AppHorizontal = styled('div')({
-    '@media print': {
-        overflow: 'unset !important'
-    },
-    height: '100%',
-    display: 'flex',
-    flexDirection: 'column'
-});
-const AppVertical = styled('div')({
-    height: '100%',
-    display: 'flex',
-    flexDirection: 'row',
-    position: 'relative'
-});
-const AppVerticalLeft = styled('div')(({ theme }) => ({
-    height: '100%',
-    [theme.breakpoints.down('md')]: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        bottom: 0
-    }
-}));
-const AppVerticalRight = styled('div')({
-    '@media print': {
-        overflow: 'unset !important'
-    },
-    display: 'flex',
-    flexDirection: 'column',
-    position: 'relative',
-    flex: 1,
-    height: '100%',
-    minWidth: 0
-});
-export default function AppLayoutProvider({ children }) {
-    const muiTheme = useTheme();
-    const { preferences } = useAppConfigs();
-    const user = useAppUser();
-    const isSM = useMediaQuery(muiTheme.breakpoints.only('sm'));
-    const isPrinting = useMediaQuery('print');
-    // Layout related states.
-    const [current, setCurrent] = useLocalStorageItem(LS_KEY_LAYOUT_MODE, preferences.defaultLayout);
-    const [layoutReady, setLayoutReady] = useState(false);
-    const [showMenus, setShowMenus] = useState(true);
-    // Callback to toggle between 'side' and 'top' layouts.
-    const toggle = useCallback(() => setCurrent(current === 'top' ? 'side' : 'top'), [current, setCurrent]);
-    // Callback to hide topnav and leftnav.
-    const hideMenus = useCallback(() => setShowMenus(false), []);
-    // Callback to indicate whether the app layout is ready to be fully rendered.
-    const setReady = useCallback(isReady => setLayoutReady(isReady), []);
-    // Memoize the value of the context provider.
-    const context = useMemo(() => {
-        return {
-            ready: layoutReady,
-            current: preferences.allowLayoutSelection ? current : preferences.defaultLayout,
-            hideMenus,
-            setReady,
-            toggle
-        };
-    }, [current, preferences.allowLayoutSelection, preferences.defaultLayout, hideMenus, layoutReady, setReady, toggle]);
-    return (_jsxs(AppLayoutContext.Provider, { value: context, children: [_jsx(CssBaseline, { enableColorScheme: true }), context.current === 'side' ? (_jsxs(AppVertical, { children: [_jsx(AppVerticalLeft, { children: user.isReady() && layoutReady && showMenus && _jsx(LeftNavDrawer, {}) }), _jsxs(AppVerticalRight, { id: "app-scrollct", style: { overflow: 'auto', paddingLeft: showMenus && isSM && !isPrinting ? muiTheme.spacing(7) : 0 }, children: [user.isReady() && layoutReady && showMenus && _jsx(AppBar, {}), children] })] })) : (_jsxs(AppHorizontal, { id: "app-scrollct", style: { overflow: 'auto' }, children: [user.isReady() && layoutReady && showMenus && _jsx(AppBar, {}), _jsxs(AppVertical, { children: [_jsx(AppVerticalLeft, { children: user.isReady() && layoutReady && showMenus && _jsx(LeftNavDrawer, {}) }), _jsx(AppVerticalRight, { style: { paddingLeft: showMenus && isSM && !isPrinting ? muiTheme.spacing(7) : 0 }, children: children })] })] }))] }));
-}

package/commons/components/app/providers/AppLeftNavProvider.d.ts

@@ -1,6 +0,0 @@
-import { type ReactNode } from 'react';
-type LeftNavProviderProps = {
-    children: ReactNode;
-};
-export default function AppLeftNavProvider({ children }: LeftNavProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/commons/components/app/providers/AppLeftNavProvider.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import {} from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-import { AppStorageKeys } from '@cccsaurora/howler-ui/commons/components/app/AppConstants';
-import { AppLeftNavContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import useLocalStorageItem from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorageItem';
-import { useCallback, useMemo, useState } from 'react';
-const { LS_KEY_LEFTNAV_OPEN } = AppStorageKeys;
-export default function AppLeftNavProvider({ children }) {
-    const { preferences } = useAppConfigs();
-    const [open, setOpen] = useLocalStorageItem(LS_KEY_LEFTNAV_OPEN, preferences.defaultDrawerOpen);
-    const [elements, setElements] = useState();
-    const toggle = useCallback(() => setOpen(!open), [open, setOpen]);
-    const context = useMemo(() => ({
-        open,
-        elements: elements || preferences.leftnav.elements,
-        setOpen,
-        setElements,
-        toggle
-    }), [open, elements, preferences.leftnav.elements, setOpen, toggle]);
-    return _jsx(AppLeftNavContext.Provider, { value: context, children: children });
-}

package/commons/components/app/providers/AppNotificationProvider.d.ts

@@ -1,6 +0,0 @@
-import { type AppNotificationService } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { type ReactElement } from 'react';
-export default function AppNotificationServiceProvider({ service, children }: {
-    service?: AppNotificationService;
-    children: ReactElement | ReactElement[];
-}): import("react/jsx-runtime").JSX.Element;

package/commons/components/app/providers/AppNotificationProvider.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AppNotificationServiceContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useMemo, useState } from 'react';
-const DEFAULT_CONTEXT = {
-    provided: false,
-    service: {
-        feedUrls: [],
-        notificationRenderer: null
-    },
-    state: { urls: [], set: () => null }
-};
-export default function AppNotificationServiceProvider({ service, children }) {
-    // Default implementation of the AppNotificationService using configuration preferences.
-    const defaultService = useMemo(() => {
-        return {
-            feedUrls: null,
-            notificationRenderer: null
-        };
-    }, []);
-    const [state, setState] = useState(DEFAULT_CONTEXT.state);
-    // Memoize context value to prevent unnecessary renders.0
-    const context = useMemo(() => ({
-        provided: !!service,
-        service: service || defaultService,
-        state: {
-            ...state,
-            set: setState
-        }
-    }), [service, defaultService, state]);
-    return _jsx(AppNotificationServiceContext.Provider, { value: context, children: children });
-}

package/commons/components/app/providers/AppQuickSearchProvider.d.ts

@@ -1,8 +0,0 @@
-import { type AppSearchService } from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
-import { type ReactElement } from 'react';
-type AppQuickSearchProviderProps = {
-    search?: AppSearchService;
-    children: ReactElement | ReactElement[];
-};
-export default function AppQuickSearchProvider({ search, children }: AppQuickSearchProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/commons/components/app/providers/AppQuickSearchProvider.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AppStorageKeys } from '@cccsaurora/howler-ui/commons/components/app/AppConstants';
-import { AppQuickSearchContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import {} from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import AppSearchServiceProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppSearchServiceProvider';
-import useLocalStorageItem from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorageItem';
-import { useMemo } from 'react';
-const { LS_KEY_SHOW_QUICK_SEARCH } = AppStorageKeys;
-export default function AppQuickSearchProvider({ search, children }) {
-    const { preferences } = useAppConfigs();
-    const [show, setShow] = useLocalStorageItem(LS_KEY_SHOW_QUICK_SEARCH, preferences.defaultShowQuickSearch);
-    const context = useMemo(() => ({
-        show: preferences.allowQuickSearch && show,
-        setShow,
-        toggle: () => setShow(!show)
-    }), [preferences.allowQuickSearch, show, setShow]);
-    return (_jsx(AppQuickSearchContext.Provider, { value: context, children: _jsx(AppSearchServiceProvider, { service: search, children: children }) }));
-}

package/commons/components/app/providers/AppSearchServiceProvider.d.ts

@@ -1,6 +0,0 @@
-import type { AppSearchService } from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
-import { type ReactElement } from 'react';
-export default function AppSearchServiceProvider<T = any>({ service, children }: {
-    service?: AppSearchService<T>;
-    children: ReactElement | ReactElement[];
-}): import("react/jsx-runtime").JSX.Element;

package/commons/components/app/providers/AppSearchServiceProvider.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AppSearchServiceContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import { useMemo, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-const DEFAULT_CONTEXT = {
-    provided: false,
-    service: {
-        itemRenderer: () => _jsx("div", {})
-    },
-    state: {
-        searching: false,
-        menu: false,
-        mode: 'inline',
-        items: null,
-        set: () => null
-    }
-};
-export default function AppSearchServiceProvider({ service, children }) {
-    // Hooks required for default implementation.
-    const navigate = useNavigate();
-    const { preferences } = useAppConfigs();
-    // Default implementation of the AppSearchService using configuration preferences.
-    const defaultService = useMemo(() => {
-        const searchUri = preferences.topnav.quickSearchURI;
-        const params = preferences.topnav.quickSearchParam;
-        return {
-            onEnter: (value) => {
-                navigate(`${searchUri}?${params}=${encodeURIComponent(value)}`);
-            },
-            itemRenderer: () => _jsx("div", {})
-        };
-    }, [preferences, navigate]);
-    // The state of the search service.
-    const [state, setState] = useState(DEFAULT_CONTEXT.state);
-    // Memoize context value to prevent unnecessary renders.
-    const context = useMemo(() => ({
-        provided: !!service,
-        service: service || defaultService,
-        state: {
-            ...state,
-            set: setState
-        }
-    }), [service, defaultService, state]);
-    return _jsx(AppSearchServiceContext.Provider, { value: context, children: children });
-}

package/commons/components/app/providers/AppSnackbarProvider.d.ts

@@ -1,3 +0,0 @@
-export default function AppSnackbarProvider({ children }: {
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;

package/commons/components/app/providers/AppSnackbarProvider.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material';
-import { SnackbarProvider } from 'notistack';
-const StyledSnackbarProvider = styled(SnackbarProvider) `
-  & .SnackbarItem-message {
-    word-break: break-all;
-  }
-`;
-// Wrap SnackbarProvider into its own component so we can use theme base breakpoints
-//  to calculate css styles.
-// This has to be done as child of AppContextProvider and in a separate component in order
-//  to ensure the ThemeProvider is already initialized.
-export default function AppSnackbarProvider({ children }) {
-    return _jsx(StyledSnackbarProvider, { children: children });
-}

package/commons/components/app/providers/AppSwitcherProvider.d.ts

@@ -1,6 +0,0 @@
-import { type ReactNode } from 'react';
-type AppSwitcherProviderProps = {
-    children: ReactNode;
-};
-export default function AppSwitcherProvider({ children }: AppSwitcherProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/commons/components/app/providers/AppSwitcherProvider.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { AppSwitcherContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-export default function AppSwitcherProvider({ children }) {
-    const { preferences } = useAppConfigs();
-    const [items, setItems] = useState(preferences.topnav.apps || []);
-    const context = useMemo(() => ({ items, empty: !items || items.length === 0, setItems }), [items]);
-    return _jsx(AppSwitcherContext.Provider, { value: context, children: children });
-}

package/commons/components/app/providers/AppUserProvider.d.ts

@@ -1,8 +0,0 @@
-import type { AppUser, AppUserService } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
-import { type ReactNode } from 'react';
-type AppUserProviderProps<U extends AppUser> = {
-    service: AppUserService<U>;
-    children: ReactNode;
-};
-export default function AppUserProvider<U extends AppUser>({ service, children }: AppUserProviderProps<U>): import("react/jsx-runtime").JSX.Element;
-export {};

package/commons/components/app/providers/AppUserProvider.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AppUserContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import {} from 'react';
-const AppUserServiceImpl = {
-    user: null,
-    setUser: () => null,
-    isReady: () => false,
-    validateProps: () => true
-};
-export default function AppUserProvider({ service = AppUserServiceImpl, children }) {
-    return _jsx(AppUserContext.Provider, { value: { ...AppUserServiceImpl, ...service }, children: children });
-}

package/commons/components/breadcrumbs/BreadcrumbIcon.d.ts

@@ -1,6 +0,0 @@
-import { type BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSitemap';
-type BreadcrumbIconProps = {
-    item: BreadcrumbItem;
-};
-declare const BreadcrumbIcon: React.FC<BreadcrumbIconProps>;
-export default BreadcrumbIcon;

package/commons/components/breadcrumbs/BreadcrumbIcon.js

@@ -1,9 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '@mui/material';
-import {} from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSitemap';
-const BreadcrumbIcon = ({ item }) => {
-    const theme = useTheme();
-    const { route: { icon } } = item;
-    return icon ? (_jsxs(_Fragment, { children: [icon, _jsx("span", { style: { marginRight: theme.spacing(1) } })] })) : null;
-};
-export default BreadcrumbIcon;

package/commons/components/breadcrumbs/BreadcrumbLastItem.d.ts

@@ -1,7 +0,0 @@
-import { type BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-type BreadcrumbLastItemProps = {
-    textOnly?: boolean;
-    item: BreadcrumbItem;
-};
-declare const BreadcrumbLastItem: React.FC<BreadcrumbLastItemProps>;
-export default BreadcrumbLastItem;

package/commons/components/breadcrumbs/BreadcrumbLastItem.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip, Typography } from '@mui/material';
-import { useAppSitemap } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import BreadcrumbIcon from '@cccsaurora/howler-ui/commons/components/breadcrumbs/BreadcrumbIcon';
-const BreadcrumbLastItem = ({ item, textOnly }) => {
-    const { route, matcher } = item;
-    const { getTitle: resolveTitle } = useAppSitemap();
-    const url = matcher ? matcher.pathname : route.path;
-    return (_jsxs(Typography, { style: {
-            display: 'flex',
-            alignItems: 'center'
-        }, children: [!textOnly && _jsx(BreadcrumbIcon, { item: item }), _jsx(Tooltip, { title: url, children: _jsx("span", { style: {
-                        maxWidth: route.textWidth || '200px',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        whiteSpace: 'nowrap'
-                    }, children: resolveTitle(item) }) })] }, `bcrumb-${url}`));
-};
-export default BreadcrumbLastItem;

package/commons/components/breadcrumbs/BreadcrumbLinkItem.d.ts

@@ -1,7 +0,0 @@
-import { type BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-type BreadcrumbLinkItemProps = {
-    textOnly?: boolean;
-    item: BreadcrumbItem;
-};
-declare const BreadcrumbLinkItem: React.FC<BreadcrumbLinkItemProps>;
-export default BreadcrumbLinkItem;

package/commons/components/breadcrumbs/BreadcrumbLinkItem.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link, Tooltip } from '@mui/material';
-import { useAppSitemap } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import BreadcrumbIcon from '@cccsaurora/howler-ui/commons/components/breadcrumbs/BreadcrumbIcon';
-import { Link as RouterLink } from 'react-router-dom';
-const BreadcrumbLinkItem = ({ item, textOnly }) => {
-    const { route, matcher } = item;
-    const { getTitle: resolveTitle } = useAppSitemap();
-    const url = matcher ? matcher.pathname : route.path;
-    return (_jsxs(Link, { component: RouterLink, color: "inherit", to: url, style: {
-            display: 'flex',
-            alignItems: 'center'
-        }, children: [!textOnly && _jsx(BreadcrumbIcon, { item: item }), _jsx(Tooltip, { title: url, children: _jsx("span", { style: {
-                        maxWidth: route.textWidth || '200px',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        whiteSpace: 'nowrap'
-                    }, children: resolveTitle(item) }) })] }, `bcrumb-${url}`));
-};
-export default BreadcrumbLinkItem;

package/commons/components/breadcrumbs/BreadcrumbList.d.ts

@@ -1,11 +0,0 @@
-import { type BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-type BreadcrumbListProps = {
-    disableStyle?: boolean;
-    textOnly?: boolean;
-    isStatic?: boolean;
-    itemsBefore?: number;
-    itemsAfter?: number;
-    items: BreadcrumbItem[];
-};
-export default function BreadcrumbList({ items, disableStyle, itemsBefore, itemsAfter, textOnly, isStatic }: BreadcrumbListProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/commons/components/breadcrumbs/BreadcrumbList.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MoreHoriz } from '@mui/icons-material';
-import { Breadcrumbs as MuiBreadcrumbs, Tooltip } from '@mui/material';
-import {} from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import BreadcrumbLastItem from '@cccsaurora/howler-ui/commons/components/breadcrumbs/BreadcrumbLastItem';
-import BreadcrumbLinkItem from '@cccsaurora/howler-ui/commons/components/breadcrumbs/BreadcrumbLinkItem';
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-const splitItems = (items, itemsBeforeCount, itemsAfterCount, expanded, isStatic) => {
-    const _items = items.concat().filter(i => !i.route.exclude);
-    const hasEllipsis = _items.length > itemsBeforeCount + itemsAfterCount;
-    if (!hasEllipsis || isStatic) {
-        return { before: null, after: _items, hasEllipsis: false };
-    }
-    const before = _items.slice(0, itemsBeforeCount);
-    const after = expanded ? _items.slice(itemsBeforeCount) : _items.slice(_items.length - itemsAfterCount);
-    return { before, after, hasEllipsis: hasEllipsis || expanded };
-};
-const BreadcrumbsEllipsis = ({ onClick, expanded }) => {
-    const { t } = useTranslation();
-    return (_jsx(Tooltip, { title: t(expanded ? 'tooltip.breadcrumbs.min' : 'tooltip.breadcrumbs.max'), children: _jsx(MoreHoriz, { fontSize: "small", sx: {
-                verticalAlign: 'bottom',
-                marginTop: '5px',
-                display: 'inline-flex',
-                '&:hover': {
-                    cursor: 'pointer'
-                }
-            }, onClick: onClick }) }));
-};
-export default function BreadcrumbList({ items, disableStyle, itemsBefore, itemsAfter, textOnly, isStatic }) {
-    const [expanded, setExpanded] = useState(false);
-    const { before, after, hasEllipsis } = splitItems(items, itemsBefore, itemsAfter, expanded, isStatic);
-    const last = after.length > 0 ? after.pop() : null;
-    return (_jsxs(MuiBreadcrumbs, { "aria-label": "breadcrumb", maxItems: 1000, style: {
-            ...(!disableStyle && {
-                color: 'inherit',
-                display: 'flex',
-                alignItems: 'center',
-                flexGrow: 2
-            })
-        }, children: [before &&
-                before.map(item => _jsx(BreadcrumbLinkItem, { item: item, textOnly: textOnly }, `bcrumb-${item.route.path}`)), hasEllipsis && _jsx(BreadcrumbsEllipsis, { expanded: expanded, onClick: () => setExpanded(!expanded) }), after &&
-                after.map(item => _jsx(BreadcrumbLinkItem, { item: item, textOnly: textOnly }, `bcrumb-${item.route.path}`)), last && _jsx(BreadcrumbLastItem, { item: last, textOnly: textOnly })] }));
-}

package/commons/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +0,0 @@
-declare const Breadcrumbs: ({ disableStyle }: {
-    disableStyle?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof Breadcrumbs>;
-export default _default;

package/commons/components/breadcrumbs/Breadcrumbs.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMediaQuery, useTheme } from '@mui/material';
-import { useAppBreadcrumbs, useAppConfigs, useAppSitemap } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import BreadcrumbList from '@cccsaurora/howler-ui/commons/components/breadcrumbs/BreadcrumbList';
-import { memo, useMemo } from 'react';
-const Breadcrumbs = ({ disableStyle = false }) => {
-    const theme = useTheme();
-    const isMedium = useMediaQuery(theme.breakpoints.up('md'));
-    const configs = useAppConfigs();
-    const breadcrumbs = useAppBreadcrumbs();
-    const sitemap = useAppSitemap();
-    const current = breadcrumbs.last();
-    const isStatic = !!current.route.breadcrumbs;
-    const isExpanded = isMedium;
-    const items = useMemo(() => {
-        let _items = null;
-        if (sitemap.is404(current)) {
-            _items = [current];
-        }
-        else if (isStatic) {
-            const staticBreadcrumbs = current.route.breadcrumbs.map(path => sitemap.getRoute(path));
-            _items = [...staticBreadcrumbs, current];
-        }
-        else {
-            _items = breadcrumbs.items;
-        }
-        return _items;
-    }, [current, isStatic, breadcrumbs, sitemap]);
-    return (_jsx(BreadcrumbList, { items: items, disableStyle: disableStyle, isStatic: isStatic, itemsBefore: isExpanded ? configs.sitemap.itemsBefore : 0, itemsAfter: isExpanded ? configs.sitemap.itemsAfter : 1 }));
-};
-export default memo(Breadcrumbs);

package/commons/components/display/AppAvatar.d.ts

@@ -1,8 +0,0 @@
-import { type AvatarProps } from '@mui/material';
-export type GravatarD = '404' | 'mp' | 'identicon' | 'monsterid' | 'wavatar' | 'retro' | 'robohash' | 'blank';
-export type AppAvatarProps = {
-    d?: GravatarD;
-    url?: string;
-    email?: string;
-} & Omit<AvatarProps, 'src'>;
-export default function AppAvatar({ d, url, email, ...props }: AppAvatarProps): import("react/jsx-runtime").JSX.Element;

package/commons/components/display/AppAvatar.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Avatar } from '@mui/material';
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppConfigs';
-import md5 from 'md5';
-import { useMemo } from 'react';
-export default function AppAvatar({ d, url, email, ...props }) {
-    const configs = useAppConfigs();
-    const avatarUrl = useMemo(() => url ||
-        (configs.preferences.allowGravatar
-            ? `https://s.gravatar.com/avatar/${email ? md5(email) : ''}?d=${d || configs.preferences.avatarD}`
-            : null), [configs, url, email, d]);
-    return (_jsx(Avatar, { ...props, sx: {
-            ...(props.sx || {}),
-            '&:hover': {
-                cursor: 'pointer'
-            }
-        }, src: avatarUrl }));
-}

package/commons/components/display/AppInfoPanel.d.ts

@@ -1,5 +0,0 @@
-import { type StackProps } from '@mui/material';
-export type AppInfoPanelProps = {
-    i18nKey: string;
-} & StackProps;
-export default function AppInfoPanel({ i18nKey, ...props }: AppInfoPanelProps): import("react/jsx-runtime").JSX.Element;

package/commons/components/display/AppInfoPanel.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Info } from '@mui/icons-material';
-import { Box, Stack, Typography, emphasize, useTheme } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-export default function AppInfoPanel({ i18nKey, ...props }) {
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const bgColor = emphasize(theme.palette.background.default, 0.1);
-    const color = emphasize(bgColor, 0.4);
-    return (_jsxs(Stack, { ...props, direction: "row", p: 2, sx: {
-            ...props.sx,
-            alignItems: 'center',
-            borderRadius: 2,
-            backgroundColor: bgColor,
-            color: color
-        }, children: [_jsx(Info, { fontSize: "large" }), _jsx(Box, { m: 1 }), _jsx(Typography, { variant: "h5", children: t(i18nKey) })] }));
-}

package/commons/components/display/AppListEmpty.d.ts

@@ -1,2 +0,0 @@
-import { type AppInfoPanelProps } from '@cccsaurora/howler-ui/commons/components/display/AppInfoPanel';
-export default function AppListEmpty(props: Omit<AppInfoPanelProps, 'i18nKey'>): import("react/jsx-runtime").JSX.Element;