@cccsaurora/howler-ui 2.14.0-dev.248 → 2.14.0-dev.254

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 { jsx as _jsx, Fragment as _Fragment, 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>;

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

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FeedbackOutlined } from '@mui/icons-material';
-import { Drawer, useMediaQuery, useTheme } from '@mui/material';
-import {} from '@cccsaurora/howler-ui/commons/components/app/AppNotificationService';
-import {} from '@cccsaurora/howler-ui/commons/components/notification';
-import { NotificationCloseButton } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationCloseButton';
-import { NotificationHeader } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationHeader';
-import { NotificationItems } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationItems';
-import { memo, useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-export const NotificationContainer = memo(props => {
-    const { notifications = [], drawer = true, onDrawerOpen = () => null, onDrawerClose = () => null, initialPageSize = 10, loadingPageDelta = 2, ItemComponent = null, inDrawer = true, status = 'loading', maxDrawerWidth = '500px' } = props;
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const upSM = useMediaQuery(theme.breakpoints.up('sm'));
-    const [pageSize, setPageSize] = useState(initialPageSize);
-    const handleLoading = useCallback(() => {
-        setPageSize(v => v + loadingPageDelta);
-    }, [loadingPageDelta]);
-    return inDrawer ? (_jsx(Drawer, { anchor: "right", open: drawer, onClick: () => (drawer ? onDrawerClose() : onDrawerOpen()), PaperProps: { style: { width: upSM ? '80%' : '100%', maxWidth: maxDrawerWidth } }, children: _jsxs("div", { style: {
-                height: '100%',
-                width: '100%',
-                overflowX: 'hidden',
-                pageBreakBefore: 'avoid',
-                pageBreakInside: 'avoid',
-                padding: theme.spacing(2.5),
-                paddingTop: 0
-            }, children: [_jsx(NotificationHeader, { icon: _jsx(FeedbackOutlined, {}), title: t('notification.title'), children: _jsx(NotificationCloseButton, { ...props }) }), _jsx(NotificationItems, { status: status, notifications: notifications, pageSize: pageSize, handleLoading: handleLoading, ItemComponent: ItemComponent })] }) })) : (_jsx(NotificationItems, { notifications: notifications, pageSize: pageSize, handleLoading: handleLoading, ItemComponent: ItemComponent, status: status }));
-});

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

@@ -1,5 +0,0 @@
-import { type FC } from 'react';
-export declare const NotificationEndOfPage: FC<{
-    endOfPage?: boolean;
-    onLoading?: () => void;
-}>;

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

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NotificationSkeleton } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationSkeleton';
-import { memo, useEffect, useRef, useState } from 'react';
-function useOnScreen(ref, rootMargin = '0px') {
-    // State and setter for storing whether element is visible
-    const [isIntersecting, setIntersecting] = useState(false);
-    useEffect(() => {
-        const observerRef = ref.current;
-        const observer = new IntersectionObserver(([entry]) => {
-            // Update our state when observer callback fires
-            setIntersecting(entry.isIntersecting);
-        }, {
-            rootMargin
-        });
-        if (observerRef) {
-            observer.observe(observerRef);
-        }
-        return () => {
-            if (observerRef) {
-                observer.unobserve(observerRef);
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []); // Empty array ensures that effect is only run on mount and unmount
-    return isIntersecting;
-}
-export const NotificationEndOfPage = memo(({ endOfPage = true, onLoading = () => null }) => {
-    const ref = useRef();
-    const onScreen = useOnScreen(ref);
-    useEffect(() => {
-        if (onScreen) {
-            onLoading();
-        }
-    }, [onLoading, onScreen]);
-    return endOfPage ? null : (_jsx("div", { ref: ref, style: { display: 'flex', justifyContent: 'center' }, children: _jsx(NotificationSkeleton, {}) }));
-});

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

@@ -1,2 +0,0 @@
-import { type FC } from 'react';
-export declare const NotificationError: FC;

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ErrorOutline } from '@mui/icons-material';
-import { Grid, Typography, useTheme } from '@mui/material';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-export const NotificationError = memo(() => {
-    const { t } = useTranslation();
-    const theme = useTheme();
-    return (_jsxs(Grid, { container: true, sx: { padding: 1, minHeight: theme.spacing(20) }, alignContent: "center", justifyContent: "center", alignItems: "center", gap: 1, children: [_jsx(ErrorOutline, { color: "error", sx: { fontSize: 40 } }), _jsx(Typography, { color: "error", variant: "h6", children: t('details.notification.error') })] }));
-});

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

@@ -1,8 +0,0 @@
-import React, { type FC } from 'react';
-type NotificationHeaderProps = {
-    title: string;
-    icon: React.ReactElement;
-    children: React.ReactNode;
-};
-export declare const NotificationHeader: FC<NotificationHeaderProps>;
-export {};

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Divider, Icon, Typography, useTheme } from '@mui/material';
-import React, { memo } from 'react';
-export const NotificationHeader = memo(({ title = '', icon = null, children = null }) => {
-    const theme = useTheme();
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
-                    width: '100%',
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    paddingTop: theme.spacing(2)
-                }, children: [_jsx(Icon, { fontSize: "medium", sx: {
-                            color: 'inherit',
-                            backgroundColor: 'inherit',
-                            marginLeft: theme.spacing(1.5),
-                            marginRight: theme.spacing(1.5)
-                        }, children: icon }), _jsx(Typography, { variant: "h6", fontSize: "large", fontWeight: "bolder", flex: 1, children: title }), children] }), _jsx(Divider, { orientation: "horizontal", flexItem: true, style: { width: '100%', marginTop: theme.spacing(0.5) } })] }));
-});

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

