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

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,4 +0,0 @@
-declare const _default: import("react").MemoExoticComponent<({ disableStyle }: {
-    disableStyle?: boolean;
-}) => import("react/jsx-runtime").JSX.Element>;
-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;

package/commons/components/display/AppListEmpty.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import AppInfoPanel, {} from '@cccsaurora/howler-ui/commons/components/display/AppInfoPanel';
-export default function AppListEmpty(props) {
-    return _jsx(AppInfoPanel, { ...props, i18nKey: "app.list.empty" });
-}

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

@@ -1,19 +0,0 @@
-import React, { type ReactNode } from 'react';
-export type AppTocItem = {
-    id: string;
-    subItems?: AppTocItem[];
-    is_admin?: boolean;
-};
-export type AppTocElementProps = {
-    translation: string;
-    item: AppTocItem;
-};
-type AppTocProps = {
-    children: ReactNode;
-    translation: string;
-    items: AppTocItem[];
-    titleI18nKey?: string;
-    topI18nKey?: string;
-};
-declare const _default: React.MemoExoticComponent<({ children, translation, items, titleI18nKey, topI18nKey }: AppTocProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/commons/components/display/AppToc.js

@@ -1,98 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled, useTheme } from '@mui/material';
-import { useAppBar } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBar';
-import { useAppLayout } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLayout';
-import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppUser';
-import React, { memo, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link, useLocation } from 'react-router-dom';
-const TocRoot = styled('div')(({ theme }) => ({
-    display: 'flex',
-    '.tocBar': {
-        display: 'none',
-        paddingLeft: '16px',
-        [theme.breakpoints.up('md')]: {
-            display: 'block'
-        }
-    },
-    '.toc': {
-        fontSize: '0.875rem',
-        listStyle: 'none',
-        paddingInlineStart: 0,
-        [theme.breakpoints.only('md')]: {
-            width: '124px'
-        },
-        [theme.breakpoints.up('lg')]: {
-            width: '164px'
-        },
-        '& li': {
-            color: theme.palette.text.primary,
-            marginLeft: theme.spacing(1),
-            marginBottom: theme.spacing(0.5),
-            paddingLeft: theme.spacing(1.25),
-            paddingRight: theme.spacing(1)
-        },
-        '& .active': {
-            borderLeft: `solid ${theme.palette.primary.main} 2px`,
-            paddingLeft: theme.spacing(1),
-            color: theme.palette.primary.main
-        },
-        '& li:hover': {
-            borderLeft: `solid ${theme.palette.text.disabled} 1px`,
-            paddingLeft: '9px',
-            color: theme.palette.text.disabled
-        },
-        '& li > a': {
-            color: 'inherit',
-            display: 'block',
-            textDecoration: 'none',
-            width: '100%'
-        }
-    },
-    '.ttop': {
-        paddingTop: theme.spacing(2.5),
-        marginLeft: theme.spacing(2.25),
-        color: theme.palette.text.primary,
-        '& a': {
-            color: 'inherit',
-            display: 'block',
-            textDecoration: 'none'
-        },
-        '& :hover': {
-            color: theme.palette.text.disabled
-        }
-    }
-}));
-const AppTocElement = ({ translation, item }) => {
-    const location = useLocation();
-    const { t } = useTranslation([translation]);
-    const currentHash = location.hash && location.hash !== '' ? location.hash.substring(1) : null;
-    const active = currentHash && currentHash.startsWith(item.id) ? 'active' : null;
-    const { user: currentUser } = useAppUser();
-    return ((!item.is_admin || (currentUser.is_admin && item.is_admin)) && (_jsxs(_Fragment, { children: [_jsx("li", { className: active, children: _jsx(Link, { to: `#${item.id}`, target: "_self", children: t(item.id) }) }), active && item.subItems && (_jsx("ul", { className: "toc", style: { fontSize: 'smaller', paddingInlineStart: '8px' }, children: item.subItems.map(itm => (_jsx(AppTocElement, { item: itm, translation: translation }, itm.id))) }))] })));
-};
-const AppToc = ({ children, translation, items, titleI18nKey = 'toc', topI18nKey = 'top' }) => {
-    const { autoHide: autoHideAppbar } = useAppBar();
-    const { current: currentLayout } = useAppLayout();
-    const theme = useTheme();
-    const location = useLocation();
-    const { t } = useTranslation([translation]);
-    useEffect(() => {
-        if (location.hash && location.hash !== '') {
-            const scrollElement = document.getElementById(location.hash.substring(1));
-            if (scrollElement) {
-                // If element exists already, use native scrollIntoView.
-                scrollElement.scrollIntoView(true);
-            }
-            else {
-                // eslint-disable-next-line no-console
-                console.log('[WARN] Trying to scroll to unknown ID:', location.hash);
-            }
-        }
-    }, [location.hash]);
-    return (_jsxs(TocRoot, { id: "top", children: [_jsx("div", { id: "content", children: children }), _jsx("div", { id: "toc", className: "tocBar", children: _jsxs("div", { style: {
-                        position: 'sticky',
-                        top: theme.spacing(autoHideAppbar && currentLayout !== 'top' ? 5 : 13)
-                    }, children: [titleI18nKey && _jsx("div", { style: { fontSize: '1.25rem', marginLeft: '18px' }, children: t(titleI18nKey) }), _jsxs("ul", { className: "toc", children: [items && items.map(item => _jsx(AppTocElement, { item: item, translation: translation }, item.id)), topI18nKey && (_jsx("div", { className: "ttop", children: _jsx(Link, { to: "#top", target: "_self", children: t(topI18nKey) }) }))] })] }) })] }));
-};
-export default memo(AppToc);

