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

package/components/routes/hits/view/HitViewer.tsx

@@ -14,40 +14,40 @@ import {
   useMediaQuery,
   useTheme
 } from '@mui/material';
-import PageCenter from 'commons/components/pages/PageCenter';
-import useMatchers from 'components/app/hooks/useMatchers';
-import { HitContext } from 'components/app/providers/HitProvider';
-import FlexOne from 'components/elements/addons/layout/FlexOne';
-import HowlerCard from 'components/elements/display/HowlerCard';
-import BundleButton from 'components/elements/display/icons/BundleButton';
-import SocketBadge from 'components/elements/display/icons/SocketBadge';
-import JSONViewer from 'components/elements/display/json/JSONViewer';
-import HitActions from 'components/elements/hit/HitActions';
-import HitBanner from 'components/elements/hit/HitBanner';
-import HitComments from 'components/elements/hit/HitComments';
-import HitDetails from 'components/elements/hit/HitDetails';
-import HitLabels from 'components/elements/hit/HitLabels';
-import { HitLayout } from 'components/elements/hit/HitLayout';
-import HitNotebooks from 'components/elements/hit/HitNotebooks';
-import HitOutline from 'components/elements/hit/HitOutline';
-import HitOverview from 'components/elements/hit/HitOverview';
-import HitRelated from 'components/elements/hit/HitRelated';
-import HitWorklog from 'components/elements/hit/HitWorklog';
-import PivotLink from 'components/elements/hit/related/PivotLink';
-import RelatedLink from 'components/elements/hit/related/RelatedLink';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
-import useMyUserList from 'components/hooks/useMyUserList';
+import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
+import useMatchers from '@cccsaurora/howler-ui/components/app/hooks/useMatchers';
+import { HitContext } from '@cccsaurora/howler-ui/components/app/providers/HitProvider';
+import FlexOne from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexOne';
+import HowlerCard from '@cccsaurora/howler-ui/components/elements/display/HowlerCard';
+import BundleButton from '@cccsaurora/howler-ui/components/elements/display/icons/BundleButton';
+import SocketBadge from '@cccsaurora/howler-ui/components/elements/display/icons/SocketBadge';
+import JSONViewer from '@cccsaurora/howler-ui/components/elements/display/json/JSONViewer';
+import HitActions from '@cccsaurora/howler-ui/components/elements/hit/HitActions';
+import HitBanner from '@cccsaurora/howler-ui/components/elements/hit/HitBanner';
+import HitComments from '@cccsaurora/howler-ui/components/elements/hit/HitComments';
+import HitDetails from '@cccsaurora/howler-ui/components/elements/hit/HitDetails';
+import HitLabels from '@cccsaurora/howler-ui/components/elements/hit/HitLabels';
+import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
+import HitNotebooks from '@cccsaurora/howler-ui/components/elements/hit/HitNotebooks';
+import HitOutline from '@cccsaurora/howler-ui/components/elements/hit/HitOutline';
+import HitOverview from '@cccsaurora/howler-ui/components/elements/hit/HitOverview';
+import HitRelated from '@cccsaurora/howler-ui/components/elements/hit/HitRelated';
+import HitWorklog from '@cccsaurora/howler-ui/components/elements/hit/HitWorklog';
+import PivotLink from '@cccsaurora/howler-ui/components/elements/hit/related/PivotLink';
+import RelatedLink from '@cccsaurora/howler-ui/components/elements/hit/related/RelatedLink';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import useMyUserList from '@cccsaurora/howler-ui/components/hooks/useMyUserList';
 import uniqBy from 'lodash-es/uniqBy';
-import type { Analytic } from 'models/entities/generated/Analytic';
-import type { Dossier } from 'models/entities/generated/Dossier';
+import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+import type { Dossier } from '@cccsaurora/howler-ui/models/entities/generated/Dossier';
 import type { FC } from 'react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useContextSelector } from 'use-context-selector';