@@ -1,12 +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';
-type NotificationListsProps = {
-    notifications: FeedItem[];
-    ItemComponent: FC<ItemComponentProps>;
-    pageSize?: number;
-    handleLoading: () => void;
-    status: string;
-};
-export declare const NotificationItems: FC<NotificationListsProps>;
-export {};

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider, Stack, useTheme } from '@mui/material';
-import {} from '@cccsaurora/howler-ui/commons/components/app/AppNotificationService';
-import {} from '@cccsaurora/howler-ui/commons/components/notification';
-import { memo } from 'react';
-import { NotificationEndOfPage } from './NotificationEndOfPage';
-import { NotificationError } from './NotificationError';
-import { NotificationSkeleton } from './NotificationSkeleton';
-export const NotificationItems = memo(({ notifications = [], handleLoading = () => null, pageSize = 10, ItemComponent = null, status = 'loading' }) => {
-    const theme = useTheme();
-    return status === 'loading' ? (_jsx(_Fragment, { children: Array.from({ length: 3 }).map((_, i) => (_jsx(NotificationSkeleton, {}, `skeleton-${i}`))) })) : status === 'error' ? (_jsx(NotificationError, {})) : (status === 'ready' && (_jsxs(_Fragment, { children: [_jsx(Stack, { direction: "column", spacing: theme.spacing(1.25), margin: theme.spacing(1.25), divider: _jsx(Divider, { orientation: "horizontal", flexItem: true, style: { width: '100%', alignSelf: 'center' } }), children: notifications.slice(0, pageSize).map(n => (_jsx(ItemComponent, { item: n }, n?.title))) }), _jsx(NotificationEndOfPage, { endOfPage: pageSize >= notifications.length, onLoading: () => handleLoading() })] })));
-});

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

