@cccsaurora/howler-ui 2.14.0-dev.269 → 2.14.0-dev.271

package/commons/components/app/AppSkeleton.tsx

@@ -1,321 +0,0 @@
-import { Apps } from '@mui/icons-material';
-import { Divider, List, Skeleton, Toolbar, styled, useMediaQuery, useTheme } from '@mui/material';
-import type { AppLeftNavElement } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-import {
-  useAppBreadcrumbs,
-  useAppConfigs,
-  useAppLayout,
-  useAppLeftNav,
-  useAppQuickSearch
-} from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import { AppBarBase } from '@cccsaurora/howler-ui/commons/components/topnav/AppBar';
-import { AppUserAvatar } from '@cccsaurora/howler-ui/commons/components/topnav/UserProfile';
-
-/**
- * Utility component to render the  skeleton of the left navigation menu elements.
- *
- * The specified properties are simply passed down to each child [ButtonSkeleton] component.
- *
- * @param props
- */
-interface LeftNavElementsSkeletonProps {
-  // eslint-disable-next-line react/require-default-props
-  withText?: boolean;
-  elements: AppLeftNavElement[];
-}
-
-interface ButtonSkeletonProps {
-  style: { [styleAttr: string]: any };
-  // eslint-disable-next-line react/require-default-props
-  withText?: boolean;
-  [propName: string]: any;
-}
-
-const StyledContainer = styled('div')(({ theme }) => ({
-  position: 'fixed',
-  zIndex: theme.zIndex.appBar + 1000,
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0
-}));
-
-const StyledTopLayout = styled('div')({
-  height: '100%',
-  display: 'flex',
-  flexDirection: 'column'
-});
-
-const StyledLeftLayout = styled('div')({
-  height: '100%',
-  display: 'flex',
-  flexDirection: 'row'
-});
-
-const StyledContent = styled('div')(({ theme }) => ({
-  display: 'flex',
-  flexDirection: 'row',
-  flex: 1,
-  backgroundColor: theme.palette.background.default
-}));
-
-const StyledContentLeft = styled('div')(({ theme }) => ({
-  border: '1px solid',
-  borderColor: theme.palette.divider,
-  borderTopColor: 'transparent',
-  backgroundColor: theme.palette.background.paper,
-  marginRight: 5,
-  flex: '0 0 auto',
-  [theme.breakpoints.down('sm')]: {
-    display: 'none'
-  }
-}));
-
-const StyledContentRight = styled('div')({
-  flex: '1 1 auto'
-});
-
-const StyledQuickSearchSkeleton = styled(Skeleton)(({ theme }) => ({
-  padding: theme.spacing(2),
-  [theme.breakpoints.down('sm')]: {
-    display: 'none'
-  }
-}));
-
-const StyledBreadcrumbsSkeleton = styled(Skeleton)(({ theme }) => ({
-  height: theme.spacing(4),
-  [theme.breakpoints.down('sm')]: {
-    display: 'none'
-  }
-}));
-
-const ButtonSkeleton = ({ style, withText, ...boxProps }: ButtonSkeletonProps) => {
-  const theme = useTheme();
-  const isXs = useMediaQuery(theme.breakpoints.only('xs'));
-
-  return (
-    <div style={{ ...style, height: 48, display: 'flex', flexDirection: 'row' }} {...boxProps}>
-      <Skeleton variant="text" animation="wave">
-        <Apps />
-      </Skeleton>
-      {withText && (
-        <Skeleton
-          variant="text"
-          animation="wave"
-          style={{ flexGrow: 1, marginLeft: isXs ? theme.spacing(2) : theme.spacing(4) }}
-        />
-      )}
-    </div>
-  );
-};
-
-const LeftNavElementsSkeleton = ({ elements, withText }: LeftNavElementsSkeletonProps) => {
-  const theme = useTheme();
-  return (
-    <>
-      {elements.map((element, i) => {
-        if (element.type === 'divider') {
-          return <Divider key={`leftnav-sklt-divider-${i}`} />;
-        }
-        return (
-          <ButtonSkeleton
-            withText={withText}
-            style={{
-              paddingTop: theme.spacing(1),
-              paddingBottom: theme.spacing(1),
-              paddingLeft: theme.spacing(2),
-              paddingRight: theme.spacing(2)
-            }}
-            key={`leftnav-sklt-${element.element.id}`}
-          />
-        );
-      })}
-    </>
-  );
-};
-
-/**
- * A Skeleton for the side layout...
- */
-const SideLayoutSkeleton = () => {
-  // TUI hooks
-  const configs = useAppConfigs();
-  const leftnav = useAppLeftNav();
-  const breadcrumbs = useAppBreadcrumbs();
-  const quicksearch = useAppQuickSearch();
-  const { left, leftAfterBreadcrumbs } = configs.preferences.topnav;
-
-  // React hooks.
-  const muiTheme = useTheme();
-  const isXs = useMediaQuery(muiTheme.breakpoints.only('xs'));
-  const isSm = useMediaQuery(muiTheme.breakpoints.only('sm'));
-  const isMdUp = useMediaQuery(muiTheme.breakpoints.up('md'));
-
-  // basic styling.
-  const sp1 = muiTheme.spacing(1);
-  const sp2 = muiTheme.spacing(2);
-  const sp7 = muiTheme.spacing(7);
-  const showTopBarBreadcrumbs = breadcrumbs.show && !isSm;
-  const showSpacer = isXs || !quicksearch.show || (isMdUp && (breadcrumbs.show || left || leftAfterBreadcrumbs));
-
-  return (
-    <StyledContainer>
-      <StyledLeftLayout>
-        <StyledContent>
-          <StyledContentLeft style={{ width: leftnav.open ? configs.preferences.leftnav.width : sp7 }}>
-            <Toolbar disableGutters>
-              <ButtonSkeleton
-                withText={leftnav.open}
-                style={{ paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp2, flexGrow: 1 }}
-              />
-            </Toolbar>
-            <Divider />
-            <List disablePadding>
-              <LeftNavElementsSkeleton elements={leftnav.elements} withText={leftnav.open} />
-              {leftnav.elements?.length > 0 && <Divider />}
-              <ButtonSkeleton
-                withText={leftnav.open}
-                style={{ paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp2 }}
-              />
-            </List>
-          </StyledContentLeft>
-          <StyledContentRight>
-            <AppBarBase>
-              <Toolbar disableGutters style={{ paddingRight: sp2, paddingLeft: !isXs ? sp2 : null }}>
-                {isXs && (
-                  <ButtonSkeleton
-                    withText={leftnav.open}
-                    style={{
-                      paddingTop: sp1,
-                      paddingBottom: sp1,
-                      paddingLeft: sp2,
-                      paddingRight: sp2,
-                      flexGrow: 1
-                    }}
-                  />
-                )}
-                {showTopBarBreadcrumbs && <StyledBreadcrumbsSkeleton variant="text" animation="wave" width={100} />}
-                {showSpacer && <div style={{ flexGrow: 1 }} />}
-                {quicksearch.show && (
-                  <StyledQuickSearchSkeleton
-                    variant="text"
-                    animation="wave"
-                    width={showTopBarBreadcrumbs ? 358 : 'auto'}
-                    style={{ flexGrow: !showTopBarBreadcrumbs ? 1 : 0 }}
-                  />
-                )}
-                <ButtonSkeleton
-                  withText={false}
-                  style={{
-                    paddingTop: sp1,
-                    paddingBottom: sp1,
-                    paddingLeft: sp2,
-                    paddingRight: sp2,
-                    marginLeft: sp1,
-                    marginRight: sp1
-                  }}
-                />
-                <Skeleton animation="wave" variant="circular">
-                  <AppUserAvatar />
-                </Skeleton>
-              </Toolbar>
-            </AppBarBase>
-          </StyledContentRight>
-        </StyledContent>
-      </StyledLeftLayout>
-    </StyledContainer>
-  );
-};
-
-/**
- * A Skeleton for the top layout.
- */
-const TopLayoutSkeleton = () => {
-  // TUI hooks
-  const configs = useAppConfigs();
-  const leftnav = useAppLeftNav();
-  const breadcrumbs = useAppBreadcrumbs();
-  const quicksearch = useAppQuickSearch();
-  const { left, leftAfterBreadcrumbs } = configs.preferences.topnav;
-
-  // React hooks
-  const muiTheme = useTheme();
-  const isXs = useMediaQuery(muiTheme.breakpoints.only('xs'));
-  const isSm = useMediaQuery(muiTheme.breakpoints.only('sm'));
-  const isMdUp = useMediaQuery(muiTheme.breakpoints.up('md'));
-
-  //
-  const showSpacer = isXs || !quicksearch.show || (isMdUp && (breadcrumbs.show || left || leftAfterBreadcrumbs));
-  const showTopBarBreadcrumbs = breadcrumbs.show && !isSm;
-  const sp1 = muiTheme.spacing(1);
-  const sp2 = muiTheme.spacing(2);
-  const sp3 = muiTheme.spacing(3);
-  const sp4 = muiTheme.spacing(4);
-  const sp7 = muiTheme.spacing(7);
-
-  return (
-    <StyledContainer>
-      <StyledTopLayout>
-        <AppBarBase>
-          <Toolbar style={{ paddingRight: sp2 }} disableGutters>
-            <ButtonSkeleton
-              withText={false}
-              style={{ paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp4 }}
-            />
-            <Skeleton variant="text" animation="wave" style={{ marginRight: sp3 }}>
-              <div style={{ fontSize: '1.5rem', letterSpacing: '-1px' }}>{configs.preferences.appName}</div>
-            </Skeleton>
-            {showTopBarBreadcrumbs && <StyledBreadcrumbsSkeleton variant="text" animation="wave" width={100} />}
-            {showSpacer && <div style={{ flexGrow: 1 }} />}
-            {quicksearch.show && (
-              <StyledQuickSearchSkeleton
-                variant="text"
-                animation="wave"
-                width={showTopBarBreadcrumbs ? 300 : 'auto'}
-                style={{ flexGrow: !showTopBarBreadcrumbs ? 1 : 0 }}
-              />
-            )}
-            <ButtonSkeleton
-              withText={false}
-              style={{
-                paddingTop: sp1,
-                paddingBottom: sp1,
-                paddingLeft: sp2,
-                paddingRight: sp2,
-                marginLeft: sp1,
-                marginRight: sp1
-              }}
-            />
-            <Skeleton animation="wave" variant="circular">
-              <AppUserAvatar />
-            </Skeleton>
-          </Toolbar>
-        </AppBarBase>
-        <StyledContent>
-          <StyledContentLeft style={{ width: leftnav.open ? configs.preferences.leftnav.width : sp7 }}>
-            <List disablePadding>
-              <LeftNavElementsSkeleton elements={leftnav.elements} withText={leftnav.open} />
-              {leftnav.elements?.length > 0 && <Divider />}
-              <ButtonSkeleton
-                withText={leftnav.open}
-                style={{ paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp2 }}
-              />
-            </List>
-          </StyledContentLeft>
-          <StyledContentRight />
-        </StyledContent>
-      </StyledTopLayout>
-    </StyledContainer>
-  );
-};
-
-/**
- * Default Skeleton component that will render either [TopLayoutSkeleton] or [SideLayoutSkeleton] based on [useAppLayout::currentLayout].
- */
-const LayoutSkeleton = () => {
-  const layout = useAppLayout();
-  return layout.current === 'top' ? <TopLayoutSkeleton /> : <SideLayoutSkeleton />;
-};
-
-// Default exported component
-export default LayoutSkeleton;

