@cccsaurora/howler-ui 2.12.0-dev.33 → 2.12.0-dev.34

package/commons/components/leftnav/LeftNavItem.js

@@ -1,6 +1,6 @@
 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 'commons/components/app/hooks';
+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';

package/commons/components/notification/Notification.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { parseFeed } from 'commons/components/notification';
-import { NotificationContainer } from 'commons/components/notification/elements/NotificationContainer';
-import { NotificationTopNavButton } from 'commons/components/notification/elements/NotificationTopNavButton';
-import { NotificationItem } from 'commons/components/notification/elements/item/NotificationItem';
+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);

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

@@ -1,3 +1,3 @@
-import { type NotificationProps } from 'commons/components/notification/elements/NotificationContainer';
+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 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CloseOutlined } from '@mui/icons-material';
 import { IconButton } from '@mui/material';
-import {} from 'commons/components/notification/elements/NotificationContainer';
+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,5 +1,5 @@
-import { type ItemComponentProps } from 'commons/components/app/AppNotificationService';
-import { type FeedItem } from 'commons/components/notification';
+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[];

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

@@ -1,11 +1,11 @@
 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 'commons/components/app/AppNotificationService';
-import {} from 'commons/components/notification';
-import { NotificationCloseButton } from 'commons/components/notification/elements/NotificationCloseButton';
-import { NotificationHeader } from 'commons/components/notification/elements/NotificationHeader';
-import { NotificationItems } from 'commons/components/notification/elements/NotificationItems';
+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 => {

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { NotificationSkeleton } from 'commons/components/notification/elements/NotificationSkeleton';
+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

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

@@ -1,5 +1,5 @@
-import { type ItemComponentProps } from 'commons/components/app/AppNotificationService';
-import { type FeedItem } from 'commons/components/notification';
+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[];

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider, Stack, useTheme } from '@mui/material';
-import {} from 'commons/components/app/AppNotificationService';
-import {} from 'commons/components/notification';
+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';

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

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { FeedItem } from 'commons/components/notification/FeedModels';
+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,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme } from '@mui/material';
 import { memo } from 'react';
-import { NotificationItemAuthor } from 'commons/components/notification/elements/item/NotificationItemAuthor';
-import { NotificationItemContent } from 'commons/components/notification/elements/item/NotificationItemContent';
-import { NotificationItemDate } from 'commons/components/notification/elements/item/NotificationItemDate';
-import { NotificationItemImage } from 'commons/components/notification/elements/item/NotificationItemImage';
-import { NotificationItemTag } from 'commons/components/notification/elements/item/NotificationItemTag';
-import { NotificationItemTitle } from 'commons/components/notification/elements/item/NotificationItemTitle';
+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: {

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

@@ -1,4 +1,4 @@
-import type { FeedAuthor } from 'commons/components/notification/FeedModels';
+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/NotificationItemContent.d.ts

@@ -1,3 +1,3 @@
-import { type FeedItem } from 'commons/components/notification';
+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,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Link, Typography } from '@mui/material';
-import {} from 'commons/components/notification';
+import {} from '@cccsaurora/howler-ui/commons/components/notification';
 import DOMPurify from 'dompurify';
 import { memo } from 'react';
 import Markdown from 'react-markdown';

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

@@ -1,3 +1,3 @@
-import { type FeedItem } from 'commons/components/notification';
+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,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from '@mui/material';
-import {} from 'commons/components/notification';
+import {} from '@cccsaurora/howler-ui/commons/components/notification';
 import moment from 'moment';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';

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

@@ -1,3 +1,3 @@
-import { type FeedItem } from 'commons/components/notification';
+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,7 +1,7 @@
 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 'commons/components/notification';
+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();

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

@@ -1,2 +1,2 @@
-export * from 'commons/components/notification/FeedModels';
-export * from 'commons/components/notification/Notification';
+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 +1,2 @@
-export * from 'commons/components/notification/FeedModels';
-export * from 'commons/components/notification/Notification';
+export * from '@cccsaurora/howler-ui/commons/components/notification/FeedModels';
+export * from '@cccsaurora/howler-ui/commons/components/notification/Notification';

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