@@ -1,2 +0,0 @@
-import { type FC } from 'react';
-export declare const NotificationSkeleton: FC;

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Chip, Skeleton, Typography, useTheme } from '@mui/material';
-import { memo } from 'react';
-export const NotificationSkeleton = memo(() => {
-    const theme = useTheme();
-    return (_jsxs("div", { style: { width: '100%' }, children: [_jsx(Typography, { variant: "caption", children: _jsx(Skeleton, { width: "30%" }) }), _jsx(Typography, { variant: "h6", children: _jsx(Skeleton, { width: "50%" }) }), _jsxs("div", { style: { marginTop: theme.spacing(0.25), marginBottom: theme.spacing(1) }, children: [_jsx(Typography, { variant: "body2", children: _jsx(Skeleton, {}) }), _jsx(Typography, { variant: "body2", children: _jsx(Skeleton, {}) }), _jsx(Typography, { variant: "body2", children: _jsx(Skeleton, {}) })] }), _jsxs("div", { style: {
-                    width: '100%',
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center'
-                }, children: [_jsx(Chip, { size: "small", variant: "outlined", label: _jsx(Skeleton, { width: "30px" }), style: { margin: theme.spacing(0.25) } }), _jsx(Chip, { size: "small", variant: "outlined", label: _jsx(Skeleton, { width: "30px" }), style: { margin: theme.spacing(0.25) } }), _jsx("div", { style: { flex: 1 } }), _jsx(Skeleton, { variant: "circular", width: 25, height: 25, style: { margin: theme.spacing(0.25) } }), _jsx(Typography, { variant: "caption", style: { margin: theme.spacing(0.25) }, children: _jsx(Skeleton, { width: 50 }) }), _jsx(Skeleton, { variant: "circular", width: 25, height: 25, style: { margin: theme.spacing(0.25) } }), _jsx(Typography, { variant: "caption", style: { margin: theme.spacing(0.25) }, children: _jsx(Skeleton, { width: 50 }) })] })] }));
-});

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

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-type TopNavButtonProps = {
-    newItems?: number;
-    drawer?: boolean;
-    onDrawerOpen: () => void;
-    onDrawerClose: () => void;
-};
-export declare const NotificationTopNavButton: FC<TopNavButtonProps>;
-export {};

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NotificationsActiveOutlined, NotificationsNoneOutlined } from '@mui/icons-material';
-import { Badge, IconButton, Tooltip } from '@mui/material';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-export const NotificationTopNavButton = memo(({ newItems = 0, drawer = false, onDrawerOpen = () => null, onDrawerClose = () => null }) => {
-    const { t } = useTranslation();
-    return (_jsx(Tooltip, { title: t('notification.title'), children: _jsx(IconButton, { color: "inherit", onClick: () => (drawer ? onDrawerClose() : onDrawerOpen()), size: "large", children: _jsx(Badge, { badgeContent: newItems, color: "info", max: 99, children: newItems > 0 ? _jsx(NotificationsActiveOutlined, {}) : _jsx(NotificationsNoneOutlined, {}) }) }) }));
-});

package/commons/components/notification/elements/item/NotificationItem.d.ts

@@ -1,5 +0,0 @@
-import { type FC } from 'react';
-import type { FeedItem } from '@cccsaurora/howler-ui/commons/components/notification/FeedModels';
-export declare const NotificationItem: FC<{
-    item?: FeedItem;
-}>;

package/commons/components/notification/elements/item/NotificationItem.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '@mui/material';
-import { memo } from 'react';
-import { NotificationItemAuthor } from '@cccsaurora/howler-ui/commons/components/notification/elements/item/NotificationItemAuthor';
-import { NotificationItemContent } from '@cccsaurora/howler-ui/commons/components/notification/elements/item/NotificationItemContent';
-import { NotificationItemDate } from '@cccsaurora/howler-ui/commons/components/notification/elements/item/NotificationItemDate';
-import { NotificationItemImage } from '@cccsaurora/howler-ui/commons/components/notification/elements/item/NotificationItemImage';
-import { NotificationItemTag } from '@cccsaurora/howler-ui/commons/components/notification/elements/item/NotificationItemTag';
-import { NotificationItemTitle } from '@cccsaurora/howler-ui/commons/components/notification/elements/item/NotificationItemTitle';
-export const NotificationItem = memo(({ item = null }) => {
-    const theme = useTheme();
-    return !item ? null : (_jsxs("div", { style: {
-            width: '100%',
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'flex-start'
-        }, children: [_jsx(NotificationItemDate, { ...item }), _jsx(NotificationItemTitle, { ...item }), _jsx(NotificationItemContent, { ...item }), _jsx(NotificationItemImage, { ...item }), _jsxs("div", { style: {
-                    width: '100%',
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    marginTop: theme.spacing(1)
-                }, children: [item?.tags && item?.tags.map(tag => _jsx(NotificationItemTag, { tag: tag }, `${tag}`)), _jsx("div", { style: { flex: 1 } }), item?.authors &&
-                        item?.authors.map(author => _jsx(NotificationItemAuthor, { author: author }, `${author?.name}`))] })] }));
-});