package/commons/components/app/AppUserService.ts

@@ -1,21 +0,0 @@
-// Describes a property of the AppUser
-export type AppUserValidatedProp = {
-  prop: string; // the key of the AppUser property.
-  value: any; // the value it should compare with the AppUser's property.
-};
-
-// Specification interface describing an application user.
-export type AppUser = {
-  username?: string;
-  email?: string;
-  name?: string;
-  avatar?: string;
-  is_admin?: boolean;
-};
-
-export type AppUserService<T extends AppUser> = {
-  user: T; // The application's current user.
-  setUser: (user: T) => void; // Provide method to set the current user.
-  isReady: () => boolean; // Indicate whether the current user is ready/available/authenticated.
-  validateProps?: (props: AppUserValidatedProp[]) => boolean; // Decide whether leftnav menu items should be rendered for current user.
-};

package/commons/components/app/hooks/useApp.tsx

@@ -1,6 +0,0 @@
-import { AppContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-
-export function useApp() {
-  return useContext(AppContext);
-}

package/commons/components/app/hooks/useAppBanner.tsx

@@ -1,7 +0,0 @@
-import { useApp, useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-
-export function useAppBanner() {
-  const { theme } = useApp();
-  const { preferences } = useAppConfigs();
-  return theme === 'dark' ? preferences.bannerDark : preferences.bannerLight;
-}

package/commons/components/app/hooks/useAppBar.tsx

@@ -1,6 +0,0 @@
-import { AppBarContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-
-export function useAppBar() {
-  return useContext(AppBarContext);
-}

package/commons/components/app/hooks/useAppBarHeight.tsx

@@ -1,27 +0,0 @@
-import { useLayoutEffect, useState } from 'react';
-
-export const APPBAR_READY_EVENT = 'tui.event.appbar.ready';
-
-export function useAppBarHeight(): number {
-  const [height, setHeight] = useState<number>(-1);
-
-  const updateHeight = () => {
-    const appbar = document.getElementById('appbar');
-    if (appbar) {
-      const rect = appbar.getBoundingClientRect();
-      setHeight(rect.height);
-    }
-  };
-
-  useLayoutEffect(() => {
-    updateHeight();
-    window.addEventListener('resize', updateHeight);
-    window.addEventListener(APPBAR_READY_EVENT, updateHeight);
-    return () => {
-      window.removeEventListener('resize', updateHeight);
-      window.removeEventListener(APPBAR_READY_EVENT, updateHeight);
-    };
-  }, []);
-
-  return height;
-}

package/commons/components/app/hooks/useAppBarScrollTrigger.tsx

@@ -1,8 +0,0 @@
-import { useScrollTrigger } from '@mui/material';
-
-export function useAppBarScrollTrigger() {
-  return useScrollTrigger({
-    disableHysteresis: true,
-    threshold: 0
-  });
-}

package/commons/components/app/hooks/useAppBreadcrumbs.tsx

@@ -1,6 +0,0 @@
-import { AppBreadcrumbsContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-
-export function useAppBreadcrumbs() {
-  return useContext(AppBreadcrumbsContext);
-}

package/commons/components/app/hooks/useAppConfigs.tsx

@@ -1,54 +0,0 @@
-import { AppContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import {
-  AppDefaultsLeftNavConfigs,
-  AppDefaultsPreferencesConfigs,
-  AppDefaultsSitemapConfigs,
-  AppDefaultsThemeConfigs,
-  AppDefaultsTopNavConfigs
-} from '@cccsaurora/howler-ui/commons/components/app/AppDefaults';
-import { useContext, useMemo } from 'react';
-
-export function useAppConfigs() {
-  const { configs } = useContext(AppContext);
-  return useMemo(() => {
-    // Merge user provided configs with defaults.
-    const { preferences, sitemap, theme } = configs;
-    const _configs = {
-      preferences: {
-        ...AppDefaultsPreferencesConfigs,
-        ...(preferences || {}),
-        topnav: {
-          ...AppDefaultsTopNavConfigs,
-          ...(preferences?.topnav || {})
-        },
-        leftnav: {
-          ...AppDefaultsLeftNavConfigs,
-          ...(preferences?.leftnav || {})
-        }
-      },
-      sitemap: {
-        ...AppDefaultsSitemapConfigs,
-        ...(sitemap || {})
-      },
-      theme: {
-        ...AppDefaultsThemeConfigs,
-        ...(theme || {})
-      }
-    };
-
-    // Indicates whether we should render the personalization section of the UserProfile.
-    const allowPersonalization =
-      _configs.preferences.allowAutoHideTopbar ||
-      _configs.preferences.allowBreadcrumbs ||
-      _configs.preferences.allowQuickSearch ||
-      _configs.preferences.allowReset ||
-      _configs.preferences.allowThemeSelection ||
-      _configs.preferences.allowLayoutSelection;
-
-    // Rebuild new context.
-    return {
-      ..._configs,
-      allowPersonalization
-    };
-  }, [configs]);
-}

package/commons/components/app/hooks/useAppLanguage.tsx

@@ -1,29 +0,0 @@
-import { AppContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import i18n from '@cccsaurora/howler-ui/i18n';
-import { useContext, useEffect, useMemo } from 'react';
-
-export type AppLanguageType = {
-  isFR: () => boolean;
-  isEN: () => boolean;
-  toggle: () => void;
-};
-
-export function useAppLanguage(onChange?: (language: 'en' | 'fr') => void): AppLanguageType {
-  const { toggleLanguage } = useContext(AppContext);
-
-  useEffect(() => {
-    if (onChange) {
-      i18n.on('languageChanged', onChange);
-    }
-    return () => {
-      if (onChange) {
-        i18n.off('languageChanged', onChange);
-      }
-    };
-  }, [onChange]);
-
-  return useMemo(
-    () => ({ isFR: () => i18n.language === 'fr', isEN: () => i18n.language === 'en', toggle: toggleLanguage }),
-    [toggleLanguage]
-  );
-}

package/commons/components/app/hooks/useAppLayout.tsx

@@ -1,6 +0,0 @@
-import { AppLayoutContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-
-export function useAppLayout() {
-  return useContext(AppLayoutContext);
-}

package/commons/components/app/hooks/useAppLeftNav.tsx

@@ -1,6 +0,0 @@
-import { AppLeftNavContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-
-export function useAppLeftNav() {
-  return useContext(AppLeftNavContext);
-}

package/commons/components/app/hooks/useAppLogo.tsx

@@ -1,9 +0,0 @@
-import { useApp } from '@cccsaurora/howler-ui/commons/components/app/hooks/useApp';
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppConfigs';
-import { useMemo } from 'react';
-
-export function useAppLogo() {
-  const { theme } = useApp();
-  const { preferences } = useAppConfigs();
-  return useMemo(() => (theme === 'dark' ? preferences.appIconDark : preferences.appIconLight), [theme, preferences]);
-}

package/commons/components/app/hooks/useAppNotification.tsx

@@ -1,6 +0,0 @@
-import { AppNotificationServiceContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-
-export function useAppNotification() {
-  return useContext(AppNotificationServiceContext);
-}

package/commons/components/app/hooks/useAppQuickSearch.tsx

@@ -1,6 +0,0 @@
-import { AppQuickSearchContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-
-export function useAppQuickSearch() {
-  return useContext(AppQuickSearchContext);
-}

package/commons/components/app/hooks/useAppSearchService.tsx

@@ -1,7 +0,0 @@
-import type { AppSearchServiceContextType } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { AppSearchServiceContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-
-export function useAppSearchService<T = any>(): AppSearchServiceContextType<T> {
-  return useContext(AppSearchServiceContext);
-}

package/commons/components/app/hooks/useAppSitemap.tsx

@@ -1,84 +0,0 @@
-import type { AppSiteMapRoute } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-import { useAppConfigs } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import i18n from '@cccsaurora/howler-ui/i18n';
-import { useMemo } from 'react';
-import { matchPath, type PathMatch } from 'react-router-dom';
-
-const TITLE_404 = i18n.t('breadcrumb.404');
-
-export type BreadcrumbItem = { route: AppSiteMapRoute; matcher: PathMatch<string> };
-
-export const getRoute = (route: string, siteMap: AppSiteMapRoute[]): BreadcrumbItem => {
-  // match all the route provide in sitemap with current route.
-  const matchers = siteMap.map(_route => {
-    const matcher = matchPath(_route.path, route.replace(/\?.+/, ''));
-    return { route: _route, matcher };
-  });
-
-  // only keep the exact matched routes.
-  const matched = matchers.filter(m => m.matcher);
-
-  // hopefully, we only have a single match.
-  if (matched && matched.length > 1) {
-    // eslint-disable-next-line no-console
-    console.warn(`Found more than one sitemap route match for: ${route}`);
-  }
-  return matched && matched[0] ? matched[0] : { route: { path: route, title: TITLE_404 }, matcher: null };
-};
-
-const appendRoute = (breadcrumbs: BreadcrumbItem[], breadcrumb: BreadcrumbItem): BreadcrumbItem[] => {
-  // If the 'siteRoute' is null/undefined, we ignore it.
-  if (breadcrumb) {
-    // Is it same as last? - then leave it as is.
-    if (breadcrumb.route.path === breadcrumbs[breadcrumbs.length - 1].route.path) {
-      return breadcrumbs;
-    }
-    // If a root route, then we reset the breadcrumbs.
-    if (breadcrumb.route.isRoot) {
-      return [breadcrumb];
-    }
-    // If the last element of bread is a leaf, then we remove it.
-    if (breadcrumbs[breadcrumbs.length - 1].route.isLeaf) {
-      // eslint-disable-next-line no-param-reassign
-      breadcrumbs = breadcrumbs.slice(0, breadcrumbs.length - 1);
-    }
-    // See if the route is already in the breadcrumbs.
-    const index = breadcrumbs.findIndex(_breadcrumb => _breadcrumb.route.path === breadcrumb.route.path);
-    // If the route is already in breacrumbs, then we slice off what comes after,
-    //  if not then we append it to the end.
-    return index > -1 ? [...breadcrumbs.slice(0, index), breadcrumb] : [...breadcrumbs, breadcrumb];
-  }
-  return breadcrumbs;
-};
-
-// We need to dynamically build the title since it will be language/locale specific and therefore we cannot
-//  rely on the cached version since language might have changed since then.
-const resolveTitle = (breadcrumb: BreadcrumbItem, siteMap: AppSiteMapRoute[]) => {
-  // we need to refetch the route in order to ensure we have the correct language.
-  let title = breadcrumb.route.path ? getRoute(breadcrumb.route.path, siteMap).route.title : breadcrumb.route.title;
-  // if there are any parameters in match, replace them in title.
-  if (breadcrumb.matcher && breadcrumb.matcher.params) {
-    const { params } = breadcrumb.matcher;
-    Object.keys(params).forEach(k => {
-      title = title.replace(`{:${k}}`, params[k]);
-    });
-  }
-  return title;
-};
-
-// Indicates whether the specified item is the 404 route.
-const is404 = (breadcrumb: BreadcrumbItem) => breadcrumb.route.title === TITLE_404;
-
-//
-export function useAppSitemap() {
-  const { sitemap } = useAppConfigs();
-  return useMemo(
-    () => ({
-      appendRoute,
-      getTitle: (breadcrumb: BreadcrumbItem) => resolveTitle(breadcrumb, sitemap.routes),
-      getRoute: (path: string) => getRoute(path, sitemap.routes),
-      is404
-    }),
-    [sitemap.routes]
-  );
-}

package/commons/components/app/hooks/useAppSwitcher.tsx

@@ -1,6 +0,0 @@
-import { AppSwitcherContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { useContext } from 'react';
-
-export function useAppSwitcher() {
-  return useContext(AppSwitcherContext);
-}

package/commons/components/app/hooks/useAppTheme.tsx

@@ -1,23 +0,0 @@
-import { type PaletteMode } from '@mui/material';
-import { useApp } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import { useMemo } from 'react';
-
-export type AppThemeType = {
-  theme: PaletteMode;
-  isDark: boolean;
-  isLight: boolean;
-  toggle: () => void;
-};
-
-export function useAppTheme(): AppThemeType {
-  const { theme, toggleTheme } = useApp();
-  return useMemo(
-    () => ({
-      theme,
-      isDark: theme === 'dark',
-      isLight: theme === 'light',
-      toggle: toggleTheme
-    }),
-    [theme, toggleTheme]
-  );
-}

package/commons/components/app/hooks/useAppUser.tsx

@@ -1,7 +0,0 @@
-import { AppUserContext } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import type { AppUser, AppUserService } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
-import { useContext } from 'react';
-
-export function useAppUser<U extends AppUser>(): AppUserService<U> {
-  return useContext(AppUserContext) as AppUserService<U>;
-}