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

package/components/app/hooks/useTitle.tsx

@@ -1,4 +1,4 @@
-import useMySitemap from 'components/hooks/useMySitemap';
+import useMySitemap from '@cccsaurora/howler-ui/components/hooks/useMySitemap';
 import { capitalize } from 'lodash-es';
 import { useCallback, useContext, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/app/providers/AnalyticProvider.tsx

@@ -1,8 +1,8 @@
-import api from 'api';
-import type { HowlerSearchResponse } from 'api/search';
-import { useAppUser } from 'commons/components/app/hooks';
-import type { HowlerUser } from 'models/entities/HowlerUser';
-import type { Analytic } from 'models/entities/generated/Analytic';
+import api from '@cccsaurora/howler-ui/api';
+import type { HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
 import { createContext, useCallback, useEffect, useState, type FC, type PropsWithChildren } from 'react';
 
 interface AnalyticContextType {

package/components/app/providers/ApiConfigProvider.tsx

@@ -1,4 +1,4 @@
-import type { ApiType } from 'models/entities/generated/ApiType';
+import type { ApiType } from '@cccsaurora/howler-ui/models/entities/generated/ApiType';
 import type { FC, PropsWithChildren } from 'react';
 import { createContext, useMemo, useState } from 'react';
 

package/components/app/providers/AppDrawerProvider.tsx

@@ -1,5 +1,5 @@
 import { Drawer, Typography } from '@mui/material';
-import PageContent from 'commons/components/pages/PageContent';
+import PageContent from '@cccsaurora/howler-ui/commons/components/pages/PageContent';
 import type { FC, PropsWithChildren } from 'react';
 import { createContext, useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/app/providers/AvatarProvider.tsx

@@ -1,5 +1,5 @@
-import api from 'api';
-import useMyApi from 'components/hooks/useMyApi';
+import api from '@cccsaurora/howler-ui/api';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
 import type { FC, PropsWithChildren } from 'react';
 import { createContext, useCallback } from 'react';
 

package/components/app/providers/CustomPluginProvider.tsx

@@ -1,4 +1,4 @@
-import howlerPluginStore from 'plugins/store';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import type { FC, PropsWithChildren } from 'react';
 import { usePluginStore } from 'react-pluggable';
 

package/components/app/providers/FavouritesProvider.tsx

@@ -1,8 +1,8 @@
 import { QueryStats, SavedSearch } from '@mui/icons-material';
-import type { AppLeftNavElement, AppLeftNavGroup } from 'commons/components/app/AppConfigs';
-import { useAppLeftNav, useAppUser } from 'commons/components/app/hooks';
+import type { AppLeftNavElement, AppLeftNavGroup } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
+import { useAppLeftNav, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { sortBy, uniq } from 'lodash-es';
-import type { HowlerUser } from 'models/entities/HowlerUser';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
 import { createContext, useCallback, useContext, useEffect, type FC, type PropsWithChildren } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useContextSelector } from 'use-context-selector';

package/components/app/providers/FieldProvider.tsx

@@ -1,6 +1,6 @@
-import api from 'api';
-import type { SearchField } from 'api/search/fields';
-import useMyApi from 'components/hooks/useMyApi';
+import api from '@cccsaurora/howler-ui/api';
+import type { SearchField } from '@cccsaurora/howler-ui/api/search/fields';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
 import type { FC, PropsWithChildren } from 'react';
 import { createContext, useCallback, useState } from 'react';
 

package/components/app/providers/HitProvider.tsx

@@ -1,9 +1,9 @@
-import api from 'api';
-import useMyApi from 'components/hooks/useMyApi';
+import api from '@cccsaurora/howler-ui/api';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
 import { uniq } from 'lodash-es';
-import type { Hit } from 'models/entities/generated/Hit';
-import type { HitUpdate } from 'models/socket/HitUpdate';
-import type { WithMetadata } from 'models/WithMetadata';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { HitUpdate } from '@cccsaurora/howler-ui/models/socket/HitUpdate';
+import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
 import type { FC, PropsWithChildren } from 'react';
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { createContext, useContextSelector } from 'use-context-selector';

package/components/app/providers/HitSearchProvider.tsx

@@ -1,13 +1,13 @@
-import api from 'api';
-import type { HowlerSearchResponse } from 'api/search';
-import { HitLayout } from 'components/elements/hit/HitLayout';
-import useMyApi from 'components/hooks/useMyApi';
-import useMyLocalStorage, { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
-import i18n from 'i18n';
+import api from '@cccsaurora/howler-ui/api';
+import type { HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import useMyLocalStorage, { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import i18n from '@cccsaurora/howler-ui/i18n';
 import isNull from 'lodash-es/isNull';
 import isUndefined from 'lodash-es/isUndefined';
-import type { Hit } from 'models/entities/generated/Hit';
-import type { WithMetadata } from 'models/WithMetadata';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
 import {
   useCallback,
   useEffect,
@@ -21,10 +21,10 @@ import {
 import { isMobile } from 'react-device-detect';
 import { useLocation, useParams } from 'react-router-dom';
 import { createContext, useContextSelector } from 'use-context-selector';
-import { StorageKey } from 'utils/constants';
-import { getStored } from 'utils/localStorage';
-import Throttler from 'utils/Throttler';
-import { convertCustomDateRangeToLucene, convertDateToLucene } from 'utils/utils';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
+import { getStored } from '@cccsaurora/howler-ui/utils/localStorage';
+import Throttler from '@cccsaurora/howler-ui/utils/Throttler';
+import { convertCustomDateRangeToLucene, convertDateToLucene } from '@cccsaurora/howler-ui/utils/utils';
 import { HitContext } from './HitProvider';
 import { ParameterContext } from './ParameterProvider';
 import { ViewContext } from './ViewProvider';

package/components/app/providers/LocalStorageProvider.tsx

@@ -1,7 +1,7 @@
-import useLocalStorage from 'commons/components/utils/hooks/useLocalStorage';
+import useLocalStorage from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorage';
 import type { FC, PropsWithChildren } from 'react';
 import { createContext, useCallback, useEffect, useState } from 'react';
-import { MY_LOCAL_STORAGE_PREFIX, StorageKey } from 'utils/constants';
+import { MY_LOCAL_STORAGE_PREFIX, StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 
 type ValuesType = { [K in StorageKey]?: any };
 

package/components/app/providers/OverviewProvider.tsx

@@ -1,6 +1,6 @@
-import api from 'api';
-import type { Hit } from 'models/entities/generated/Hit';
-import type { Overview } from 'models/entities/generated/Overview';
+import api from '@cccsaurora/howler-ui/api';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { Overview } from '@cccsaurora/howler-ui/models/entities/generated/Overview';
 import type { FC, PropsWithChildren } from 'react';
 import { createContext, useCallback, useState } from 'react';
 

package/components/app/providers/ParameterProvider.tsx

@@ -3,7 +3,7 @@ import type { FC, PropsWithChildren } from 'react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useLocation, useParams, useSearchParams } from 'react-router-dom';
 import { createContext, useContextSelector } from 'use-context-selector';
-import Throttler from 'utils/Throttler';
+import Throttler from '@cccsaurora/howler-ui/utils/Throttler';
 
 interface ParameterProviderType {
   selected?: string;

package/components/app/providers/SocketProvider.tsx

@@ -1,11 +1,11 @@
 /* eslint-disable no-console */
-import api from 'api';
-import useMyLocalStorage from 'components/hooks/useMyLocalStorage';
+import api from '@cccsaurora/howler-ui/api';
+import useMyLocalStorage from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
 import type { PropsWithChildren } from 'react';
 import { createContext, useCallback, useEffect, useRef, useState } from 'react';
-import { StorageKey } from 'utils/constants';
-import { getStored, setAxiosCache, setStored } from 'utils/sessionStorage';
-import { isHitUpdate } from 'utils/socketUtils';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
+import { getStored, setAxiosCache, setStored } from '@cccsaurora/howler-ui/utils/sessionStorage';
+import { isHitUpdate } from '@cccsaurora/howler-ui/utils/socketUtils';
 
 export type ListenerType<K extends keyof WebSocketEventMap> = (this: WebSocket, ev: WebSocketEventMap[K]) => void;
 

package/components/app/providers/UserListProvider.tsx

@@ -1,6 +1,6 @@
-import api from 'api';
-import useMyApi from 'components/hooks/useMyApi';
-import type { HowlerUser } from 'models/entities/HowlerUser';
+import api from '@cccsaurora/howler-ui/api';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
 import type { FC, PropsWithChildren } from 'react';
 import { createContext, useCallback, useState } from 'react';
 

package/components/app/providers/ViewProvider.tsx

@@ -1,14 +1,14 @@
-import api from 'api';
-import { useAppUser } from 'commons/components/app/hooks';
-import useMyApi from 'components/hooks/useMyApi';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
+import api from '@cccsaurora/howler-ui/api';
+import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
 import { has, omit } from 'lodash-es';
-import type { HowlerUser } from 'models/entities/HowlerUser';
-import type { View } from 'models/entities/generated/View';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import type { View } from '@cccsaurora/howler-ui/models/entities/generated/View';
 import { useCallback, useEffect, useState, type FC, type PropsWithChildren } from 'react';
 import { useLocation, useParams } from 'react-router-dom';
 import { createContext, useContextSelector } from 'use-context-selector';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 
 export interface ViewContextType {
   defaultView: string;

package/components/elements/Comment.tsx

@@ -31,16 +31,16 @@ import {
   Typography,
   type Theme
 } from '@mui/material';
-import { useAppUser } from 'commons/components/app/hooks';
-import FlexOne from 'components/elements/addons/layout/FlexOne';
-import useMyUtils from 'components/hooks/useMyUtils';
-import type { HowlerUser } from 'models/entities/HowlerUser';
-import type { Comment as AnalyticComment } from 'models/entities/generated/Comment';
-import type { HowlerComment } from 'models/entities/generated/HowlerComment';
+import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import FlexOne from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexOne';
+import useMyUtils from '@cccsaurora/howler-ui/components/hooks/useMyUtils';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import type { Comment as AnalyticComment } from '@cccsaurora/howler-ui/models/entities/generated/Comment';
+import type { HowlerComment } from '@cccsaurora/howler-ui/models/entities/generated/HowlerComment';
 import type { FC, KeyboardEventHandler, ReactNode } from 'react';
 import { memo, useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { compareTimestamp, twitterShort } from 'utils/utils';
+import { compareTimestamp, twitterShort } from '@cccsaurora/howler-ui/utils/utils';
 import HowlerAvatar from './display/HowlerAvatar';
 import HowlerCard from './display/HowlerCard';
 import Markdown from './display/Markdown';

package/components/elements/EditRow.tsx

@@ -11,7 +11,7 @@ import {
   TextField,
   Typography
 } from '@mui/material';
-import useMySnackbar from 'components/hooks/useMySnackbar';
+import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
 import { isNull, isUndefined } from 'lodash-es';
 import type { KeyboardEventHandler } from 'react';
 import { useCallback, useEffect, useMemo, useState } from 'react';

package/components/elements/PluginChip.tsx

@@ -1,5 +1,5 @@
 import { Chip, type ChipProps } from '@mui/material';
-import howlerPluginStore from 'plugins/store';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import { type FC, type ReactNode } from 'react';
 import { usePluginStore } from 'react-pluggable';
 

package/components/elements/PluginTypography.tsx

@@ -1,5 +1,5 @@
 import { Typography, type TypographyProps } from '@mui/material';
-import howlerPluginStore from 'plugins/store';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import { type FC, type ReactNode } from 'react';
 import { usePluginStore } from 'react-pluggable';
 

package/components/elements/ThemedEditor.tsx

@@ -1,9 +1,9 @@
 import type { EditorProps, Monaco } from '@monaco-editor/react';
 import { Editor, useMonaco } from '@monaco-editor/react';
 import { useTheme } from '@mui/material';
-import type { AppThemeConfigs } from 'commons/components/app/AppConfigs';
-import useThemeBuilder from 'commons/components/utils/hooks/useThemeBuilder';
-import useMyTheme from 'components/hooks/useMyTheme';
+import type { AppThemeConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
+import useThemeBuilder from '@cccsaurora/howler-ui/commons/components/utils/hooks/useThemeBuilder';
+import useMyTheme from '@cccsaurora/howler-ui/components/hooks/useMyTheme';
 import type { editor } from 'monaco-editor';
 import { memo, useCallback, useEffect, useMemo, type FC } from 'react';
 

package/components/elements/UserList.tsx

@@ -1,6 +1,6 @@
 import type { SxProps, Theme } from '@mui/material';
 import { Autocomplete, Box, IconButton, Popover, TextField, Typography } from '@mui/material';
-import { UserListContext } from 'components/app/providers/UserListProvider';
+import { UserListContext } from '@cccsaurora/howler-ui/components/app/providers/UserListProvider';
 import type { FC } from 'react';
 import { useContext, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/elements/addons/layout/FlexPort.tsx

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

package/components/elements/addons/layout/FlexVertical.tsx

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

package/components/elements/addons/layout/vsbox/VSBox.tsx

@@ -1,5 +1,5 @@
 import { Stack, type StackProps } from '@mui/material';
-import { useAppBar, useAppBarHeight } from 'commons/components/app/hooks';
+import { useAppBar, useAppBarHeight } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { createContext, useLayoutEffect, useMemo, useRef, useState } from 'react';
 
 type VSBoxProps = StackProps & {

package/components/elements/addons/lists/TuiList.tsx

@@ -1,4 +1,4 @@
-import AppListEmpty from 'commons/components/display/AppListEmpty';
+import AppListEmpty from '@cccsaurora/howler-ui/commons/components/display/AppListEmpty';
 import { memo } from 'react';
 import type { TuiListItemOnSelect, TuiListItemRenderer } from '.';
 import TuiListBase from './TuiListBase';

package/components/elements/addons/lists/TuiListBase.tsx

@@ -1,6 +1,6 @@
 import { emphasize, styled } from '@mui/material';
-import { useAppBar, useAppBarHeight, useAppLayout } from 'commons/components/app/hooks';
-import useTuiListKeyboard from 'components/elements/addons/lists/hooks/useTuiListKeyboard';
+import { useAppBar, useAppBarHeight, useAppLayout } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import useTuiListKeyboard from '@cccsaurora/howler-ui/components/elements/addons/lists/hooks/useTuiListKeyboard';
 import { memo, useCallback, useContext, useEffect, useLayoutEffect, useRef, type ReactNode } from 'react';
 import type { TuiListItem, TuiListItemOnSelect } from '.';
 import {

package/components/elements/addons/lists/hooks/useTuiListKeyboard.tsx

@@ -1,6 +1,6 @@
-import { isArrowDown, isArrowUp, isEnter } from 'commons/components/utils/keyboard';
+import { isArrowDown, isArrowUp, isEnter } from '@cccsaurora/howler-ui/commons/components/utils/keyboard';
 import { useCallback, useContext, useMemo } from 'react';
-import Throttler from 'utils/Throttler';
+import Throttler from '@cccsaurora/howler-ui/utils/Throttler';
 import type { TuiListItemOnSelect } from '..';
 import { TuiListItemsContext, type TuiListItemsState } from '../TuiListProvider';
 

package/components/elements/addons/lists/table/TuiTable.tsx

@@ -1,5 +1,5 @@
 import { darken, emphasize, lighten, styled } from '@mui/material';
-import FlexPort from 'components/elements/addons/layout/FlexPort';
+import FlexPort from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexPort';
 import { useEffect, useRef, useState } from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 import type { TuiTableCellRenderer, TuiTableColumn, TuiTableRowDetailRenderer } from '.';

package/components/elements/addons/lists/table/TuiTableBody.tsx

@@ -1,5 +1,5 @@
 import { Collapse } from '@mui/material';
-import AppListEmpty from 'commons/components/display/AppListEmpty';
+import AppListEmpty from '@cccsaurora/howler-ui/commons/components/display/AppListEmpty';
 import { get } from 'lodash-es';
 import { useCallback } from 'react';
 import type { TuiTableCellRenderer, TuiTableColumn, TuiTableRowDetailRenderer } from '.';

package/components/elements/addons/lists/table/TuiTableHead.tsx

@@ -1,4 +1,4 @@
-import { VSBoxContext } from 'components/elements/addons/layout/vsbox/VSBox';
+import { VSBoxContext } from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBox';
 import { useContext } from 'react';
 import type { TuiTableColumn } from '.';
 import TuiTableHeader from './TuiTableHeader';

package/components/elements/addons/search/phrase/Phrase.tsx

@@ -9,7 +9,7 @@ import {
   TextField,
   type TextFieldProps
 } from '@mui/material';
-import { parseEvent } from 'commons/components/utils/keyboard';
+import { parseEvent } from '@cccsaurora/howler-ui/commons/components/utils/keyboard';
 import { type ChangeEvent, type KeyboardEvent, type ReactElement, useEffect, useRef, useState } from 'react';
 import type { PhraseAnalysis, PhraseSuggester } from '.';
 import type PhraseLexer from './PhraseLexer';

package/components/elements/display/ActionButton.tsx

@@ -1,8 +1,8 @@
 import { Button, type ButtonProps } from '@mui/material';
-import api from 'api';
-import useMyApi from 'components/hooks/useMyApi';
-import useMyActionFunctions from 'components/routes/action/useMyActionFunctions';
-import type { Action } from 'models/entities/generated/Action';
+import api from '@cccsaurora/howler-ui/api';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import useMyActionFunctions from '@cccsaurora/howler-ui/components/routes/action/useMyActionFunctions';
+import type { Action } from '@cccsaurora/howler-ui/models/entities/generated/Action';
 import { useEffect, useState, type FC } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/components/elements/display/Classification.tsx

@@ -1,5 +1,5 @@
 import { Chip, useMediaQuery, useTheme } from '@mui/material';
-import { ApiConfigContext } from 'components/app/providers/ApiConfigProvider';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
 import type { FC } from 'react';
 import { useContext, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/elements/display/HandlebarsMarkdown.tsx

@@ -4,8 +4,8 @@ import asyncHelpers from 'handlebars-async-helpers';
 import type { FC, ReactElement } from 'react';
 import { memo, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import Throttler from 'utils/Throttler';
-import { hashCode } from 'utils/utils';
+import Throttler from '@cccsaurora/howler-ui/utils/Throttler';
+import { hashCode } from '@cccsaurora/howler-ui/utils/utils';
 import Markdown, { type MarkdownProps } from '../display/Markdown';
 import { useHelpers } from './handlebars/helpers';
 

package/components/elements/display/HowlerAvatar.tsx

@@ -1,9 +1,9 @@
 import type { AvatarProps, SxProps, Theme } from '@mui/material';
 import { Avatar, Tooltip, useTheme } from '@mui/material';
-import { AvatarContext } from 'components/app/providers/AvatarProvider';
+import { AvatarContext } from '@cccsaurora/howler-ui/components/app/providers/AvatarProvider';
 import { memo, useCallback, useContext, useEffect, useState, type FC, type ReactNode } from 'react';
-import { nameToInitials } from 'utils/stringUtils';
-import { stringToColor } from 'utils/utils';
+import { nameToInitials } from '@cccsaurora/howler-ui/utils/stringUtils';
+import { stringToColor } from '@cccsaurora/howler-ui/utils/utils';
 
 type HowlerAvatarProps = AvatarProps & {
   userId: string;

package/components/elements/display/HowlerAvatarHeader.tsx

@@ -1,5 +1,5 @@
 import { Grid, styled, Typography, useTheme } from '@mui/material';
-import type { HowlerUser } from 'models/entities/HowlerUser';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
 import type { FC } from 'react';
 import HowlerAvatar from './HowlerAvatar';
 

package/components/elements/display/ItemManager.tsx

@@ -1,14 +1,14 @@
 import { Box, Fab, IconButton, LinearProgress, Stack, Tooltip, Typography, useMediaQuery } from '@mui/material';
-import PageCenter from 'commons/components/pages/PageCenter';
+import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
 import { useTranslation } from 'react-i18next';
 
 import { Add, Search } from '@mui/icons-material';
-import type { HowlerSearchResponse } from 'api/search';
-import type { TuiListItemOnSelect, TuiListItemRenderer } from 'components/elements/addons/lists';
-import { TuiList } from 'components/elements/addons/lists';
-import SearchPagination from 'components/elements/addons/search/SearchPagination';
-import SearchTotal from 'components/elements/addons/search/SearchTotal';
-import ErrorBoundary from 'components/routes/ErrorBoundary';
+import type { HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import type { TuiListItemOnSelect, TuiListItemRenderer } from '@cccsaurora/howler-ui/components/elements/addons/lists';
+import { TuiList } from '@cccsaurora/howler-ui/components/elements/addons/lists';
+import SearchPagination from '@cccsaurora/howler-ui/components/elements/addons/search/SearchPagination';
+import SearchTotal from '@cccsaurora/howler-ui/components/elements/addons/search/SearchTotal';
+import ErrorBoundary from '@cccsaurora/howler-ui/components/routes/ErrorBoundary';
 import type { FC, ReactNode } from 'react';
 import Phrase from '../addons/search/phrase/Phrase';
 

package/components/elements/display/Markdown.tsx

@@ -12,7 +12,7 @@ import {
   TableRow,
   useTheme
 } from '@mui/material';
-import { useAppTheme } from 'commons/components/app/hooks';
+import { useAppTheme } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import mermaid from 'mermaid';
 import { memo, useEffect, type FC, type ReactElement } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/elements/display/Modal.tsx

@@ -1,5 +1,5 @@
 import { Box, Modal as MuiModal } from '@mui/material';
-import { ModalContext } from 'components/app/providers/ModalProvider';
+import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
 import type { FC } from 'react';
 import { useCallback, useContext } from 'react';
 

package/components/elements/display/UserPageWrapper.tsx

@@ -1,6 +1,6 @@
 import { Grid, Stack } from '@mui/material';
-import PageCenter from 'commons/components/pages/PageCenter';
-import type { HowlerUser } from 'models/entities/HowlerUser';
+import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
 import type { FC, PropsWithChildren } from 'react';
 import HowlerAvatarHeader from './HowlerAvatarHeader';
 

package/components/elements/display/features/DevelopmentBanner.tsx

@@ -1,8 +1,8 @@
 import { Alert, AlertTitle } from '@mui/material';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
 import type { FC } from 'react';
 import { useTranslation } from 'react-i18next';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 
 const DevelopmentBanner: FC = () => {
   const { t } = useTranslation();

package/components/elements/display/features/DevelopmentIcon.tsx

@@ -1,9 +1,9 @@
 import { WarningAmberOutlined } from '@mui/icons-material';
 import { Tooltip } from '@mui/material';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
 import type { FC } from 'react';
 import { useTranslation } from 'react-i18next';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 
 const DevelopmentIcon: FC = () => {
   const { t } = useTranslation();

package/components/elements/display/handlebars/helpers.tsx

@@ -1,12 +1,12 @@
 /* eslint-disable no-console */
 import { Paper, Table, TableBody, TableCell, TableHead, TableRow } from '@mui/material';
-import AppListEmpty from 'commons/components/display/AppListEmpty';
-import HitCard from 'components/elements/hit/HitCard';
-import { HitLayout } from 'components/elements/hit/HitLayout';
+import AppListEmpty from '@cccsaurora/howler-ui/commons/components/display/AppListEmpty';
+import HitCard from '@cccsaurora/howler-ui/components/elements/hit/HitCard';
+import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
 import { flatten } from 'flat';
 import Handlebars from 'handlebars';
 import { capitalize, get, groupBy, isObject } from 'lodash-es';
-import howlerPluginStore from 'plugins/store';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import { useMemo, type ReactElement } from 'react';
 import { usePluginStore } from 'react-pluggable';
 import ActionButton from '../ActionButton';

package/components/elements/display/icons/BundleButton.tsx

@@ -1,6 +1,6 @@
 import { AccountTree } from '@mui/icons-material';
 import { ListItemText, Menu, MenuItem, Typography } from '@mui/material';
-import TuiIconButton from 'components/elements/addons/buttons/CustomIconButton';
+import TuiIconButton from '@cccsaurora/howler-ui/components/elements/addons/buttons/CustomIconButton';
 import type { FC } from 'react';
 import { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/elements/display/icons/SocketBadge.tsx

@@ -1,8 +1,8 @@
 import { CloudSync } from '@mui/icons-material';
 import { Badge, IconButton, styled, Tooltip } from '@mui/material';
 import { green, red, yellow } from '@mui/material/colors';
-import { SocketContext, Status } from 'components/app/providers/SocketProvider';
-import i18n from 'i18n';
+import { SocketContext, Status } from '@cccsaurora/howler-ui/components/app/providers/SocketProvider';
+import i18n from '@cccsaurora/howler-ui/i18n';
 import type { FC } from 'react';
 import { useContext } from 'react';
 

package/components/elements/display/json/JSONViewer.tsx

@@ -1,15 +1,15 @@
 import ReactJson, { type CollapsedFieldProps } from '@microlink/react-json-view';
 import { Clear } from '@mui/icons-material';
 import { IconButton, Skeleton, Stack } from '@mui/material';
-import { useAppTheme } from 'commons/components/app/hooks';
-import Phrase from 'components/elements/addons/search/phrase/Phrase';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
+import { useAppTheme } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import Phrase from '@cccsaurora/howler-ui/components/elements/addons/search/phrase/Phrase';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
 import { useCallback, useEffect, useMemo, useState, type FC } from 'react';
 import { useTranslation } from 'react-i18next';
-import { StorageKey } from 'utils/constants';
-import { validateRegex } from 'utils/stringUtils';
-import Throttler from 'utils/Throttler';
-import { removeEmpty, searchObject } from 'utils/utils';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
+import { validateRegex } from '@cccsaurora/howler-ui/utils/stringUtils';
+import Throttler from '@cccsaurora/howler-ui/utils/Throttler';
+import { removeEmpty, searchObject } from '@cccsaurora/howler-ui/utils/utils';
 
 const THROTTLER = new Throttler(150);
 

package/components/elements/display/modals/ConfirmDeleteModal.tsx

@@ -1,5 +1,5 @@
 import { Button, Stack, Typography } from '@mui/material';
-import { ModalContext } from 'components/app/providers/ModalProvider';
+import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
 import type { FC } from 'react';
 import { useCallback, useContext } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/elements/display/modals/ConfirmNotebookModal.tsx

@@ -1,5 +1,5 @@
 import { Button, Stack, Typography } from '@mui/material';
-import { ModalContext } from 'components/app/providers/ModalProvider';
+import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
 import type { FC } from 'react';
 import { useCallback, useContext } from 'react';
 import { useTranslation } from 'react-i18next';