-import { StorageKey } from 'utils/constants';
-import { getUserList } from 'utils/hitFunctions';
-import { tryParse } from 'utils/utils';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
+import { getUserList } from '@cccsaurora/howler-ui/utils/hitFunctions';
+import { tryParse } from '@cccsaurora/howler-ui/utils/utils';
 import LeadRenderer from './LeadRenderer';
 
 export enum Orientation {

package/components/routes/hits/view/LeadRenderer.tsx

@@ -1,7 +1,7 @@
 import { Box, Divider, Stack, Typography } from '@mui/material';
-import HandlebarsMarkdown from 'components/elements/display/HandlebarsMarkdown';
-import type { Hit } from 'models/entities/generated/Hit';
-import type { Lead } from 'models/entities/generated/Lead';
+import HandlebarsMarkdown from '@cccsaurora/howler-ui/components/elements/display/HandlebarsMarkdown';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { Lead } from '@cccsaurora/howler-ui/models/entities/generated/Lead';
 import { memo, type FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { usePluginStore } from 'react-pluggable';

package/components/routes/home/AddNewCard.tsx

@@ -16,11 +16,11 @@ import {
   TextField,
   Typography
 } from '@mui/material';
-import api from 'api';
-import { ViewContext } from 'components/app/providers/ViewProvider';
-import CustomButton from 'components/elements/addons/buttons/CustomButton';
-import type { Analytic } from 'models/entities/generated/Analytic';
-import type { HowlerUser } from 'models/entities/HowlerUser';
+import api from '@cccsaurora/howler-ui/api';
+import { ViewContext } from '@cccsaurora/howler-ui/components/app/providers/ViewProvider';
+import CustomButton from '@cccsaurora/howler-ui/components/elements/addons/buttons/CustomButton';
+import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
 import type { FC } from 'react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/routes/home/AnalyticCard.tsx

@@ -1,9 +1,9 @@
 import { CenterFocusWeak, OpenInNew } from '@mui/icons-material';
 import { Box, Card, CardContent, IconButton, Skeleton, Stack, Tooltip, Typography } from '@mui/material';
 import type { Chart } from 'chart.js';
-import { AnalyticContext } from 'components/app/providers/AnalyticProvider';
-import FlexOne from 'components/elements/addons/layout/FlexOne';
-import type { Analytic } from 'models/entities/generated/Analytic';
+import { AnalyticContext } from '@cccsaurora/howler-ui/components/app/providers/AnalyticProvider';
+import FlexOne from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexOne';
+import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
 import type { FC } from 'react';
 import { useContext, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/routes/home/ViewCard.tsx

@@ -1,12 +1,12 @@
 import { OpenInNew } from '@mui/icons-material';
 import { Card, CardContent, IconButton, Skeleton, Stack, Typography } from '@mui/material';
-import api from 'api';
-import AppListEmpty from 'commons/components/display/AppListEmpty';
-import { ViewContext } from 'components/app/providers/ViewProvider';
-import HitBanner from 'components/elements/hit/HitBanner';
-import { HitLayout } from 'components/elements/hit/HitLayout';
-import useMyApi from 'components/hooks/useMyApi';
-import type { Hit } from 'models/entities/generated/Hit';
+import api from '@cccsaurora/howler-ui/api';
+import AppListEmpty from '@cccsaurora/howler-ui/commons/components/display/AppListEmpty';
+import { ViewContext } from '@cccsaurora/howler-ui/components/app/providers/ViewProvider';
+import HitBanner from '@cccsaurora/howler-ui/components/elements/hit/HitBanner';
+import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import type { FC } from 'react';
 import { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/components/routes/home/index.tsx

@@ -10,20 +10,20 @@ import {
 import { SortableContext, arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
 import { Cancel, Check, Close, Edit, OpenInNew } from '@mui/icons-material';
 import { Alert, AlertTitle, CircularProgress, Grid, IconButton, Stack, Typography } from '@mui/material';
-import api from 'api';
-import { AppBrand } from 'branding/AppBrand';
-import { useAppUser } from 'commons/components/app/hooks';
-import PageCenter from 'commons/components/pages/PageCenter';
-import CustomButton from 'components/elements/addons/buttons/CustomButton';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
-import useMyUserFunctions from 'components/hooks/useMyUserFunctions';
+import api from '@cccsaurora/howler-ui/api';
+import { AppBrand } from '@cccsaurora/howler-ui/branding/AppBrand';
+import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
+import CustomButton from '@cccsaurora/howler-ui/components/elements/addons/buttons/CustomButton';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import useMyUserFunctions from '@cccsaurora/howler-ui/components/hooks/useMyUserFunctions';
 import dayjs from 'dayjs';
 import isEqual from 'lodash-es/isEqual';
-import type { HowlerUser } from 'models/entities/HowlerUser';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
 import { useCallback, useEffect, useMemo, useState, type FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import ErrorBoundary from '../ErrorBoundary';
 import AddNewCard from './AddNewCard';
 import AnalyticCard, { type AnalyticSettings } from './AnalyticCard';

package/components/routes/overviews/OverviewCard.tsx

@@ -1,8 +1,8 @@
 import { Delete } from '@mui/icons-material';
 import { Card, IconButton, Stack, Tooltip, Typography } from '@mui/material';
-import FlexOne from 'components/elements/addons/layout/FlexOne';
-import HowlerAvatar from 'components/elements/display/HowlerAvatar';
-import type { Overview } from 'models/entities/generated/Overview';
+import FlexOne from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexOne';
+import HowlerAvatar from '@cccsaurora/howler-ui/components/elements/display/HowlerAvatar';
+import type { Overview } from '@cccsaurora/howler-ui/models/entities/generated/Overview';
 import type { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/components/routes/overviews/OverviewEditor.tsx

@@ -1,8 +1,8 @@
 import type { Monaco } from '@monaco-editor/react';
 import { useMonaco } from '@monaco-editor/react';
 import { useTheme } from '@mui/material';
-import { ApiConfigContext } from 'components/app/providers/ApiConfigProvider';
-import ThemedEditor from 'components/elements/ThemedEditor';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import ThemedEditor from '@cccsaurora/howler-ui/components/elements/ThemedEditor';
 import type { editor } from 'monaco-editor';
 import { memo, useCallback, useContext, useEffect, useMemo, type FC } from 'react';
 import { conf, language } from './markdownExtendedTokenProvider';

package/components/routes/overviews/OverviewViewer.tsx

@@ -14,25 +14,25 @@ import {
   Tooltip,
   useTheme
 } from '@mui/material';
-import api from 'api';
-import PageCenter from 'commons/components/pages/PageCenter';
+import api from '@cccsaurora/howler-ui/api';
+import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { Check, DarkMode, Delete, SsidChart, WbSunny } from '@mui/icons-material';
-import { useApp } from 'commons/components/app/hooks';
-import AppInfoPanel from 'commons/components/display/AppInfoPanel';
-import useThemeBuilder from 'commons/components/utils/hooks/useThemeBuilder';
-import { OverviewContext } from 'components/app/providers/OverviewProvider';
-import HitOverview from 'components/elements/hit/HitOverview';
-import useMyApi from 'components/hooks/useMyApi';
-import useMyTheme from 'components/hooks/useMyTheme';
-import type { Analytic } from 'models/entities/generated/Analytic';
-import type { Hit } from 'models/entities/generated/Hit';
-import type { Overview } from 'models/entities/generated/Overview';
+import { useApp } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import AppInfoPanel from '@cccsaurora/howler-ui/commons/components/display/AppInfoPanel';
+import useThemeBuilder from '@cccsaurora/howler-ui/commons/components/utils/hooks/useThemeBuilder';
+import { OverviewContext } from '@cccsaurora/howler-ui/components/app/providers/OverviewProvider';
+import HitOverview from '@cccsaurora/howler-ui/components/elements/hit/HitOverview';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import useMyTheme from '@cccsaurora/howler-ui/components/hooks/useMyTheme';
+import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { Overview } from '@cccsaurora/howler-ui/models/entities/generated/Overview';
 import { useSearchParams } from 'react-router-dom';
 import hitsData from 'utils/hit.json';
-import { sanitizeLuceneQuery } from 'utils/stringUtils';
+import { sanitizeLuceneQuery } from '@cccsaurora/howler-ui/utils/stringUtils';
 import OverviewEditor from './OverviewEditor';
 import { useStartingTemplate } from './startingTemplate';
 

package/components/routes/overviews/Overviews.tsx

@@ -1,18 +1,18 @@
 import { Article } from '@mui/icons-material';
 import { Typography } from '@mui/material';
-import api from 'api';
-import type { HowlerSearchResponse } from 'api/search';
-import { TuiListProvider, type TuiListItem, type TuiListItemProps } from 'components/elements/addons/lists';
-import { TuiListMethodContext, type TuiListMethodsState } from 'components/elements/addons/lists/TuiListProvider';
-import ItemManager from 'components/elements/display/ItemManager';
-import useMyApi from 'components/hooks/useMyApi';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
-import useMySnackbar from 'components/hooks/useMySnackbar';
-import type { Overview } from 'models/entities/generated/Overview';
+import api from '@cccsaurora/howler-ui/api';
+import type { HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import { TuiListProvider, type TuiListItem, type TuiListItemProps } from '@cccsaurora/howler-ui/components/elements/addons/lists';
+import { TuiListMethodContext, type TuiListMethodsState } from '@cccsaurora/howler-ui/components/elements/addons/lists/TuiListProvider';
+import ItemManager from '@cccsaurora/howler-ui/components/elements/display/ItemManager';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
+import type { Overview } from '@cccsaurora/howler-ui/models/entities/generated/Overview';
 import { useCallback, useContext, useEffect, useState, type FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate, useSearchParams } from 'react-router-dom';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import OverviewCard from './OverviewCard';
 
 const OverviewsBase: FC = () => {

package/components/routes/overviews/startingTemplate.ts

@@ -1,4 +1,4 @@
-import { useHelpers } from 'components/elements/display/handlebars/helpers';
+import { useHelpers } from '@cccsaurora/howler-ui/components/elements/display/handlebars/helpers';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import TEMPLATE_EN from './template/en.md';

package/components/routes/settings/AdminSection.tsx

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

package/components/routes/settings/LocalSection.tsx

@@ -10,13 +10,13 @@ import {
   ToggleButtonGroup,
   Typography
 } from '@mui/material';
-import { HitLayout } from 'components/elements/hit/HitLayout';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
-import howlerPluginStore from 'plugins/store';
+import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import type { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { usePluginStore } from 'react-pluggable';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import EditRow from '../../elements/EditRow';
 import SettingsSection from './SettingsSection';
 

package/components/routes/settings/ProfileSection.tsx

@@ -1,13 +1,13 @@
 import { Add, Check, ChevronRight, Clear } from '@mui/icons-material';
 import { Chip, CircularProgress, Grid, TableCell, TableRow, Typography } from '@mui/material';
-import { ApiConfigContext } from 'components/app/providers/ApiConfigProvider';
-import type { HowlerUser } from 'models/entities/HowlerUser';
-import howlerPluginStore from 'plugins/store';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import type { FC } from 'react';
 import { useCallback, useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { usePluginStore } from 'react-pluggable';
-import { delay } from 'utils/utils';
+import { delay } from '@cccsaurora/howler-ui/utils/utils';
 import EditRow from '../../elements/EditRow';
 import SettingsSection from './SettingsSection';
 

package/components/routes/settings/SecuritySection.tsx

@@ -1,15 +1,15 @@
 import { Add } from '@mui/icons-material';
 import { Chip, Grid, IconButton, TableCell, TableRow } from '@mui/material';
-import { ApiConfigContext } from 'components/app/providers/ApiConfigProvider';
-import useMyLocalStorage from 'components/hooks/useMyLocalStorage';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import useMyLocalStorage from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
 import dayjs from 'dayjs';
-import type { HowlerUser } from 'models/entities/HowlerUser';
-import howlerPluginStore from 'plugins/store';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import type { FC } from 'react';
 import { useContext, useMemo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { usePluginStore } from 'react-pluggable';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import EditRow from '../../elements/EditRow';
 import SettingsSection from './SettingsSection';
 

package/components/routes/settings/Settings.tsx

@@ -1,10 +1,10 @@
-import { useAppUser } from 'commons/components/app/hooks';
-import UserPageWrapper from 'components/elements/display/UserPageWrapper';
-import useMyLocalStorage from 'components/hooks/useMyLocalStorage';
-import useMyUserFunctions from 'components/hooks/useMyUserFunctions';
-import type { HowlerUser } from 'models/entities/HowlerUser';
+import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import UserPageWrapper from '@cccsaurora/howler-ui/components/elements/display/UserPageWrapper';
+import useMyLocalStorage from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import useMyUserFunctions from '@cccsaurora/howler-ui/components/hooks/useMyUserFunctions';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
 import { useCallback, useMemo, type FC } from 'react';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import AdminSection from './AdminSection';
 import LocalSection from './LocalSection';
 import ProfileSection from './ProfileSection';

package/components/routes/templates/TemplateCard.tsx

@@ -1,6 +1,6 @@
 import { Language, Lock, Person } from '@mui/icons-material';
 import { Card, Divider, Stack, Tooltip, Typography } from '@mui/material';
-import type { Template } from 'models/entities/generated/Template';
+import type { Template } from '@cccsaurora/howler-ui/models/entities/generated/Template';
 import type { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/components/routes/templates/TemplateEditor.tsx

@@ -2,11 +2,11 @@ import { closestCorners, DndContext, type DragEndEvent } from '@dnd-kit/core';
 import { arrayMove, SortableContext } from '@dnd-kit/sortable';
 import { Add } from '@mui/icons-material';
 import { Button, Stack, Typography } from '@mui/material';
-import { ApiConfigContext } from 'components/app/providers/ApiConfigProvider';
-import { FieldContext } from 'components/app/providers/FieldProvider';
-import Phrase from 'components/elements/addons/search/phrase/Phrase';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import { FieldContext } from '@cccsaurora/howler-ui/components/app/providers/FieldProvider';
+import Phrase from '@cccsaurora/howler-ui/components/elements/addons/search/phrase/Phrase';
 import { get, isObject } from 'lodash-es';
-import type { Hit } from 'models/entities/generated/Hit';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import { memo, useCallback, useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import TemplateDnD from './TemplateDnD';

package/components/routes/templates/TemplateViewer.tsx

@@ -11,23 +11,23 @@ import {
   ToggleButtonGroup,
   Tooltip
 } from '@mui/material';
-import api from 'api';
-import PageCenter from 'commons/components/pages/PageCenter';
-import TemplateEditor from 'components/routes/templates/TemplateEditor';
+import api from '@cccsaurora/howler-ui/api';
+import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
+import TemplateEditor from '@cccsaurora/howler-ui/components/routes/templates/TemplateEditor';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { Check, Delete, SsidChart } from '@mui/icons-material';
-import AppInfoPanel from 'commons/components/display/AppInfoPanel';
-import { DEFAULT_FIELDS } from 'components/elements/hit/HitOutline';
-import useMyApi from 'components/hooks/useMyApi';
+import AppInfoPanel from '@cccsaurora/howler-ui/commons/components/display/AppInfoPanel';
+import { DEFAULT_FIELDS } from '@cccsaurora/howler-ui/components/elements/hit/HitOutline';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
 import isEqual from 'lodash-es/isEqual';
-import type { Analytic } from 'models/entities/generated/Analytic';
-import type { Hit } from 'models/entities/generated/Hit';
-import type { Template } from 'models/entities/generated/Template';
+import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { Template } from '@cccsaurora/howler-ui/models/entities/generated/Template';
 import { useSearchParams } from 'react-router-dom';
 import hitsData from 'utils/hit.json';
-import { sanitizeLuceneQuery } from 'utils/stringUtils';
+import { sanitizeLuceneQuery } from '@cccsaurora/howler-ui/utils/stringUtils';
 
 const TemplateViewer = () => {
   const { t } = useTranslation();

package/components/routes/templates/Templates.tsx

@@ -1,19 +1,19 @@
 import { Article } from '@mui/icons-material';
 import { Stack, ToggleButton, ToggleButtonGroup, Typography } from '@mui/material';
-import api from 'api';
-import type { HowlerSearchResponse } from 'api/search';
-import { useAppUser } from 'commons/components/app/hooks';
-import { TuiListProvider, type TuiListItem, type TuiListItemProps } from 'components/elements/addons/lists';
-import { TuiListMethodContext, type TuiListMethodsState } from 'components/elements/addons/lists/TuiListProvider';
-import ItemManager from 'components/elements/display/ItemManager';
-import useMyApi from 'components/hooks/useMyApi';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
-import type { HowlerUser } from 'models/entities/HowlerUser';
-import type { Template } from 'models/entities/generated/Template';
+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 { TuiListProvider, type TuiListItem, type TuiListItemProps } from '@cccsaurora/howler-ui/components/elements/addons/lists';
+import { TuiListMethodContext, type TuiListMethodsState } from '@cccsaurora/howler-ui/components/elements/addons/lists/TuiListProvider';
+import ItemManager from '@cccsaurora/howler-ui/components/elements/display/ItemManager';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import type { Template } from '@cccsaurora/howler-ui/models/entities/generated/Template';
 import { useCallback, useContext, useEffect, useState, type FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate, useSearchParams } from 'react-router-dom';
-import { StorageKey } from 'utils/constants';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import TemplateCard from './TemplateCard';
 
 const TemplatesBase: FC = () => {

package/components/routes/views/ViewComposer.tsx

@@ -16,29 +16,29 @@ import {
   Tooltip,
   Typography
 } from '@mui/material';
-import api from 'api';
-import type { HowlerSearchResponse } from 'api/search';
-import AppListEmpty from 'commons/components/display/AppListEmpty';
-import PageCenter from 'commons/components/pages/PageCenter';
-import { HitContext } from 'components/app/providers/HitProvider';
-import { ParameterContext } from 'components/app/providers/ParameterProvider';
-import { ViewContext } from 'components/app/providers/ViewProvider';
-import CustomButton from 'components/elements/addons/buttons/CustomButton';
-import FlexPort from 'components/elements/addons/layout/FlexPort';
-import VSBox from 'components/elements/addons/layout/vsbox/VSBox';
-import VSBoxContent from 'components/elements/addons/layout/vsbox/VSBoxContent';
-import VSBoxHeader from 'components/elements/addons/layout/vsbox/VSBoxHeader';
-import SearchTotal from 'components/elements/addons/search/SearchTotal';
-import HitCard from 'components/elements/hit/HitCard';
-import { HitLayout } from 'components/elements/hit/HitLayout';
-import useMyApi from 'components/hooks/useMyApi';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
-import useMySnackbar from 'components/hooks/useMySnackbar';
-import type { Hit } from 'models/entities/generated/Hit';
+import api from '@cccsaurora/howler-ui/api';
+import type { HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import AppListEmpty from '@cccsaurora/howler-ui/commons/components/display/AppListEmpty';
+import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
+import { HitContext } from '@cccsaurora/howler-ui/components/app/providers/HitProvider';
+import { ParameterContext } from '@cccsaurora/howler-ui/components/app/providers/ParameterProvider';
+import { ViewContext } from '@cccsaurora/howler-ui/components/app/providers/ViewProvider';
+import CustomButton from '@cccsaurora/howler-ui/components/elements/addons/buttons/CustomButton';
+import FlexPort from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexPort';
+import VSBox from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBox';
+import VSBoxContent from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBoxContent';
+import VSBoxHeader from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBoxHeader';
+import SearchTotal from '@cccsaurora/howler-ui/components/elements/addons/search/SearchTotal';
+import HitCard from '@cccsaurora/howler-ui/components/elements/hit/HitCard';
+import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useContextSelector } from 'use-context-selector';
-import { StorageKey } from 'utils/constants';
-import { convertDateToLucene } from 'utils/utils';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
+import { convertDateToLucene } from '@cccsaurora/howler-ui/utils/utils';
 import ErrorBoundary from '../ErrorBoundary';
 import HitQuery from '../hits/search/HitQuery';
 import HitSort from '../hits/search/shared/HitSort';

package/components/routes/views/Views.tsx

@@ -12,27 +12,27 @@ import {
   Tooltip,
   Typography
 } from '@mui/material';
-import api from 'api';
-import type { HowlerSearchResponse } from 'api/search';
-import { useAppUser } from 'commons/components/app/hooks';
-import { ViewContext } from 'components/app/providers/ViewProvider';
-import FlexOne from 'components/elements/addons/layout/FlexOne';
-import { TuiListProvider, type TuiListItemProps } from 'components/elements/addons/lists';
-import { TuiListMethodContext, type TuiListMethodsState } from 'components/elements/addons/lists/TuiListProvider';
-import HowlerAvatar from 'components/elements/display/HowlerAvatar';
-import ItemManager from 'components/elements/display/ItemManager';
-import { ViewTitle } from 'components/elements/view/ViewTitle';
-import useMyApi from 'components/hooks/useMyApi';
-import { useMyLocalStorageItem } from 'components/hooks/useMyLocalStorage';
+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 { ViewContext } from '@cccsaurora/howler-ui/components/app/providers/ViewProvider';
+import FlexOne from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexOne';
+import { TuiListProvider, type TuiListItemProps } from '@cccsaurora/howler-ui/components/elements/addons/lists';
+import { TuiListMethodContext, type TuiListMethodsState } from '@cccsaurora/howler-ui/components/elements/addons/lists/TuiListProvider';
+import HowlerAvatar from '@cccsaurora/howler-ui/components/elements/display/HowlerAvatar';
+import ItemManager from '@cccsaurora/howler-ui/components/elements/display/ItemManager';
+import { ViewTitle } from '@cccsaurora/howler-ui/components/elements/view/ViewTitle';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
 import { isNull, omitBy, size } 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 React, { useCallback, useContext, useEffect, useState, type FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useNavigate, useSearchParams } from 'react-router-dom';
 import { useContextSelector } from 'use-context-selector';
-import { StorageKey } from 'utils/constants';
-import { sanitizeLuceneQuery } from 'utils/stringUtils';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
+import { sanitizeLuceneQuery } from '@cccsaurora/howler-ui/utils/stringUtils';
 
 const FIELDS_TO_SEARCH = ['title', 'query', 'sort', 'type', 'owner'];
 

package/index.tsx

@@ -1,12 +1,12 @@
 import '@fontsource/roboto';
-import App from 'components/app/App';
+import App from '@cccsaurora/howler-ui/components/app/App';
 import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import utc from 'dayjs/plugin/utc';
-import 'i18n';
+import '@cccsaurora/howler-ui/i18n';
 import 'index.css';
-// import howlerPluginStore from 'plugins/store';
+// import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import * as ReactDOM from 'react-dom/client';
 
 dayjs.extend(utc);

package/models/entities/HowlerUser.d.ts

@@ -1,4 +1,4 @@
-import type { AppUser } from 'commons/components/app/AppUserService';
+import type { AppUser } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
 
 export interface HowlerUser extends AppUser {
   name: string;

package/models/socket/HitUpdate.d.ts

@@ -1,4 +1,4 @@
-import type { Hit } from 'models/entities/generated/Hit';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 
 export interface HitUpdate {
   version: string;