package/commons/components/notification/elements/item/NotificationItemAuthor.d.ts

@@ -1,5 +0,0 @@
-import type { FeedAuthor } from '@cccsaurora/howler-ui/commons/components/notification/FeedModels';
-import { type FC } from 'react';
-export declare const NotificationItemAuthor: FC<{
-    author: FeedAuthor;
-}>;

package/commons/components/notification/elements/item/NotificationItemAuthor.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link, Typography, useTheme } from '@mui/material';
-import { memo, useMemo } from 'react';
-export const NotificationItemAuthor = memo(({ author = null }) => {
-    const theme = useTheme();
-    //Limit github avatar size to 50px
-    const avatar = useMemo(() => {
-        if (author?.avatar.includes('github')) {
-            let url = new URLSearchParams(author?.avatar);
-            url.append('s', '50');
-            return decodeURIComponent(url.toString());
-        }
-        else {
-            return author?.avatar;
-        }
-    }, [author]);
-    const NotificationAuthorContent = useMemo(() => (_jsxs(_Fragment, { children: [avatar && (_jsx("img", { src: avatar, alt: avatar, style: {
-                    maxHeight: '25px',
-                    borderRadius: '50%',
-                    color: theme.palette.text.secondary,
-                    marginRight: theme.spacing(1)
-                } })), _jsx(Typography, { variant: "caption", color: "textSecondary", sx: author?.url &&
-                    author?.url !== '' && {
-                    color: theme.palette.text.secondary,
-                    transition: 'color 225ms cubic-bezier(0, 0, 0.2, 1) 0ms',
-                    '&:hover': {
-                        color: theme.palette.mode === 'dark' ? theme.palette.secondary.light : theme.palette.secondary.dark
-                    }
-                }, children: author?.name })] })), [author?.name, author?.url, avatar, theme]);
-    return author && author?.url && author?.url !== '' ? (_jsx(Link, { title: author?.url, href: author?.url, target: "_blank", rel: "noopener noreferrer", style: { display: 'contents' }, children: NotificationAuthorContent }, `${author?.name}`)) : (_jsx("div", { style: { display: 'contents' }, children: NotificationAuthorContent }, `${author?.name}`));
-});

package/commons/components/notification/elements/item/NotificationItemContent.d.ts

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

package/commons/components/notification/elements/item/NotificationItemContent.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Link, Typography } from '@mui/material';
-import {} from '@cccsaurora/howler-ui/commons/components/notification';
-import DOMPurify from 'dompurify';
-import { memo } from 'react';
-import Markdown from 'react-markdown';
-export const NotificationItemContent = memo(({ content_html = null, content_text = null, content_md = null }) => content_md ? (_jsx(Box, { sx: { '& *': { margin: 0, marginBottom: 0.5 }, overflow: 'hidden' }, children: _jsx(Markdown, { components: { a: props => _jsx(Link, { href: props.href, children: props.children }) }, children: content_md }) })) : content_html ? (_jsx(Typography, { sx: { '& *': { margin: 0, marginBottom: 0.5 }, overflow: 'hidden' }, dangerouslySetInnerHTML: {
-        __html: DOMPurify.sanitize(content_html, { USE_PROFILES: { html: true } })
-    } })) : content_text ? (_jsx(Typography, { sx: { '& *': { margin: 0, marginBottom: 0.5 }, overflow: 'hidden' }, variant: "body2", color: "textPrimary", children: content_text })) : null);