@@ -1,4 +1,4 @@
-import { type PageProps } from 'commons/components/pages//hooks/usePageProps';
+import { type PageProps } from '@cccsaurora/howler-ui/commons/components/pages//hooks/usePageProps';
 type PageCenterProps = PageProps & {
     children: React.ReactNode;
     maxWidth?: string;

package/commons/components/pages/PageCenter.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
-import PageContent from 'commons/components/pages//PageContent';
-import {} from 'commons/components/pages//hooks/usePageProps';
+import PageContent from '@cccsaurora/howler-ui/commons/components/pages//PageContent';
+import {} from '@cccsaurora/howler-ui/commons/components/pages//hooks/usePageProps';
 import { memo } from 'react';
 const PageCenter = ({ children, height, width = '95%', maxWidth = '1200px', textAlign = 'center', ...props }) => {
     return (_jsx(Box, { component: "div", height: height, width: width, maxWidth: maxWidth, sx: theme => ({

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

@@ -1,4 +1,4 @@
-import { type PageProps } from 'commons/components/pages/hooks/usePageProps';
+import { type PageProps } from '@cccsaurora/howler-ui/commons/components/pages/hooks/usePageProps';
 import { type ReactNode } from 'react';
 type PageContentProps = PageProps & {
     children?: ReactNode;

package/commons/components/pages/PageContent.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import usePageProps, {} from 'commons/components/pages/hooks/usePageProps';
+import usePageProps, {} from '@cccsaurora/howler-ui/commons/components/pages/hooks/usePageProps';
 import { memo } from 'react';
 const PageContent = ({ children, ...props }) => {
     const pageProps = usePageProps({ props });

package/commons/components/pages/PageFullScreen.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fullscreen, FullscreenExit } from '@mui/icons-material';
 import { Box, IconButton } from '@mui/material';
-import { useAppBar, useAppBarHeight, useAppLayout } from 'commons/components/app/hooks';
-import PageContent from 'commons/components/pages/PageContent';
-import useFullscreenStatus from 'commons/components/utils/hooks/useFullscreenStatus';
+import { useAppBar, useAppBarHeight, useAppLayout } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import PageContent from '@cccsaurora/howler-ui/commons/components/pages/PageContent';
+import useFullscreenStatus from '@cccsaurora/howler-ui/commons/components/utils/hooks/useFullscreenStatus';
 import { memo, useCallback, useRef } from 'react';
 const PageFullscreen = ({ children, margin = null, mb = 2, ml = 2, mr = 2, mt = 2 }) => {
     const maximizableElement = useRef(null);

package/commons/components/pages/PageFullWidth.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PageContent from 'commons/components/pages//PageContent';
+import PageContent from '@cccsaurora/howler-ui/commons/components/pages//PageContent';
 import { memo } from 'react';
 const PageFullWidth = ({ children, height, margin = null, mb = 2, ml = 2, mr = 2, mt = 2 }) => {
     return (_jsx(PageContent, { width: "100%", height: height, margin: margin, mb: mb, ml: ml, mr: mr, mt: mt, children: children }));

package/commons/components/pages/PageHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AppBar, Button, IconButton, Toolbar, Tooltip, useTheme } from '@mui/material';
-import { useAppBar, useAppBarHeight, useAppLayout } from 'commons/components/app/hooks';
+import { useAppBar, useAppBarHeight, useAppLayout } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { memo } from 'react';
 const PageHeader = ({ children, left, right, actions, backgroundColor, className, isSticky = false, top = null, elevation = 0 }) => {
     const theme = useTheme();

package/commons/components/search/AppSearch.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Search } from '@mui/icons-material';
 import { Box, ClickAwayListener, Dialog, DialogContent, DialogTitle, emphasize, IconButton, Popper, Slide, Stack, styled, Tooltip, useMediaQuery, useTheme } from '@mui/material';
-import { useAppSearchService } from 'commons/components/app/hooks/useAppSearchService';
-import AppSearchInput from 'commons/components/search/AppSearchInput';
-import AppSearchResult from 'commons/components/search/AppSearchResult';
-import { parseEvent } from 'commons/components/utils/keyboard';
+import { useAppSearchService } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSearchService';
+import AppSearchInput from '@cccsaurora/howler-ui/commons/components/search/AppSearchInput';
+import AppSearchResult from '@cccsaurora/howler-ui/commons/components/search/AppSearchResult';
+import { parseEvent } from '@cccsaurora/howler-ui/commons/components/utils/keyboard';
 import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 const MENU_LIST_SX = { maxHeight: 500, overflow: 'auto' };

package/commons/components/search/AppSearchResult.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, MenuItem, MenuList, Typography } from '@mui/material';
-import { useAppSearchService } from 'commons/components/app/hooks/useAppSearchService';
+import { useAppSearchService } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSearchService';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import AppListEmpty from 'commons/components/display/AppListEmpty';
-import { parseEvent } from 'commons/components/utils/keyboard';
+import AppListEmpty from '@cccsaurora/howler-ui/commons/components/display/AppListEmpty';
+import { parseEvent } from '@cccsaurora/howler-ui/commons/components/utils/keyboard';
 const AppSearchResult = ({ className, ...menuProps }) => {
     const { t } = useTranslation();
     const { state, service } = useAppSearchService();

package/commons/components/topnav/AppBar.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, AppBar as MuiAppBar, Toolbar, useMediaQuery, useTheme } from '@mui/material';
-import { useAppBar, useAppBreadcrumbs, useAppConfigs, useAppLayout, useAppQuickSearch } from 'commons/components/app/hooks';
-import { APPBAR_READY_EVENT } from 'commons/components/app/hooks/useAppBarHeight';
-import Breadcrumbs from 'commons/components/breadcrumbs/Breadcrumbs';
-import AppSearch from 'commons/components/search/AppSearch';
-import AppName from 'commons/components/topnav/AppName';
-import AppSwitcher from 'commons/components/topnav/AppSwitcher';
-import { Notifications } from 'commons/components/topnav/Notifications';
-import ThemeSelectionIcon from 'commons/components/topnav/ThemeSelectionIcon';
-import UserProfile from 'commons/components/topnav/UserProfile';
+import { useAppBar, useAppBreadcrumbs, useAppConfigs, useAppLayout, useAppQuickSearch } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import { APPBAR_READY_EVENT } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBarHeight';
+import Breadcrumbs from '@cccsaurora/howler-ui/commons/components/breadcrumbs/Breadcrumbs';
+import AppSearch from '@cccsaurora/howler-ui/commons/components/search/AppSearch';
+import AppName from '@cccsaurora/howler-ui/commons/components/topnav/AppName';
+import AppSwitcher from '@cccsaurora/howler-ui/commons/components/topnav/AppSwitcher';
+import { Notifications } from '@cccsaurora/howler-ui/commons/components/topnav/Notifications';
+import ThemeSelectionIcon from '@cccsaurora/howler-ui/commons/components/topnav/ThemeSelectionIcon';
+import UserProfile from '@cccsaurora/howler-ui/commons/components/topnav/UserProfile';
 import { memo, useCallback, useLayoutEffect, useMemo } from 'react';
 export const AppBarBase = ({ children }) => {
     const layout = useAppLayout();

package/commons/components/topnav/AppName.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Menu } from '@mui/icons-material';
 import { IconButton, styled, useMediaQuery, useTheme } from '@mui/material';
-import { useAppConfigs, useAppLeftNav, useAppLogo } from 'commons/components/app/hooks';
+import { useAppConfigs, useAppLeftNav, useAppLogo } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { memo } from 'react';
 import { Link } from 'react-router-dom';
 const StyledTitle = styled('div')({

package/commons/components/topnav/AppSwitcher.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Apps } from '@mui/icons-material';
 import { Avatar, Button, ClickAwayListener, Fade, IconButton, Link, Paper, Popper, Typography, useMediaQuery, useTheme } from '@mui/material';
-import { useAppSwitcher } from 'commons/components/app/hooks/useAppSwitcher';
+import { useAppSwitcher } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSwitcher';
 import { memo, useCallback, useRef, useState } from 'react';
 const AppSwitcher = () => {
     const theme = useTheme();

package/commons/components/topnav/Notifications.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useAppNotification } from 'commons/components/app/hooks/useAppNotification';
-import { Notification } from 'commons/components/notification';
+import { useAppNotification } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppNotification';
+import { Notification } from '@cccsaurora/howler-ui/commons/components/notification';
 import {} from 'react';
 export const Notifications = () => {
     const { service, state } = useAppNotification();

package/commons/components/topnav/ThemeSelection.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Divider, List, ListItemButton, ListItemSecondaryAction, ListItemText, ListSubheader, Switch, Typography, useMediaQuery, useTheme } from '@mui/material';
-import useLocalStorage from 'commons/components//utils/hooks/useLocalStorage';
-import { APP_STORAGE_PREFIX } from 'commons/components/app/AppConstants';
-import { useAppBar, useAppBreadcrumbs, useAppConfigs, useAppLanguage, useAppLayout, useAppQuickSearch, useAppTheme } from 'commons/components/app/hooks';
+import useLocalStorage from '@cccsaurora/howler-ui/commons/components//utils/hooks/useLocalStorage';
+import { APP_STORAGE_PREFIX } from '@cccsaurora/howler-ui/commons/components/app/AppConstants';
+import { useAppBar, useAppBreadcrumbs, useAppConfigs, useAppLanguage, useAppLayout, useAppQuickSearch, useAppTheme } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 const ThemeSelection = () => {

package/commons/components/topnav/ThemeSelectionIcon.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Tune } from '@mui/icons-material';
 import { ClickAwayListener, Fade, IconButton, Paper, Popper, useTheme } from '@mui/material';
-import { useAppConfigs } from 'commons/components/app/hooks/useAppConfigs';
-import ThemeSelection from 'commons/components/topnav/ThemeSelection';
+import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppConfigs';
+import ThemeSelection from '@cccsaurora/howler-ui/commons/components/topnav/ThemeSelection';
 import { useRef, useState } from 'react';
 const ThemeSelectionIcon = () => {
     const anchorEl = useRef();

package/commons/components/topnav/UserProfile.d.ts

@@ -1,5 +1,5 @@
 import type { StyledComponent } from '@emotion/styled';
-import { type AppAvatarProps } from 'commons/components/display/AppAvatar';
+import { type AppAvatarProps } from '@cccsaurora/howler-ui/commons/components/display/AppAvatar';
 export declare const AppUserAvatar: StyledComponent<AppAvatarProps>;
 declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/commons/components/topnav/UserProfile.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, ClickAwayListener, Divider, Fade, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Paper, Popper, styled, Typography, useTheme } from '@mui/material';
-import { useAppConfigs, useAppUser } from 'commons/components/app/hooks';
-import AppAvatar, {} from 'commons/components/display/AppAvatar';
-import ThemeSelection from 'commons/components/topnav/ThemeSelection';
+import { useAppConfigs, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import AppAvatar, {} from '@cccsaurora/howler-ui/commons/components/display/AppAvatar';
+import ThemeSelection from '@cccsaurora/howler-ui/commons/components/topnav/ThemeSelection';
 import { memo, useCallback, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';

package/commons/components/utils/hooks/useLocalStorageItem.js

@@ -1,4 +1,4 @@
-import useLocalStorage from 'commons/components/utils/hooks/useLocalStorage';
+import useLocalStorage from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorage';
 import { useEffect, useMemo, useState } from 'react';
 /**
  * This hooks backs the typical 'useState' hook with local storage.

package/commons/components/utils/hooks/useThemeBuilder.d.ts

@@ -1,5 +1,5 @@
 import { type Components, type PaletteOptions, type Theme } from '@mui/material';
-import type { AppThemeConfigs } from 'commons/components/app/AppConfigs';
+import type { AppThemeConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
 export declare const createTuiTheme: (components: Components<Omit<Theme, "components">>, palette: PaletteOptions) => Theme;
 export default function useThemeBuilder(theme?: AppThemeConfigs): {
     darkTheme: Theme;

package/commons/components/utils/hooks/useThemeBuilder.js

@@ -1,5 +1,5 @@
 import { createTheme } from '@mui/material';
-import { AppDefaultsThemeConfigs } from 'commons/components/app/AppDefaults';
+import { AppDefaultsThemeConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppDefaults';
 import { useMemo } from 'react';
 export const createTuiTheme = (components, palette) => createTheme({
     components: {

package/components/app/App.js

@@ -1,62 +1,62 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { loader } from '@monaco-editor/react';
-import api from 'api';
-import AppProvider from 'commons/components/app/AppProvider';
-import LayoutSkeleton from 'commons/components/app/AppSkeleton';
-import { useAppLayout, useAppSwitcher, useAppUser } from 'commons/components/app/hooks';
-import Modal from 'components/elements/display/Modal';
-import useMyApi from 'components/hooks/useMyApi';
-import useMyLocalStorage from 'components/hooks/useMyLocalStorage';
-import useMyPreferences from 'components/hooks/useMyPreferences';
-import useMySitemap from 'components/hooks/useMySitemap';
-import useMyTheme from 'components/hooks/useMyTheme';
-import useMyUser from 'components/hooks/useMyUser';
-import LoginScreen from 'components/logins/Login';
-import useLogin from 'components/logins/hooks/useLogin';
-import NotFoundPage from 'components/routes/404';
-import ErrorBoundary from 'components/routes/ErrorBoundary';
-import Logout from 'components/routes/Logout';
-import ActionEditor from 'components/routes/action/edit/ActionEditor';
-import ActionDetails from 'components/routes/action/view/ActionDetails';
-import ActionSearchProvider from 'components/routes/action/view/ActionSearch';
-import Integrations from 'components/routes/action/view/Integrations';
-import UserEditor from 'components/routes/admin/users/UserEditor';
-import UserSearchProvider from 'components/routes/admin/users/UserSearch';
-import QueryBuilder from 'components/routes/advanced/QueryBuilder';
-import AnalyticDetails from 'components/routes/analytics/AnalyticDetails';
-import AnalyticSearch from 'components/routes/analytics/AnalyticSearch';
-import DossierEditor from 'components/routes/dossiers/DossierEditor';
-import Dossiers from 'components/routes/dossiers/Dossiers';
-import ActionDocumentation from 'components/routes/help/ActionDocumentation';
-import ApiDocumentation from 'components/routes/help/ApiDocumentation';
-import AuthDocumentation from 'components/routes/help/AuthDocumentation';
-import ClientDocumentation from 'components/routes/help/ClientDocumentation';
-import HelpDashboard from 'components/routes/help/Help';
-import HitDocumentation from 'components/routes/help/HitDocumentation';
-import NotebookDocumentation from 'components/routes/help/NotebookDocumentation';
-import OverviewDocumentation from 'components/routes/help/OverviewDocumentation';
-import RetentionDocumentation from 'components/routes/help/RetentionDocumentation';
-import SearchDocumentation from 'components/routes/help/SearchDocumentation';
-import TemplateDocumentation from 'components/routes/help/TemplateDocumentation';
-import ViewDocumentation from 'components/routes/help/ViewDocumentation';
-import HitBrowser from 'components/routes/hits/search/HitBrowser';
-import HitViewer from 'components/routes/hits/view/HitViewer';
-import Home from 'components/routes/home';
-import OverviewViewer from 'components/routes/overviews/OverviewViewer';
-import Overviews from 'components/routes/overviews/Overviews';
-import Settings from 'components/routes/settings/Settings';
-import TemplateViewer from 'components/routes/templates/TemplateViewer';
-import Templates from 'components/routes/templates/Templates';
-import ViewComposer from 'components/routes/views/ViewComposer';
-import Views from 'components/routes/views/Views';
+import api from '@cccsaurora/howler-ui/api';
+import AppProvider from '@cccsaurora/howler-ui/commons/components/app/AppProvider';
+import LayoutSkeleton from '@cccsaurora/howler-ui/commons/components/app/AppSkeleton';
+import { useAppLayout, useAppSwitcher, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import Modal from '@cccsaurora/howler-ui/components/elements/display/Modal';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import useMyLocalStorage from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import useMyPreferences from '@cccsaurora/howler-ui/components/hooks/useMyPreferences';
+import useMySitemap from '@cccsaurora/howler-ui/components/hooks/useMySitemap';
+import useMyTheme from '@cccsaurora/howler-ui/components/hooks/useMyTheme';
+import useMyUser from '@cccsaurora/howler-ui/components/hooks/useMyUser';
+import LoginScreen from '@cccsaurora/howler-ui/components/logins/Login';
+import useLogin from '@cccsaurora/howler-ui/components/logins/hooks/useLogin';
+import NotFoundPage from '@cccsaurora/howler-ui/components/routes/404';
+import ErrorBoundary from '@cccsaurora/howler-ui/components/routes/ErrorBoundary';
+import Logout from '@cccsaurora/howler-ui/components/routes/Logout';
+import ActionEditor from '@cccsaurora/howler-ui/components/routes/action/edit/ActionEditor';
+import ActionDetails from '@cccsaurora/howler-ui/components/routes/action/view/ActionDetails';
+import ActionSearchProvider from '@cccsaurora/howler-ui/components/routes/action/view/ActionSearch';
+import Integrations from '@cccsaurora/howler-ui/components/routes/action/view/Integrations';
+import UserEditor from '@cccsaurora/howler-ui/components/routes/admin/users/UserEditor';
+import UserSearchProvider from '@cccsaurora/howler-ui/components/routes/admin/users/UserSearch';
+import QueryBuilder from '@cccsaurora/howler-ui/components/routes/advanced/QueryBuilder';
+import AnalyticDetails from '@cccsaurora/howler-ui/components/routes/analytics/AnalyticDetails';
+import AnalyticSearch from '@cccsaurora/howler-ui/components/routes/analytics/AnalyticSearch';
+import DossierEditor from '@cccsaurora/howler-ui/components/routes/dossiers/DossierEditor';
+import Dossiers from '@cccsaurora/howler-ui/components/routes/dossiers/Dossiers';
+import ActionDocumentation from '@cccsaurora/howler-ui/components/routes/help/ActionDocumentation';
+import ApiDocumentation from '@cccsaurora/howler-ui/components/routes/help/ApiDocumentation';
+import AuthDocumentation from '@cccsaurora/howler-ui/components/routes/help/AuthDocumentation';
+import ClientDocumentation from '@cccsaurora/howler-ui/components/routes/help/ClientDocumentation';
+import HelpDashboard from '@cccsaurora/howler-ui/components/routes/help/Help';
+import HitDocumentation from '@cccsaurora/howler-ui/components/routes/help/HitDocumentation';
+import NotebookDocumentation from '@cccsaurora/howler-ui/components/routes/help/NotebookDocumentation';
+import OverviewDocumentation from '@cccsaurora/howler-ui/components/routes/help/OverviewDocumentation';
+import RetentionDocumentation from '@cccsaurora/howler-ui/components/routes/help/RetentionDocumentation';
+import SearchDocumentation from '@cccsaurora/howler-ui/components/routes/help/SearchDocumentation';
+import TemplateDocumentation from '@cccsaurora/howler-ui/components/routes/help/TemplateDocumentation';
+import ViewDocumentation from '@cccsaurora/howler-ui/components/routes/help/ViewDocumentation';
+import HitBrowser from '@cccsaurora/howler-ui/components/routes/hits/search/HitBrowser';
+import HitViewer from '@cccsaurora/howler-ui/components/routes/hits/view/HitViewer';
+import Home from '@cccsaurora/howler-ui/components/routes/home';
+import OverviewViewer from '@cccsaurora/howler-ui/components/routes/overviews/OverviewViewer';
+import Overviews from '@cccsaurora/howler-ui/components/routes/overviews/Overviews';
+import Settings from '@cccsaurora/howler-ui/components/routes/settings/Settings';
+import TemplateViewer from '@cccsaurora/howler-ui/components/routes/templates/TemplateViewer';
+import Templates from '@cccsaurora/howler-ui/components/routes/templates/Templates';
+import ViewComposer from '@cccsaurora/howler-ui/components/routes/views/ViewComposer';
+import Views from '@cccsaurora/howler-ui/components/routes/views/Views';
 import i18n from 'i18n';
 import * as monaco from 'monaco-editor';
-import howlerPluginStore from 'plugins/store';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import { useContext, useEffect } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { PluginProvider, usePluginStore } from 'react-pluggable';
 import { createBrowserRouter, Outlet, RouterProvider, useLocation, useNavigate } from 'react-router-dom';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import useMySearch from '../hooks/useMySearch';
 import AppContainer from './AppContainer';
 import AnalyticProvider from './providers/AnalyticProvider';

package/components/app/AppContainer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import FlexVertical from 'components/elements/addons/layout/FlexVertical';
+import FlexVertical from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexVertical';
 import { Outlet } from 'react-router-dom';
 import useTitle from './hooks/useTitle';
 import AppDrawerProvider from './providers/AppDrawerProvider';

package/components/app/drawers/ApiKeyDrawer.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Alert, AlertTitle, Button, Checkbox, Divider, FormControl, FormControlLabel, FormGroup, FormLabel, Stack, TextField, Typography } from '@mui/material';
 import { LocalizationProvider, StaticDateTimePicker } from '@mui/x-date-pickers';
 import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
-import api from 'api';
-import useMyApi from 'components/hooks/useMyApi';
-import useMySnackbar from 'components/hooks/useMySnackbar';
-import {} from 'models/entities/generated/ApiType';
+import api from '@cccsaurora/howler-ui/api';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
+import {} from '@cccsaurora/howler-ui/models/entities/generated/ApiType';
 import moment from 'moment';
 import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -62,6 +62,6 @@ const ApiKeyDrawer = ({ onCreated }) => {
     useEffect(() => {
         setExpiryDate(maxDate);
     }, [maxDate]);
-    return (_jsx(LocalizationProvider, { dateAdapter: AdapterMoment, children: _jsxs(Stack, { direction: "column", spacing: 2, sx: { mt: 2 }, children: [_jsx(Typography, { sx: { maxWidth: '500px' }, children: _jsx(Trans, { i18nKey: "app.drawer.user.apikey.description" }) }), amount && unit && moment.duration(amount, unit).asSeconds() < moment.duration(7, 'days').asSeconds() && (_jsxs(Alert, { severity: "warning", variant: "outlined", sx: { maxWidth: '500px' }, children: [_jsx(AlertTitle, { children: t('app.drawer.user.apikey.limit.title') }), t('app.drawer.user.apikey.limit.description'), " (", maxDate?.format('MMM D HH:mm:ss'), ")"] })), _jsx(TextField, { label: t('app.drawer.user.apikey.field.name'), required: true, fullWidth: true, value: keyName, onChange: onChange }), _jsxs(FormControl, { required: true, children: [_jsx(FormLabel, { component: "legend", children: t('app.drawer.user.apikey.permissions') }), _jsxs(FormGroup, { sx: { display: 'grid', gridTemplateColumns: '1fr 1fr' }, children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: updatePrivs('R') }), label: t('apikey.read') }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: updatePrivs('W') }), label: t('apikey.write') }), _jsx(FormControlLabel, { disabled: privs.includes('E'), control: _jsx(Checkbox, { onChange: updatePrivs('I') }), label: t('apikey.impersonate') }), config.configuration.auth.allow_extended_apikeys && (_jsx(FormControlLabel, { disabled: privs.includes('I'), control: _jsx(Checkbox, { onChange: updatePrivs('E') }), label: t('apikey.extended') }))] })] }), _jsxs(FormControl, { required: !!maxDate, children: [_jsx(FormLabel, { children: t('app.drawer.user.apikey.expiry.date') }), _jsx(StaticDateTimePicker, { orientation: "landscape", ampm: false, value: expiryDate, onChange: newValue => setExpiryDate(newValue), disablePast: true, maxDate: maxDate, maxTime: maxDate, sx: { backgroundColor: 'transparent', '& > div:first-of-type': { maxWidth: '300px' } } })] }), _jsx(Button, { onClick: onSubmit, disabled: !keyName || (!privs.includes('R') && !privs.includes('W')) || (maxDate && !expiryDate), variant: "outlined", children: _jsx(Trans, { i18nKey: "button.create" }) }), createdKey && (_jsxs(_Fragment, { children: [_jsx(Divider, { orientation: "horizontal" }), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "stretch", children: [_jsx(TextField, { size: "small", value: createdKey, inputProps: { readOnly: true }, fullWidth: true }), _jsx(Button, { variant: "outlined", onClick: onCopy, disabled: !createdKey, children: _jsx(Trans, { i18nKey: "button.copy" }) })] })] }))] }) }));
+    return (_jsx(LocalizationProvider, { dateAdapter: AdapterMoment, children: _jsxs(Stack, { direction: "column", spacing: 2, sx: { mt: 2 }, children: [_jsx(Typography, { sx: { maxWidth: '500px' }, children: _jsx(Trans, { i18nKey: "app.drawer.user.apikey.description" }) }), amount && unit && moment.duration(amount, unit).asSeconds() < moment.duration(7, 'days').asSeconds() && (_jsxs(Alert, { severity: "warning", variant: "outlined", sx: { maxWidth: '500px' }, children: [_jsx(AlertTitle, { children: t('app.drawer.user.apikey.limit.title') }), t('app.drawer.user.apikey.limit.description'), " (", maxDate?.format('MMM D HH:mm:ss'), ")"] })), _jsx(TextField, { label: t('app.drawer.user.apikey.field.name'), required: true, fullWidth: true, value: keyName, onChange: onChange }), _jsxs(FormControl, { required: true, children: [_jsx(FormLabel, { component: "legend", children: t('app.drawer.user.apikey.permissions') }), _jsxs(FormGroup, { sx: { display: 'grid', gridTemplateColumns: '1fr 1fr' }, children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: updatePrivs('R') }), label: t('@cccsaurora/howler-ui/apikey.read') }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: updatePrivs('W') }), label: t('@cccsaurora/howler-ui/apikey.write') }), _jsx(FormControlLabel, { disabled: privs.includes('E'), control: _jsx(Checkbox, { onChange: updatePrivs('I') }), label: t('@cccsaurora/howler-ui/apikey.impersonate') }), config.configuration.auth.allow_extended_apikeys && (_jsx(FormControlLabel, { disabled: privs.includes('I'), control: _jsx(Checkbox, { onChange: updatePrivs('E') }), label: t('@cccsaurora/howler-ui/apikey.extended') }))] })] }), _jsxs(FormControl, { required: !!maxDate, children: [_jsx(FormLabel, { children: t('app.drawer.user.apikey.expiry.date') }), _jsx(StaticDateTimePicker, { orientation: "landscape", ampm: false, value: expiryDate, onChange: newValue => setExpiryDate(newValue), disablePast: true, maxDate: maxDate, maxTime: maxDate, sx: { backgroundColor: 'transparent', '& > div:first-of-type': { maxWidth: '300px' } } })] }), _jsx(Button, { onClick: onSubmit, disabled: !keyName || (!privs.includes('R') && !privs.includes('W')) || (maxDate && !expiryDate), variant: "outlined", children: _jsx(Trans, { i18nKey: "button.create" }) }), createdKey && (_jsxs(_Fragment, { children: [_jsx(Divider, { orientation: "horizontal" }), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "stretch", children: [_jsx(TextField, { size: "small", value: createdKey, inputProps: { readOnly: true }, fullWidth: true }), _jsx(Button, { variant: "outlined", onClick: onCopy, disabled: !createdKey, children: _jsx(Trans, { i18nKey: "button.copy" }) })] })] }))] }) }));
 };
 export default ApiKeyDrawer;