@cccsaurora/howler-ui 2.14.0-dev.264 → 2.14.0-dev.266

package/commons/components/breadcrumbs/BreadcrumbList.tsx

@@ -1,8 +1,8 @@
 import { MoreHoriz } from '@mui/icons-material';
 import { Breadcrumbs as MuiBreadcrumbs, Tooltip } from '@mui/material';
-import { type BreadcrumbItem } from 'commons/components/app/hooks';
-import BreadcrumbLastItem from 'commons/components/breadcrumbs/BreadcrumbLastItem';
-import BreadcrumbLinkItem from 'commons/components/breadcrumbs/BreadcrumbLinkItem';
+import { type BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import BreadcrumbLastItem from '@cccsaurora/howler-ui/commons/components/breadcrumbs/BreadcrumbLastItem';
+import BreadcrumbLinkItem from '@cccsaurora/howler-ui/commons/components/breadcrumbs/BreadcrumbLinkItem';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/commons/components/breadcrumbs/Breadcrumbs.tsx

@@ -1,6 +1,6 @@
 import { useMediaQuery, useTheme } from '@mui/material';
-import { useAppBreadcrumbs, useAppConfigs, useAppSitemap, type BreadcrumbItem } from 'commons/components/app/hooks';
-import BreadcrumbList from 'commons/components/breadcrumbs/BreadcrumbList';
+import { useAppBreadcrumbs, useAppConfigs, useAppSitemap, type BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import BreadcrumbList from '@cccsaurora/howler-ui/commons/components/breadcrumbs/BreadcrumbList';
 import { memo, useMemo } from 'react';
 
 const Breadcrumbs = ({ disableStyle = false }) => {

package/commons/components/display/AppAvatar.tsx

@@ -1,5 +1,5 @@
 import { Avatar, type AvatarProps } from '@mui/material';
-import { useAppConfigs } from 'commons/components/app/hooks/useAppConfigs';
+import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppConfigs';
 import md5 from 'md5';
 import { useMemo } from 'react';
 

package/commons/components/display/AppListEmpty.tsx

@@ -1,4 +1,4 @@
-import AppInfoPanel, { type AppInfoPanelProps } from 'commons/components/display/AppInfoPanel';
+import AppInfoPanel, { type AppInfoPanelProps } from '@cccsaurora/howler-ui/commons/components/display/AppInfoPanel';
 
 export default function AppListEmpty(props: Omit<AppInfoPanelProps, 'i18nKey'>) {
   return <AppInfoPanel {...props} i18nKey="app.list.empty" />;

package/commons/components/display/AppToc.tsx

@@ -1,7 +1,7 @@
 import { styled, useTheme } from '@mui/material';
-import { useAppBar } from 'commons/components/app/hooks/useAppBar';
-import { useAppLayout } from 'commons/components/app/hooks/useAppLayout';
-import { useAppUser } from 'commons/components/app/hooks/useAppUser';
+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, type ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation } from 'react-router-dom';

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

@@ -1,5 +1,5 @@
 import { colors } from '@mui/material';
-import { useAppTheme } from 'commons/components/app/hooks';
+import { useAppTheme } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { useMemo } from 'react';
 
 type MuiColorType = keyof typeof colors;

package/commons/components/leftnav/LeftNavDrawer.tsx

@@ -15,10 +15,10 @@ import {
   useMediaQuery,
   useTheme
 } from '@mui/material';
-import type { AppLeftNavGroup, AppLeftNavItem } from 'commons/components/app/AppConfigs';
-import { useAppConfigs, useAppLayout, useAppLeftNav } from 'commons/components/app/hooks';
-import LeftNavGroup from 'commons/components/leftnav/LeftNavGroup';
-import LeftNavItem from 'commons/components/leftnav/LeftNavItem';
+import type { AppLeftNavGroup, AppLeftNavItem } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
+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';

package/commons/components/leftnav/LeftNavGroup.tsx

@@ -1,8 +1,8 @@
 import { ChevronRight, ExpandLess, ExpandMore } from '@mui/icons-material';
 import { Collapse, List, ListItemButton, ListItemIcon, ListItemText, Popover, Tooltip, useTheme } from '@mui/material';
-import type { AppLeftNavGroup } from 'commons/components/app/AppConfigs';
-import { useAppConfigs, useAppLeftNav, useAppUser } from 'commons/components/app/hooks';
-import LeftNavItem from 'commons/components/leftnav/LeftNavItem';
+import type { AppLeftNavGroup } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
+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';
 

package/commons/components/leftnav/LeftNavItem.tsx

@@ -1,6 +1,6 @@
 import { Box, ListItem, ListItemButton, ListItemIcon, ListItemText, Tooltip, useTheme } from '@mui/material';
-import type { AppLeftNavItem } from 'commons/components/app/AppConfigs';
-import { useAppLeftNav, useAppUser } from 'commons/components/app/hooks';
+import type { AppLeftNavItem } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
+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.tsx

@@ -1,7 +1,7 @@
-import { parseFeed, type Feed, type FeedItem } 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, type Feed, type FeedItem } 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, type FC } from 'react';
 
 type Props = {

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

@@ -1,6 +1,6 @@
 import { CloseOutlined } from '@mui/icons-material';
 import { IconButton } from '@mui/material';
-import { type NotificationProps } from 'commons/components/notification/elements/NotificationContainer';
+import { type NotificationProps } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationContainer';
 import { memo, type FC } from 'react';
 
 export const NotificationCloseButton: FC<NotificationProps> = memo(

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

@@ -1,10 +1,10 @@
 import { FeedbackOutlined } from '@mui/icons-material';
 import { Drawer, useMediaQuery, useTheme } from '@mui/material';
-import { type ItemComponentProps } from 'commons/components/app/AppNotificationService';
-import { type FeedItem } 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 { type ItemComponentProps } from '@cccsaurora/howler-ui/commons/components/app/AppNotificationService';
+import { type FeedItem } 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, type FC } from 'react';
 import { useTranslation } from 'react-i18next';
 

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

@@ -1,4 +1,4 @@
-import { NotificationSkeleton } from 'commons/components/notification/elements/NotificationSkeleton';
+import { NotificationSkeleton } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationSkeleton';
 import { memo, useEffect, useRef, useState, type FC, type RefObject } from 'react';
 
 function useOnScreen(ref: RefObject<Element>, rootMargin = '0px') {

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

@@ -1,6 +1,6 @@
 import { Divider, Stack, useTheme } from '@mui/material';
-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 { memo, type FC } from 'react';
 import { NotificationEndOfPage } from './NotificationEndOfPage';
 import { NotificationError } from './NotificationError';

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

@@ -1,13 +1,13 @@
 import { useTheme } from '@mui/material';
 import { memo, type FC } 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 type { FeedItem } from 'commons/components/notification/FeedModels';
+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';
+import type { FeedItem } from '@cccsaurora/howler-ui/commons/components/notification/FeedModels';
 
 export const NotificationItem: FC<{ item?: FeedItem }> = memo(({ item = null }) => {
   const theme = useTheme();

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

@@ -1,5 +1,5 @@
 import { Link, Typography, useTheme } from '@mui/material';
-import type { FeedAuthor } from 'commons/components/notification/FeedModels';
+import type { FeedAuthor } from '@cccsaurora/howler-ui/commons/components/notification/FeedModels';
 
 import { memo, useMemo, type FC } from 'react';
 

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

@@ -1,5 +1,5 @@
 import { Box, Link, Typography } from '@mui/material';
-import { type FeedItem } from 'commons/components/notification';
+import { type FeedItem } from '@cccsaurora/howler-ui/commons/components/notification';
 import DOMPurify from 'dompurify';
 import { memo, type FC } from 'react';
 import Markdown from 'react-markdown';

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

@@ -1,5 +1,5 @@
 import { Typography } from '@mui/material';
-import { type FeedItem } from 'commons/components/notification';
+import { type FeedItem } from '@cccsaurora/howler-ui/commons/components/notification';
 import dayjs from 'dayjs';
 import { memo, type FC } from 'react';
 import { useTranslation } from 'react-i18next';

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

@@ -1,6 +1,6 @@
 import { Circle } from '@mui/icons-material';
 import { Link, Stack, Typography, useTheme } from '@mui/material';
-import { type FeedItem } from 'commons/components/notification';
+import { type FeedItem } from '@cccsaurora/howler-ui/commons/components/notification';
 import { memo, type FC } from 'react';
 
 export const NotificationItemTitle: FC<FeedItem> = memo(({ title = null, url = null, _isNew = false }) => {

package/commons/components/pages/PageCenter.tsx

@@ -1,6 +1,6 @@
 import { Box } from '@mui/material';
-import PageContent from 'commons/components/pages//PageContent';
-import { type PageProps } from 'commons/components/pages//hooks/usePageProps';
+import PageContent from '@cccsaurora/howler-ui/commons/components/pages/PageContent';
+import { type PageProps } from '@cccsaurora/howler-ui/commons/components/pages/hooks/usePageProps';
 import { memo } from 'react';
 
 type PageCenterProps = PageProps & {

package/commons/components/pages/PageContent.tsx

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

package/commons/components/pages/PageFullScreen.tsx

@@ -1,8 +1,8 @@
 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';
 
 type PageFullscreenProps = {

package/commons/components/pages/PageFullWidth.tsx

@@ -1,4 +1,4 @@
-import PageContent from 'commons/components/pages//PageContent';
+import PageContent from '@cccsaurora/howler-ui/commons/components/pages/PageContent';
 import { memo } from 'react';
 
 type PageFullWidthProps = {

package/commons/components/pages/PageHeader.tsx

@@ -8,7 +8,7 @@ import {
   type ButtonProps,
   type IconButtonProps
 } 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';
 
 export type PageHeaderAction = {

package/commons/components/search/AppSearch.tsx

@@ -16,10 +16,10 @@ import {
   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, type ChangeEvent, type KeyboardEvent } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/commons/components/search/AppSearchResult.tsx

@@ -1,11 +1,11 @@
 import { Box, MenuItem, MenuList, Typography, type MenuListProps } from '@mui/material';
-import type { AppSearchItem } from 'commons/components/app/AppSearchService';
-import { useAppSearchService } from 'commons/components/app/hooks/useAppSearchService';
+import type { AppSearchItem } from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
+import { useAppSearchService } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSearchService';
 import { memo, useMemo, type KeyboardEvent } 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';
 
 type AppSearchResultProps = MenuListProps;
 

package/commons/components/topnav/AppBar.tsx

@@ -5,15 +5,15 @@ import {
   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';
+} 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 }) => {

package/commons/components/topnav/AppName.tsx

@@ -1,6 +1,6 @@
 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';
 

package/commons/components/topnav/AppSwitcher.tsx

@@ -12,7 +12,7 @@ import {
   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 = () => {

package/commons/components/topnav/Notifications.tsx

@@ -1,5 +1,5 @@
-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 { type FC } from 'react';
 
 export const Notifications: FC = () => {

package/commons/components/topnav/ThemeSelection.tsx

@@ -10,8 +10,7 @@ import {
   useMediaQuery,
   useTheme
 } from '@mui/material';
-import useLocalStorage from 'commons/components//utils/hooks/useLocalStorage';
-import { APP_STORAGE_PREFIX } from 'commons/components/app/AppConstants';
+import { APP_STORAGE_PREFIX } from '@cccsaurora/howler-ui/commons/components/app/AppConstants';
 import {
   useAppBar,
   useAppBreadcrumbs,
@@ -20,7 +19,8 @@ import {
   useAppLayout,
   useAppQuickSearch,
   useAppTheme
-} from 'commons/components/app/hooks';
+} from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import useLocalStorage from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorage';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/commons/components/topnav/ThemeSelectionIcon.tsx

@@ -1,7 +1,7 @@
 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 = () => {

package/commons/components/topnav/UserProfile.tsx

@@ -17,10 +17,10 @@ import {
   Typography,
   useTheme
 } from '@mui/material';
-import type { AppBarUserMenuElement } from 'commons/components//app/AppConfigs';
-import { useAppConfigs, useAppUser } from 'commons/components/app/hooks';
-import AppAvatar, { type AppAvatarProps } from 'commons/components/display/AppAvatar';
-import ThemeSelection from 'commons/components/topnav/ThemeSelection';
+import type { AppBarUserMenuElement } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
+import { useAppConfigs, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import AppAvatar, { type AppAvatarProps } from '@cccsaurora/howler-ui/commons/components/display/AppAvatar';
+import ThemeSelection from '@cccsaurora/howler-ui/commons/components/topnav/ThemeSelection';
 import { memo, useCallback, useEffect, useRef, useState, type MouseEventHandler } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation } from 'react-router-dom';

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

@@ -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';
 
 /**

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

@@ -1,6 +1,6 @@
 import { createTheme, type CSSObject, type Components, type PaletteOptions, type Theme } from '@mui/material';
-import type { AppThemeConfigs } from 'commons/components/app/AppConfigs';
-import { AppDefaultsThemeConfigs } from 'commons/components/app/AppDefaults';
+import type { AppThemeConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
+import { AppDefaultsThemeConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppDefaults';
 import { useMemo } from 'react';
 
 export const createTuiTheme = (components: Components<Omit<Theme, 'components'>>, palette: PaletteOptions) =>

package/components/app/App.tsx

@@ -1,66 +1,66 @@
 import { loader } from '@monaco-editor/react';
-import api from 'api';
-import type { AppPreferenceConfigs, AppSiteMapConfigs, AppThemeConfigs } from 'commons/components/app/AppConfigs';
-import AppProvider from 'commons/components/app/AppProvider';
-import type { AppSearchService } from 'commons/components/app/AppSearchService';
-import LayoutSkeleton from 'commons/components/app/AppSkeleton';
-import type { AppUserService } from 'commons/components/app/AppUserService';
-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 i18n from 'i18n';
-import type { HowlerUser } from 'models/entities/HowlerUser';
-import type { Hit } from 'models/entities/generated/Hit';
+import api from '@cccsaurora/howler-ui/api';
+import type { AppPreferenceConfigs, AppSiteMapConfigs, AppThemeConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
+import AppProvider from '@cccsaurora/howler-ui/commons/components/app/AppProvider';
+import type { AppSearchService } from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
+import LayoutSkeleton from '@cccsaurora/howler-ui/commons/components/app/AppSkeleton';
+import type { AppUserService } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
+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 '@cccsaurora/howler-ui/i18n';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import * as monaco from 'monaco-editor';
-import howlerPluginStore from 'plugins/store';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import { useContext, useEffect, type FC, type PropsWithChildren } 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.tsx

@@ -1,4 +1,4 @@
-import FlexVertical from 'components/elements/addons/layout/FlexVertical';
+import FlexVertical from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexVertical';
 import type { FC } from 'react';
 import { Outlet } from 'react-router-dom';
 import useTitle from './hooks/useTitle';

package/components/app/drawers/ApiKeyDrawer.tsx

@@ -14,12 +14,12 @@ import {
 } from '@mui/material';
 import { LocalizationProvider, StaticDateTimePicker } from '@mui/x-date-pickers';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import api from 'api';
-import type { Privileges } from 'api/auth/apikey';
-import useMyApi from 'components/hooks/useMyApi';
-import useMySnackbar from 'components/hooks/useMySnackbar';
+import api from '@cccsaurora/howler-ui/api';
+import type { Privileges } from '@cccsaurora/howler-ui/api/auth/apikey';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
 import dayjs from 'dayjs';
-import type { APIConfiguration } from 'models/entities/generated/ApiType';
+import type { APIConfiguration } from '@cccsaurora/howler-ui/models/entities/generated/ApiType';
 import type { ChangeEvent, FC } from 'react';
 import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';