package/commons/components/notification/elements/item/NotificationItemDate.d.ts

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

package/commons/components/notification/elements/item/NotificationItemDate.js

@@ -1,10 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
-import {} from '@cccsaurora/howler-ui/commons/components/notification';
-import dayjs from 'dayjs';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-export const NotificationItemDate = memo(({ date_published = null }) => {
-    const { i18n } = useTranslation(['notification']);
-    return !date_published ? null : (_jsx(Typography, { lineHeight: "revert", display: "block", variant: "caption", color: "textSecondary", children: _jsx(_Fragment, { children: dayjs(date_published).locale(i18n.language).fromNow() }) }));
-});

package/commons/components/notification/elements/item/NotificationItemImage.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-export declare const NotificationItemImage: FC<{
-    image?: string;
-}>;

package/commons/components/notification/elements/item/NotificationItemImage.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-export const NotificationItemImage = memo(({ image = null }) => image && (_jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'center' }, children: _jsx("img", { src: image, alt: image, style: {
-            maxWidth: '256px',
-            maxHeight: '256px',
-            borderRadius: '5px',
-            marginTop: '8px'
-        } }) })));

package/commons/components/notification/elements/item/NotificationItemTag.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-export declare const NotificationItemTag: FC<{
-    tag: string;
-}>;

package/commons/components/notification/elements/item/NotificationItemTag.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Chip } from '@mui/material';
-import { memo } from 'react';
-const TAG_COLOR = {
-    new: 'info',
-    current: 'success',
-    dev: 'warning',
-    service: 'secondary',
-    blog: 'default'
-};
-export const NotificationItemTag = memo(({ tag = null }) => tag &&
-    tag in TAG_COLOR && (_jsx(Chip, { label: tag.toLowerCase(), variant: "outlined", size: "small", color: TAG_COLOR[tag] ?? 'default' })));

package/commons/components/notification/elements/item/NotificationItemTitle.d.ts

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

package/commons/components/notification/elements/item/NotificationItemTitle.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Circle } from '@mui/icons-material';
-import { Link, Stack, Typography, useTheme } from '@mui/material';
-import {} from '@cccsaurora/howler-ui/commons/components/notification';
-import { memo } from 'react';
-export const NotificationItemTitle = memo(({ title = null, url = null, _isNew = false }) => {
-    const theme = useTheme();
-    return !title ? null : !url ? (_jsx(Typography, { variant: "h6", sx: { color: theme.palette.primary.main }, children: _jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, children: [title, _isNew && _jsx(Circle, { sx: { width: '15px' } })] }) })) : (_jsx(Typography, { component: Link, href: url, target: "_blank", rel: "noopener noreferrer", underline: "none", sx: {
-            color: theme.palette.primary.main,
-            transition: 'color 225ms cubic-bezier(0, 0, 0.2, 1) 0ms',
-            '&:hover': {
-                color: theme.palette.text.secondary
-            }
-        }, variant: "h6", children: _jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, children: [title, _isNew && _jsx(Circle, { sx: { width: '15px' } })] }) }));
-});

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

@@ -1,2 +0,0 @@
-export * from '@cccsaurora/howler-ui/commons/components/notification/FeedModels';
-export * from '@cccsaurora/howler-ui/commons/components/notification/Notification';

package/commons/components/notification/index.js

@@ -1,2 +0,0 @@
-export * from '@cccsaurora/howler-ui/commons/components/notification/FeedModels';
-export * from '@cccsaurora/howler-ui/commons/components/notification/Notification';

package/commons/components/pages/PageCardCentered.d.ts

@@ -1,5 +0,0 @@
-declare function PageCardCentered({ children }: {
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof PageCardCentered>;
-export default _default;