package/commons/components/display/hooks/useAppColor.d.ts

@@ -1,5 +0,0 @@
-import { colors } from '@mui/material';
-type MuiColorType = keyof typeof colors;
-type MuiColorVariant = keyof typeof colors.blue;
-export default function useAppColor(color?: MuiColorType, lightVariant?: MuiColorVariant, darkVariant?: MuiColorVariant): "#1e88e5" | "#1976d2" | "#42a5f5" | "#0d47a1" | "#90caf9" | "#64b5f6" | "#2196f3" | "#e3f2fd" | "#bbdefb" | "#1565c0" | "#82b1ff" | "#448aff" | "#2979ff" | "#2962ff";
-export {};

package/commons/components/display/hooks/useAppColor.js

@@ -1,10 +0,0 @@
-import { colors } from '@mui/material';
-import { useAppTheme } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import { useMemo } from 'react';
-export default function useAppColor(color = 'grey', lightVariant = 100, darkVariant = 900) {
-    const { isDark } = useAppTheme();
-    return useMemo(() => {
-        // eslint-disable-next-line import/namespace
-        return colors[color][isDark ? darkVariant : lightVariant];
-    }, [isDark, color, lightVariant, darkVariant]);
-}

package/commons/components/leftnav/LeftNavDrawer.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/commons/components/leftnav/LeftNavDrawer.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-import { ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon } from '@mui/icons-material';
-import { Box, ClickAwayListener, Divider, Drawer, List, ListItemButton, ListItemIcon, ListItemText, Toolbar, Tooltip, styled, useMediaQuery, useTheme } from '@mui/material';
-import { useAppConfigs, useAppLayout, useAppLeftNav } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import LeftNavGroup from '@cccsaurora/howler-ui/commons/components/leftnav/LeftNavGroup';
-import LeftNavItem from '@cccsaurora/howler-ui/commons/components/leftnav/LeftNavItem';
-import { memo, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import AppName from '../topnav/AppName';
-const StyledDrawer = styled(Drawer, { shouldForwardProp: prop => prop !== 'open' && prop !== 'width' })(({ theme, open, width }) => ({
-    width,
-    flexShrink: 0,
-    heigth: '100%',
-    whiteSpace: 'nowrap',
-    '@media print': {
-        display: 'none !important'
-    },
-    transition: theme.transitions.create('width', {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.enteringScreen
-    }),
-    ...(!open && {
-        transition: theme.transitions.create('width', {
-            easing: theme.transitions.easing.sharp,
-            duration: theme.transitions.duration.leavingScreen
-        }),
-        overflowX: 'hidden',
-        width: 0,
-        [theme.breakpoints.up('sm')]: {
-            width: theme.spacing(7)
-        },
-        [theme.breakpoints.only('xs')]: {
-            border: 'none'
-        }
-    }),
-    '& .MuiDrawer-paper': {
-        width,
-        transition: theme.transitions.create('width', {
-            easing: theme.transitions.easing.sharp,
-            duration: theme.transitions.duration.enteringScreen
-        }),
-        ...(!open && {
-            transition: theme.transitions.create('width', {
-                easing: theme.transitions.easing.sharp,
-                duration: theme.transitions.duration.leavingScreen
-            }),
-            overflowX: 'hidden',
-            width: 0,
-            [theme.breakpoints.up('sm')]: {
-                width: theme.spacing(7)
-            },
-            [theme.breakpoints.only('xs')]: {
-                border: 'none'
-            }
-        })
-    }
-}));
-const LeftNavDrawer = () => {
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const { preferences } = useAppConfigs();
-    const layout = useAppLayout();
-    const leftnav = useAppLeftNav();
-    const isSmDown = useMediaQuery(theme.breakpoints.down('sm'));
-    const isTopLayout = layout.current === 'top';
-    const onCloseDrawerIfOpen = useCallback(() => {
-        if (isSmDown && leftnav.open) {
-            leftnav.setOpen(false);
-        }
-    }, [isSmDown, leftnav]);
-    const header = (_jsxs("div", { children: [_jsx(Toolbar, { sx: {
-                    [theme.breakpoints.up('xs')]: {
-                        padding: 0
-                    }
-                }, children: _jsx(AppName, {}) }), !isTopLayout && _jsx(Divider, {})] }));
-    const hide = (_jsx(List, { disablePadding: true, children: _jsxs(ListItemButton, { onClick: leftnav.toggle, children: [_jsx(ListItemIcon, { children: leftnav.open ? _jsx(ChevronLeftIcon, {}) : _jsx(ChevronRightIcon, {}) }), _jsx(ListItemText, { primary: t('drawer.collapse') })] }, "chevron") }));
-    return (_jsx(ClickAwayListener, { mouseEvent: "onMouseDown", touchEvent: "onTouchStart", onClickAway: onCloseDrawerIfOpen, children: _jsxs(StyledDrawer, { PaperProps: { elevation: 1 }, variant: "permanent", style: { height: '100%' }, width: preferences.leftnav.width, open: leftnav.open, children: [leftnav.open ? (header) : (_jsx(Tooltip, { title: preferences.appName, "aria-label": preferences.appName, placement: "right", children: header })), _jsx(List, { disablePadding: true, children: leftnav.elements.map((e, i) => {
-                        if (e.type === 'item') {
-                            const item = e.element;
-                            return _jsx(LeftNavItem, { item: item, onClick: isSmDown && onCloseDrawerIfOpen }, item.id);
-                        }
-                        if (e.type === 'group') {
-                            const item = e.element;
-                            return _jsx(LeftNavGroup, { group: item, onItemClick: isSmDown && onCloseDrawerIfOpen }, item.id);
-                        }
-                        if (e.type === 'divider') {
-                            return _jsx(Divider, {}, `divider-${i}`);
-                        }
-                        return null;
-                    }) }), leftnav.elements?.length > 0 && _jsx(Divider, {}), leftnav.open ? (hide) : (_jsx(Tooltip, { title: t('drawer.expand'), "aria-label": t('drawer.expand'), placement: "right", children: hide })), _jsx(Box, { sx: {
-                        height: '100%',
-                        width: '100%',
-                        '&:hover': {
-                            cursor: 'pointer'
-                        }
-                    }, onClick: leftnav.toggle })] }) }));
-};
-export default memo(LeftNavDrawer);

package/commons/components/leftnav/LeftNavGroup.d.ts

@@ -1,7 +0,0 @@
-import type { AppLeftNavGroup } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-interface LeftNavGroupProps {
-    group: AppLeftNavGroup;
-    onItemClick: () => void;
-}
-declare const _default: import("react").MemoExoticComponent<({ group, onItemClick }: LeftNavGroupProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/commons/components/leftnav/LeftNavGroup.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronRight, ExpandLess, ExpandMore } from '@mui/icons-material';
-import { Collapse, List, ListItemButton, ListItemIcon, ListItemText, Popover, Tooltip, useTheme } from '@mui/material';
-import { useAppConfigs, useAppLeftNav, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import LeftNavItem from '@cccsaurora/howler-ui/commons/components/leftnav/LeftNavItem';
-import { memo, useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-const GroupListItem = memo(({ group, leftNavOpen, collapseOpen, popoverOpen, onClick }) => {
-    const { t } = useTranslation();
-    const title = group.i18nKey ? t(group.i18nKey) : group.title;
-    const theme = useTheme();
-    return (_jsx(Tooltip, { title: !leftNavOpen ? title : '', "aria-label": title, placement: "right", children: _jsxs(ListItemButton, { onClick: onClick, selected: popoverOpen, children: [!leftNavOpen && (_jsx(ChevronRight, { sx: {
-                        position: 'absolute',
-                        right: 0,
-                        width: 16,
-                        height: 16,
-                        transform: popoverOpen && 'rotate(180deg)',
-                        transition: theme.transitions.create('transform', {
-                            easing: theme.transitions.easing.sharp,
-                            duration: popoverOpen
-                                ? theme.transitions.duration.leavingScreen
-                                : theme.transitions.duration.enteringScreen
-                        })
-                    }, fontSize: "inherit" })), _jsx(ListItemIcon, { children: group.icon }), _jsx(ListItemText, { primary: title }), collapseOpen ? _jsx(ExpandLess, { color: "action" }) : _jsx(ExpandMore, { color: "action" })] }, group.id) }));
-});
-const LeftNavGroup = ({ group, onItemClick }) => {
-    const user = useAppUser();
-    const leftnav = useAppLeftNav();
-    const { preferences } = useAppConfigs();
-    const [popoverTarget, setPopoverTarget] = useState();
-    const [collapseOpen, setCollapseOpen] = useState(false);
-    const groupHasIcons = group.items.some(i => !!i.icon);
-    const handleClick = useCallback((event) => {
-        if (leftnav.open) {
-            setCollapseOpen(!collapseOpen);
-        }
-        else {
-            setPopoverTarget(event ? event.currentTarget : undefined);
-        }
-    }, [leftnav.open, collapseOpen]);
-    const onClosePopover = useCallback(() => setPopoverTarget(undefined), []);
-    useEffect(() => {
-        if (!leftnav.open && collapseOpen) {
-            setCollapseOpen(false);
-        }
-    }, [leftnav.open, collapseOpen]);
-    return user.validateProps(group.userPropValidators) ? (_jsxs("div", { children: [_jsx(GroupListItem, { group: group, leftNavOpen: leftnav.open, collapseOpen: collapseOpen, onClick: handleClick, popoverOpen: !!popoverTarget }), _jsx(Collapse, { in: collapseOpen, timeout: "auto", unmountOnExit: true, children: _jsx(List, { component: "div", disablePadding: true, children: group.items.map(i => (_jsx(LeftNavItem, { context: "group", item: i, hideIcon: preferences.leftnav.hideNestedIcons, onClick: onItemClick }, i.id))) }) }), _jsx(Popover, { open: !!popoverTarget, onClose: onClosePopover, onClick: onClosePopover, anchorEl: popoverTarget, anchorOrigin: {
-                    vertical: 'top',
-                    horizontal: 'right'
-                }, transformOrigin: {
-                    vertical: 'top',
-                    horizontal: 'left'
-                }, children: _jsx(List, { disablePadding: true, children: group.items.map(i => (_jsx(LeftNavItem, { popover: true, context: "group", item: i, hideIcon: preferences.leftnav.hideNestedIcons || !groupHasIcons, onClick: onItemClick }, i.id))) }) })] })) : null;
-};
-export default memo(LeftNavGroup);

package/commons/components/leftnav/LeftNavItem.d.ts

@@ -1,10 +0,0 @@
-import type { AppLeftNavItem } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-type LeftNavItemProps = {
-    item: AppLeftNavItem;
-    popover?: boolean;
-    context?: 'item' | 'group';
-    hideIcon?: boolean;
-    onClick: () => void;
-};
-declare const _default: import("react").MemoExoticComponent<({ item, context, popover, hideIcon, onClick }: LeftNavItemProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/commons/components/leftnav/LeftNavItem.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, ListItem, ListItemButton, ListItemIcon, ListItemText, Tooltip, useTheme } from '@mui/material';
-import { useAppLeftNav, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-const LeftNavItemInner = ({ item, context, popover, hideIcon, label, leftnavOpen }) => {
-    const theme = useTheme();
-    const nested = item.nested !== undefined ? item.nested : context === 'group';
-    const showIcon = useMemo(() => item.icon && !hideIcon, [item, hideIcon]);
-    const spacer = useMemo(() => {
-        const showSpacer = !popover && leftnavOpen && nested;
-        return showSpacer && _jsx(Box, { id: "spacer", sx: { marginLeft: theme.spacing(showIcon ? 2 : 7) } });
-    }, [nested, showIcon, theme, leftnavOpen, popover]);
-    const itemIcon = useMemo(() => {
-        const showNested = !popover && context === 'group' && nested;
-        return (showIcon && (_jsx(ListItemIcon, { id: "icon", sx: { minWidth: showNested || popover ? 40 : undefined }, children: item.icon })));
-    }, [nested, showIcon, item.icon, context, popover]);
-    return (_jsxs(_Fragment, { children: [spacer, itemIcon, _jsx(ListItemText, { primary: label })] }));
-};
-const LeftNavItem = ({ item, context = 'item', popover = false, hideIcon = false, onClick }) => {
-    const { t } = useTranslation();
-    const user = useAppUser();
-    const leftnav = useAppLeftNav();
-    const { text, i18nKey, nested, route, render, userPropValidators } = item;
-    const label = i18nKey ? t(i18nKey) : text;
-    return user.validateProps(userPropValidators) ? (render ? (_jsx(ListItem, { disablePadding: true, children: render(leftnav.open) })) : (_jsx(Tooltip, { title: !leftnav.open && !nested ? label : '', "aria-label": label, placement: "right", children: _jsx(ListItemButton, { component: route ? Link : null, to: route, onClick: onClick ? onClick : null, children: _jsx(LeftNavItemInner, { hideIcon: hideIcon, context: context, popover: popover, item: item, label: label, leftnavOpen: leftnav.open }) }, text) }))) : null;
-};
-export default memo(LeftNavItem);

package/commons/components/notification/FeedModels.d.ts

@@ -1,64 +0,0 @@
-export type SystemMessage = {
-    user: string;
-    title: string;
-    severity: 'success' | 'info' | 'warning' | 'error';
-    message: string;
-};
-export type FeedItem = {
-    id: string;
-    url?: string;
-    external_url?: string;
-    title?: string;
-    content_html?: string;
-    content_text?: string;
-    content_md?: string;
-    summary?: string;
-    image?: string;
-    banner_image?: string;
-    date_published?: Date;
-    date_modified?: Date;
-    authors?: Array<FeedAuthor>;
-    tags?: Array<'new' | 'current' | 'dev' | 'service' | 'blog'>;
-    language?: string;
-    attachments?: Array<FeedAttachment>;
-    _isNew: boolean;
-};
-export type FeedAuthor = {
-    name?: string;
-    url?: string;
-    avatar?: string;
-};
-export type FeedAttachment = {
-    url: string;
-    mime_type: string;
-    title?: string;
-    size_in_bytes?: number;
-    duration_in_seconds?: number;
-};
-export type Feed = {
-    version: string;
-    title: string;
-    home_page_url?: string;
-    feed_url?: string;
-    description?: string;
-    user_comment?: string;
-    next_url?: string;
-    icon?: string;
-    favicon?: string;
-    authors?: Array<FeedAuthor>;
-    language?: string;
-    expired?: boolean;
-    hubs?: Array<{
-        type: string;
-        url: string;
-    }>;
-    items: Array<FeedItem>;
-};
-export declare const DEFAULT_FEED: Feed;
-export declare const DEFAULT_FEED_ITEM: FeedItem;
-export declare const DEFAULT_FEED_ATTACHMENT: FeedAttachment;
-export declare const DEFAULT_FEED_AUTHOR: any;
-export declare function parseFeedAttachments(attachments: any): FeedAttachment[];
-export declare function parseFeedAuthors(authors: any): FeedAuthor[];
-export declare function parseFeedItems(items: any): FeedItem[];
-export declare function parseFeed(feed: any): Feed;