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

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,20 +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 AppToc: ({ children, translation, items, titleI18nKey, topI18nKey }: AppTocProps) => import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof AppToc>;
-export default _default;

package/commons/components/display/AppToc.js

@@ -1,98 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, 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): "#0d47a1" | "#1565c0" | "#1976d2" | "#1e88e5" | "#2196f3" | "#2962ff" | "#2979ff" | "#42a5f5" | "#448aff" | "#64b5f6" | "#82b1ff" | "#90caf9" | "#bbdefb" | "#e3f2fd";
-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,3 +0,0 @@
-declare const LeftNavDrawer: () => import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof LeftNavDrawer>;
-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, { 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,8 +0,0 @@
-import type { AppLeftNavGroup } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-interface LeftNavGroupProps {
-    group: AppLeftNavGroup;
-    onItemClick: () => void;
-}
-declare const LeftNavGroup: ({ group, onItemClick }: LeftNavGroupProps) => import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof LeftNavGroup>;
-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,11 +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 LeftNavItem: ({ item, context, popover, hideIcon, onClick }: LeftNavItemProps) => import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof LeftNavItem>;
-export default _default;

package/commons/components/leftnav/LeftNavItem.js

@@ -1,29 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, 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;

package/commons/components/notification/FeedModels.js

@@ -1,94 +0,0 @@
-export const DEFAULT_FEED = {
-    version: null,
-    title: null,
-    home_page_url: null,
-    feed_url: null,
-    description: null,
-    user_comment: null,
-    next_url: null,
-    icon: null,
-    favicon: null,
-    authors: [],
-    language: null,
-    expired: false,
-    hubs: [],
-    items: []
-};
-export const DEFAULT_FEED_ITEM = {
-    id: null,
-    url: null,
-    external_url: null,
-    title: null,
-    content_html: null,
-    content_text: null,
-    summary: null,
-    image: null,
-    banner_image: null,
-    date_published: new Date(0),
-    date_modified: new Date(0),
-    authors: [],
-    tags: [],
-    language: null,
-    attachments: [],
-    _isNew: false
-};
-export const DEFAULT_FEED_ATTACHMENT = {
-    url: null,
-    mime_type: null,
-    title: null,
-    size_in_bytes: 0,
-    duration_in_seconds: 0
-};
-export const DEFAULT_FEED_AUTHOR = {
-    name: null,
-    url: null,
-    avatar: null
-};
-function decodeHTML(html) {
-    if (!html || typeof html !== 'string')
-        return '';
-    var txt = document.createElement('textarea');
-    txt.innerHTML = html;
-    return txt.value;
-}
-export function parseFeedAttachments(attachments) {
-    return attachments && Array.isArray(attachments)
-        ? attachments
-            .map(attachment => attachment && typeof attachment === 'object' ? { ...DEFAULT_FEED_ATTACHMENT, ...attachment } : null)
-            .filter(attachment => attachment)
-        : [];
-}
-export function parseFeedAuthors(authors) {
-    return authors && Array.isArray(authors)
-        ? authors
-            .map(author => (author && typeof author === 'object' ? { ...DEFAULT_FEED_AUTHOR, ...author } : null))
-            .filter(author => author)
-        : [];
-}
-export function parseFeedItems(items) {
-    return items && Array.isArray(items)
-        ? items
-            .map(item => item && typeof item === 'object'
-            ? {
-                ...DEFAULT_FEED_ITEM,
-                ...item,
-                date_published: new Date(item.date_published),
-                date_modified: new Date(item.date_modified),
-                authors: parseFeedAuthors(item?.authors),
-                attachments: parseFeedAttachments(item?.attachments),
-                content_html: decodeHTML(item?.content_html)
-            }
-            : null)
-            .filter(item => item)
-        : [];
-}
-export function parseFeed(feed) {
-    return feed && typeof feed === 'object'
-        ? {
-            ...DEFAULT_FEED,
-            ...feed,
-            items: parseFeedItems(feed?.items),
-            authors: parseFeedAuthors(feed?.authors)
-        }
-        : null;
-}

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

@@ -1,10 +0,0 @@
-import { type FC } from 'react';
-type Props = {
-    urls: string[];
-    notificationItem?: FC;
-    inDrawer?: boolean;
-    openIfNew?: boolean;
-    maxDrawerWidth?: string;
-};
-export declare const Notification: FC<Props>;
-export {};

package/commons/components/notification/Notification.js

@@ -1,95 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { parseFeed } from '@cccsaurora/howler-ui/commons/components/notification';
-import { NotificationContainer } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationContainer';
-import { NotificationTopNavButton } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationTopNavButton';
-import { NotificationItem } from '@cccsaurora/howler-ui/commons/components/notification/elements/item/NotificationItem';
-import { memo, useCallback, useEffect, useRef, useState } from 'react';
-export const Notification = memo(({ urls = null, notificationItem = NotificationItem, inDrawer = true, openIfNew = false, maxDrawerWidth = '500px' }) => {
-    const [drawer, setDrawer] = useState(false);
-    const [feeds, setFeeds] = useState(null);
-    const [notifications, setNotifications] = useState(null);
-    const [status, setStatus] = useState('loading');
-    const lastTimeOpen = useRef(new Date(0));
-    const storageKey = 'notification.lastTimeOpen';
-    const onDrawerOpen = useCallback(() => {
-        setDrawer(true);
-        lastTimeOpen.current = new Date();
-    }, []);
-    const onDrawerClose = useCallback(() => {
-        setDrawer(false);
-        localStorage.setItem(storageKey, JSON.stringify(lastTimeOpen.current.valueOf()));
-        setNotifications(v => v.map((n) => ({ ...n, _isNew: n.date_published.valueOf() > lastTimeOpen.current.valueOf() })));
-    }, [storageKey]);
-    const loadLastTimeOpen = useCallback(() => {
-        const data = localStorage.getItem(storageKey);
-        if (!data)
-            return;
-        const value = JSON.parse(data);
-        if (typeof value !== 'number')
-            return;
-        lastTimeOpen.current = new Date(value);
-    }, [storageKey]);
-    const fetchFeed = useCallback((url = '') => new Promise(async (resolve) => {
-        const response = (await fetch(url, { method: 'GET' }).catch(err => 
-        // eslint-disable-next-line no-console
-        console.error(`Notification Area: error caused by URL "${err}`)));
-        if (!response || response.status >= 400) {
-            resolve({});
-            return;
-        }
-        const textResponse = await response.text();
-        try {
-            const jsonFeed = JSON.parse(textResponse);
-            resolve(parseFeed(jsonFeed));
-        }
-        catch {
-            resolve({});
-        }
-        return;
-    }), []);
-    const fetchFeeds = useCallback((_urls = []) => new Promise(async (resolve) => {
-        if (!_urls || _urls.length === 0) {
-            resolve([]);
-            return [];
-        }
-        const _feeds = await Promise.all(_urls.map(url => fetchFeed(url)));
-        resolve(_feeds.filter(f => f.items));
-    }), [fetchFeed]);
-    useEffect(() => {
-        loadLastTimeOpen();
-        if (!urls || !Array.isArray(urls) || urls.length === 0)
-            return;
-        fetchFeeds(urls).then(_feeds => {
-            _feeds = _feeds.map(f => ({ ...f, items: f?.items?.map(i => ({ ...i, external_url: f.feed_url })) }));
-            setFeeds(Object.fromEntries(_feeds.map(f => [f?.feed_url, { ...f, items: [] }])));
-            const _notifs = _feeds
-                .flatMap(f => f?.items)
-                .filter(n => n.date_published > new Date(new Date().setFullYear(new Date().getFullYear() - 1)))
-                .sort((a, b) => b.date_published.valueOf() - a.date_published.valueOf())
-                .map(n => ({ ...n, _isNew: n.date_published.valueOf() > lastTimeOpen.current.valueOf() }));
-            setNotifications(_notifs);
-            if (openIfNew && _notifs?.some(n => n._isNew)) {
-                onDrawerOpen();
-            }
-        });
-    }, [fetchFeeds, loadLastTimeOpen, onDrawerOpen, openIfNew, urls]);
-    useEffect(() => {
-        if (feeds === undefined) {
-            setStatus('error');
-        }
-        else if (feeds && notifications) {
-            if (notifications.length === 0) {
-                setStatus('error');
-            }
-            else {
-                setStatus('ready');
-            }
-        }
-        else {
-            setStatus('loading');
-        }
-        return () => setStatus('loading');
-    }, [feeds, notifications]);
-    return (urls &&
-        urls.length !== 0 && (_jsxs(_Fragment, { children: [inDrawer && (_jsx(NotificationTopNavButton, { drawer: drawer, newItems: notifications?.filter(n => n._isNew).length, onDrawerOpen: onDrawerOpen, onDrawerClose: onDrawerClose })), _jsx(NotificationContainer, { status: status, notifications: notifications, drawer: drawer, onDrawerOpen: onDrawerOpen, onDrawerClose: onDrawerClose, ItemComponent: notificationItem, inDrawer: inDrawer, maxDrawerWidth: maxDrawerWidth })] })));
-});

package/commons/components/notification/elements/NotificationCloseButton.d.ts

@@ -1,3 +0,0 @@
-import { type NotificationProps } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationContainer';
-import { type FC } from 'react';
-export declare const NotificationCloseButton: FC<NotificationProps>;

package/commons/components/notification/elements/NotificationCloseButton.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CloseOutlined } from '@mui/icons-material';
-import { IconButton } from '@mui/material';
-import {} from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationContainer';
-import { memo } from 'react';
-export const NotificationCloseButton = memo(({ drawer = false, onDrawerOpen = () => null, onDrawerClose = () => null }) => (_jsx("div", { children: _jsx(IconButton, { onClick: () => (drawer ? onDrawerClose() : onDrawerOpen()), size: "large", children: _jsx(CloseOutlined, { fontSize: "medium" }) }) })));

package/commons/components/notification/elements/NotificationContainer.d.ts

@@ -1,16 +0,0 @@
-import { type ItemComponentProps } from '@cccsaurora/howler-ui/commons/components/app/AppNotificationService';
-import { type FeedItem } from '@cccsaurora/howler-ui/commons/components/notification';
-import { type FC } from 'react';
-export type NotificationProps = {
-    notifications: FeedItem[];
-    ItemComponent: FC<ItemComponentProps>;
-    drawer?: boolean;
-    initialPageSize?: number;
-    loadingPageDelta?: number;
-    onDrawerOpen?: () => void;
-    onDrawerClose?: () => void;
-    inDrawer?: boolean;
-    status: string;
-    maxDrawerWidth: string;
-};
-export declare const NotificationContainer: FC<NotificationProps>;