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

package/commons/components/app/AppConfigs.ts

@@ -1,179 +0,0 @@
-import type { Components, PaletteMode, PaletteOptions, Theme } from '@mui/material';
-import type { AppUserValidatedProp } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
-import type { GravatarD } from '@cccsaurora/howler-ui/commons/components/display/AppAvatar';
-import type { ReactElement, ReactNode } from 'react';
-import type { To } from 'react-router-dom';
-
-// Specification interface for the 'useAppConfigs' hook.
-export type AppConfigs = {
-  preferences?: AppPreferenceConfigs; // The app's preferences config.
-  theme?: AppThemeConfigs; // The app's theme config.
-  sitemap?: AppSiteMapConfigs; // The apps's sitemap configs.
-};
-
-// Specification interface for the AppProvider's 'preferences' attribute.
-export type AppPreferenceConfigs = {
-  appName: string; // Name of your app, it will show up in the drawer and the top nav bar
-  appLink?: To; // Route to navigate to when the icon on the left nav bar is pressed
-  appIconDark: ReactElement<any>; // Small dark mode logo of your app used in drawer and top nav bar
-  appIconLight: ReactElement<any>; // Small light mode logo of your app used in drawer and top nav bar
-  bannerDark?: ReactElement<any>; // Your dark mode app banner, will be use in the loading screen, login and logout pages
-  bannerLight?: ReactElement<any>; // Your dark mode app banner, will be use in the loading screen, login and logout pages
-  allowAutoHideTopbar?: boolean; // Allow the user to toggle on/off the topbar autohide feature
-  allowBreadcrumbs?: boolean; // Allow the user to toggle on/off the breadcrumb
-  allowGravatar?: boolean; // Will use gravatar to populate the UserProfile avatar picture (using the user's email).
-  allowQuickSearch?: boolean; // Allow the user toggle on/off the quick search
-  allowReset?: boolean; // Allow the user to reset preferences to the default values
-  allowLayoutSelection?: boolean; // Allow the user to switch between "top" and "side" layout
-  allowThemeSelection?: boolean; // Allow the user to toggle between 'dark' and 'light' mode
-  allowTranslate?: boolean; // Allow the user to switch language
-  defaultLayout?: AppLayoutMode; // Either "top" (sticky topbar) or "side" (invisible top bar)
-  defaultTheme?: PaletteMode; // The default theme of the application.  'dark' or 'light'.
-  defaultDrawerOpen?: boolean; // Should the lef nav drawer be opened by default
-  defaultShowQuickSearch?: boolean; // Should the quick search be shown by default
-  defaultAutoHideAppbar?: boolean; // Should the top bar autohide (applies only to "side" layout)
-  defaultShowBreadcrumbs?: boolean; // Indicate whether breadcrumbs should be shown by default.
-  topnav?: AppTopNavConfigs; // top nav appbar specific configurations.
-  leftnav?: AppLeftNavConfigs; // left nav drawer specific configurations.
-  avatarD?: GravatarD; // The gravatar api uses this parameter to generate a themed image unique to an email address.
-  notificationURLs?: string[]; // The list of notification URLs.  If no item is provided, the top nav icon is hidden.
-};
-
-// Specification interface for the AppProvider's 'theme' attribute.
-export type AppThemeConfigs = {
-  components?: Components<Omit<Theme, 'components'>>; // Override MaterialUI components styles.
-  palette?: AppPaletteConfigs; // MaterialUI theme.palette configuration object.
-  appbar?: AppBarThemeConfigs; // Appbar theme/style configuration.
-};
-
-// Specification interface for the AppProvider's 'sitemap' attribute.
-export type AppSiteMapConfigs = {
-  routes: AppSiteMapRoute[]; // The list of application routes.  This is used to match the current route when rendering building and rendering breadcrumbs.
-  itemsBefore?: number; // The number of items to show before the ellipsis when breadcrumbs collapses.
-  itemsAfter?: number; // The number of itmes to show after the ellipsis when breadcrumbs collapses.
-};
-
-// Specification inteface for 'topnav' configurations.
-// These configurations apply to the top navigation appbar.
-export type AppTopNavConfigs = {
-  themeSelectionMode?: AppThemeSelectionMode; // Where does the theme selection menu shows up either. In separate icon ("icon") or under user profile ("profile").
-  apps?: AppSwitcherItem[]; // The list of appliations to display in the app-switcher.
-  userMenu?: AppBarUserMenuElement[]; // The list of userprofile menu elements.  If no item is provided, the menu is hidden.
-  userMenuI18nKey?: string; // (RECOMMENDED) The i18nKey to use to resolve the user menu title.
-  userMenuTitle?: string; // Title displayed for the user menu if not using 'userMenuI18nKey' for some reason.
-  adminMenu?: AppBarUserMenuElement[]; // The list of userprofile admin menu elements.  If no item is provided, the menu is hidden.
-  adminMenuI18nKey?: string; // (RECOMMENDED) The i18nKey to use to resolve the admin menu title.
-  adminMenuTitle?: string; // Title displayed for the admin menu
-  quickSearchURI?: string; // Uri to redirect to for the appbar quick search.
-  quickSearchParam?: string; // Request parameter used to set the quick search query.
-  left?: ReactNode; // Top navbar left insertion point for any given component. Component will be inserted at far left (after app title).
-  leftAfterBreadcrumbs?: ReactNode; // Top navbar insertion point for any given component.  Component will be inserted after the breadcrumbs.
-  rightBeforeSearch?: ReactNode; // Top navbar right insertion point. Component will be inserted before the app search input component.
-  right?: ReactNode; // Top navbar insertion point on the right side.  Component will be inserted directly after the app search input comonent.
-  hideUserAvatar?: boolean; // Do not show the user profile avatar and menu.
-};
-
-// Specification inteface for 'leftnav' configurations.
-// These configurations apply to the left navigation drawer.
-export type AppLeftNavConfigs = {
-  elements: AppLeftNavElement[]; // The list of menu elements in the left navigation drawer
-  width?: number; // The the width of the left nav drawer when open.
-  hideNestedIcons?: boolean; // Hide the icons for menu items nested within a group
-};
-
-// Specification interface to customize default material-ui 'light' and 'dark' themes.
-export type AppPaletteConfigs = {
-  light?: PaletteOptions; // MaterialUI light theme configuration object.
-  dark?: PaletteOptions; // MaterialUI dark theme configuration object
-};
-
-export type AppBarThemeConfigs = {
-  elevation?: number; // Appbar elevation. Only applies when layout is 'top'.
-  light?: AppBarStyles; // Appbar light theme style configuration.
-  dark?: AppBarStyles; // Appbar dark theme style configuration.
-};
-
-// Specification interface of describing which appbar styles are configurable.
-export type AppBarStyles = {
-  color?: any; // Configure appbar css color style.
-  backgroundColor?: any; // Configure appbar css background color style.
-};
-
-// Specification interface describing a sitemap route rendered within breadcrumbs.
-export type AppSiteMapRoute = {
-  path: string; // The react router path.
-  title: string; // The title/label to display when rendering breadcrumb.
-  textWidth?: number; // The max width of the text when rendering the breadcrumb.
-  icon?: ReactNode; // The icon component to show beside the title/label in breadcrumb.
-  isRoot?: boolean; // When true, breadcrumbs will reset to this one path each time it is encountered
-  isLeaf?: boolean; // When true, indicates that this path does not aggregate in breadcrumbs.
-  exclude?: boolean; // When true, indicates to breadcrumbs component to not render this route.
-  breadcrumbs?: string[]; // When specified, the breadcrumbs component will disregard the aggregated list and will use this list of routes instead.
-};
-
-// Specification interface for elements of user and admin menus withing the appbar's user profile.
-export type AppBarUserMenuElement = {
-  i18nKey?: string; // (RECOMMENDED) i18n key used to resolved the elements lable/title.
-  title?: string; // The title/label to display when rendering the menu element.
-  route?: string; // The route to use when rendering the link component of this menu element.
-  icon?: ReactElement<any>; // The icon to render to the left of the title.
-  element?: ReactElement<any>; // If specified, will be used to render a profile menu element (takes precedence over [i18nKey, title, route, icon]).
-};
-
-// Specification interface describing the type of leftnav menu items to render.
-export type AppLeftNavElement =
-  | {
-      type: 'item';
-      element: AppLeftNavItem;
-    }
-  | {
-      type: 'group';
-      element: AppLeftNavGroup;
-    }
-  | {
-      type: 'divider';
-      element: null;
-    };
-
-// Specification interface of a single leftnav menu item.
-export type AppLeftNavItem = {
-  id: number | string; // A unique identifer for the item.
-  i18nKey?: string; // (RECOMMENDED) i18n key used to resolve item label/text. (Use this if you are dynamically updating the leftnav menu)
-  text?: string; // The text/label to use when rendering the item if not using i18nKey (for some reason).
-  userPropValidators?: AppUserValidatedProp[]; // The list of user props to assert before rendering the item.
-  icon?: ReactElement<any>; // The icon to render to the left of the 'text'.
-  route?: string; // If specified, the leftnav item will render a Link component to this route.
-  nested?: boolean; // If the item is within a group and rendered as a nested item. (defaults to true)
-  render?: (open: boolean) => ReactElement; // If specified, will be used to render the left nav element (takes precendence over [i18nKey, text, icon, route])
-};
-
-// Specification interface of a leftnav menu group of items.
-export type AppLeftNavGroup = {
-  id: number | string; // A unique identifier for the leftnav group.
-  open?: boolean; // Indicates whether the leftnav group is open or closed.
-  i18nKey?: string; // (RECOMMENDED over 'title') i18n key used to resolve item label/text. (Use this if you are dynamically updating the leftnav menu)
-  title?: string; // The text/label to use when rendering the group header if not using i18nKey (for some reason).
-  userPropValidators?: AppUserValidatedProp[]; // The list of user props to assert before rendering the item.
-  icon?: React.ReactElement<any>; // The icon to render on the left of the group header's 'text'
-  items: AppLeftNavItem[]; // A list of items to render for this group.
-};
-
-// Specification interface for an item provided to the app switcher.
-export type AppSwitcherItem = {
-  alt: string;
-  name: string;
-  img_d: React.ReactElement<any> | string;
-  img_l: React.ReactElement<any> | string;
-  route: string;
-  newWindow?: boolean;
-};
-
-// Specification type describing the layout supported by the applications.
-// 'side' will anchor the leftnav drawer at the same elevation as the appbar and content area (entire height of winddow).
-// 'top' will anchor the leftnav drawer under the appbar (which will stick to the top).
-export type AppLayoutMode = 'side' | 'top';
-
-// Specification type describing the where to render the theming/preferences options.
-// 'profile' will render them under the userprofile menu.
-// 'icon' will render a separate icon within which the theming/preferences options will be rendered.
-export type AppThemeSelectionMode = 'profile' | 'icon';

package/commons/components/app/AppConstants.ts

@@ -1,11 +0,0 @@
-export const APP_STORAGE_PREFIX = 'templateui.core';
-
-export const AppStorageKeys = {
-  LS_KEY_DARK_MODE: `${APP_STORAGE_PREFIX}.darkMode`,
-  LS_KEY_LAYOUT_MODE: `${APP_STORAGE_PREFIX}.navLayout`,
-  LS_KEY_LEFTNAV_OPEN: `${APP_STORAGE_PREFIX}.drawerOpen`,
-  LS_KEY_SHOW_QUICK_SEARCH: `${APP_STORAGE_PREFIX}.showQuickSearch`,
-  LS_KEY_AUTOHIDE_APPBAR: `${APP_STORAGE_PREFIX}.autoHideAppbar`,
-  LS_KEY_BREADCRUMBS_ENABLED: `${APP_STORAGE_PREFIX}.breadcrumbsEnabled`,
-  LS_KEY_BREADCRUMBS_OPEN: `${APP_STORAGE_PREFIX}.breadcrumbsState`
-};

package/commons/components/app/AppContexts.ts

@@ -1,142 +0,0 @@
-import type { PaletteMode } from '@mui/material';
-import type { AppConfigs, AppLayoutMode, AppLeftNavElement, AppSwitcherItem } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-import type { ItemComponentProps } from '@cccsaurora/howler-ui/commons/components/app/AppNotificationService';
-import type { AppSearchItem, AppSearchMode, AppSearchService } from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
-import type { AppUser, AppUserService } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
-import type { BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSitemap';
-import { createContext, type ReactElement } from 'react';
-
-export type AppContextType = {
-  // configs as provided by client application.
-  configs: AppConfigs; // app specific configurations.
-  theme: PaletteMode; // provided theme config.
-  toggleTheme: () => void; // toggle between light/dark theme mode.
-  toggleLanguage: () => void; // toggle between french/english language.
-};
-
-export type AppSwitcherContextType = {
-  empty: boolean; // is the items list empty?
-  items: AppSwitcherItem[]; // the items to render in the app switcher.
-  setItems: (items: AppSwitcherItem[]) => void; // updates the items rendered by the app switcher.
-};
-
-export type AppQuickSearchContextType = {
-  show: boolean; // is the quick search shown in the app bar?
-  setShow: (show: boolean) => void; // specify whether to show the quick search in the app bar.
-  toggle: () => void; // hide/show the quick search in the app bar.
-};
-
-export type AppSearchServiceContextType<T = any> = {
-  provided: boolean; // has a search service been provided? - if false, then it means the default service is being used.
-  service: AppSearchService<T>; // the search service implementation to use.
-  state: AppSearchServiceState<T>; // the state of the search service.
-};
-
-export type AppNotificationServiceContextType = {
-  provided: boolean; // has a search service been provided? - if false, then it means the default service is being used.
-  service: AppNotificationService; // the search service implementation to use.
-  state: AppNotificationServiceState; // the state of the search service.
-};
-
-export type AppLeftNavContextType = {
-  open: boolean; // left nav is open/expanded?
-  elements: AppLeftNavElement[]; // the elements to render in the left nav.
-  toggle: () => void; // minimize/expand left nav.
-  setOpen: (show: boolean) => void; // specify whether the left nav should be expanded[true] or minimized[false]
-  setElements: (elements: AppLeftNavElement[]) => void; // specify the elements to render in the left nav.
-};
-
-export type AppLayoutContextType = {
-  ready: boolean; // is the layout ready?
-  current: AppLayoutMode; // the current mode of the layout ['side' | 'top].
-  hideMenus: () => void; // hide the left nav menu and the app bar.
-  setReady: (ready: boolean) => void; // specifiy whether the applayout is ready to render.
-  toggle: () => void; // toggle between 'top' and 'side' layout mode.
-};
-
-export type AppBarContextType = {
-  show: boolean; // is the appbar shown?
-  autoHide: boolean; // is the appbar auto hiding on scroll or being sticky?
-  setShow: (show: boolean) => void; // specify whether to show the app bar or not.
-  setAutoHide: (autoHide: boolean) => void; // specify whether to auto hide the app bar.
-  toggleAutoHide: () => void; // toggle the auto hide property.
-};
-
-export type AppBreadcrumbsContextType = {
-  show: boolean; // are the breadcrumbs shown?
-  items: BreadcrumbItem[]; // the items to render in the breadcrumbs.
-  setItems: (newItems: BreadcrumbItem[]) => void; // Set the list of breadcrumbs manually
-  toggle: () => void; // show/hide the breadcrumbs.
-  last: () => BreadcrumbItem; // the first item in the breacrumbs.
-  first: () => BreadcrumbItem; // the last item in the breadcrumbs.
-};
-
-export type AppDrawerContextType = {
-  isOpen: boolean;
-  isFloatThreshold: boolean;
-  width: number | string;
-  maximized: boolean;
-  element: ReactElement;
-  open: (props: AppDrawerOpenProps) => void;
-  close: () => void;
-  setWidth: (width: number | string) => void;
-  setMaximized: (maximized: boolean) => void;
-};
-
-export type AppSearchServiceState<T = any, R = any> = {
-  searching: boolean; // indicates if the app search should show the progress indicator.
-  menu: boolean; // is the app search result menu opened?
-  mode: AppSearchMode; // inline vs fullscreen.
-  items: AppSearchItem<T>[]; // the app search result items to render.
-  result?: R; // any object, metadata related to the search result.
-  set: (state: AppSearchServiceState<T>) => void; // update app search state.
-};
-
-//NotificationState is only used if feedUrls is empty
-export type AppNotificationServiceState = {
-  urls: string[]; // The feed urls
-  set: (state: AppNotificationServiceState) => void; // Update the feed urls from the state
-};
-
-export type AppNotificationService = {
-  feedUrls?: string[]; // Static urls can be provided at initialization or see state object (AppNotificationServiceState)
-  notificationRenderer?: (item: ItemComponentProps) => ReactElement; // Cusotm component for notification rendering
-};
-
-// Specification interface of the AppDrawer's 'open' method arguments object.
-export type AppDrawerOpenProps = {
-  element: ReactElement;
-  width?: number | string;
-  floatThreshold?: number;
-  onClose?: (action: 'close' | 'hide') => void;
-};
-
-// React Context for the AppProvider (Root Context).
-export const AppContext = createContext<AppContextType>(null);
-
-// React Context for the AppLayoutProvider.
-export const AppLayoutContext = createContext<AppLayoutContextType>(null);
-
-// React Context for the AppBarProvider.
-export const AppBarContext = createContext<AppBarContextType>(null);
-
-// React Context for the AppBreadcrumbsProvider.
-export const AppBreadcrumbsContext = createContext<AppBreadcrumbsContextType>(null);
-
-// React Context for the AppLeftNavProvider.
-export const AppLeftNavContext = createContext<AppLeftNavContextType>(null);
-
-// React Context for the AppQuickSearchProvider.
-export const AppQuickSearchContext = createContext<AppQuickSearchContextType>(null);
-
-// React Context for the AppSearchServiceProvider.
-export const AppSearchServiceContext = createContext<AppSearchServiceContextType>(null);
-
-// React Context for the AppSwitcherProvider.
-export const AppSwitcherContext = createContext<AppSwitcherContextType>(null);
-
-// React Context for the AppUserProvider.
-export const AppUserContext = createContext<AppUserService<AppUser>>(null);
-
-// React Context for the AppNotificationServiceProvider.
-export const AppNotificationServiceContext = createContext<AppNotificationServiceContextType>(null);

package/commons/components/app/AppDefaults.ts

@@ -1,52 +0,0 @@
-import type {
-  AppLeftNavConfigs,
-  AppPreferenceConfigs,
-  AppSiteMapConfigs,
-  AppThemeConfigs,
-  AppTopNavConfigs
-} from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-
-// AppPreferenceConfigs defaults.
-export const AppDefaultsPreferencesConfigs: AppPreferenceConfigs = {
-  appName: null,
-  appLink: '/',
-  appIconDark: null,
-  appIconLight: null,
-  bannerDark: null,
-  bannerLight: null,
-  defaultLayout: 'side',
-  defaultTheme: 'dark',
-  defaultShowBreadcrumbs: true,
-  allowAutoHideTopbar: true,
-  allowBreadcrumbs: true,
-  allowQuickSearch: true,
-  allowReset: true,
-  allowLayoutSelection: true,
-  allowThemeSelection: true,
-  allowTranslate: true,
-  avatarD: 'mp'
-};
-
-// AppLeftNavConfigs defaults.
-export const AppDefaultsLeftNavConfigs: AppLeftNavConfigs = {
-  elements: [],
-  width: 240,
-  hideNestedIcons: false
-};
-
-// AppTopNavConfigs defaults.
-export const AppDefaultsTopNavConfigs: AppTopNavConfigs = {
-  themeSelectionMode: 'profile',
-  quickSearchURI: '/search/',
-  quickSearchParam: 'q'
-};
-
-// AppSiteMapConfigs defaults.
-export const AppDefaultsSitemapConfigs: AppSiteMapConfigs = {
-  routes: [],
-  itemsBefore: 1,
-  itemsAfter: 2
-};
-
-// AppThemeConfigs defaults.
-export const AppDefaultsThemeConfigs: AppThemeConfigs = {};

package/commons/components/app/AppNotificationService.ts

@@ -1,7 +0,0 @@
-import type { FeedItem } from '@cccsaurora/howler-ui/commons/components/notification';
-
-export type ItemComponentProps = {
-  item: FeedItem;
-  app?: unknown;
-  eed?: unknown;
-};

package/commons/components/app/AppProvider.tsx

@@ -1,86 +0,0 @@
-import { StyledEngineProvider, ThemeProvider, useMediaQuery, type PaletteMode } from '@mui/material';
-import type { AppPreferenceConfigs, AppSiteMapConfigs, AppThemeConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-import { AppStorageKeys } from '@cccsaurora/howler-ui/commons/components/app/AppConstants';
-import { AppContext, type AppNotificationService } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import { AppDefaultsPreferencesConfigs } from '@cccsaurora/howler-ui/commons/components/app/AppDefaults';
-import type { AppSearchService } from '@cccsaurora/howler-ui/commons/components/app/AppSearchService';
-import type { AppUser, AppUserService } from '@cccsaurora/howler-ui/commons/components/app/AppUserService';
-import AppBarProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppBarProvider';
-import AppLayoutProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppLayoutProvider';
-import AppLeftNavProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppLeftNavProvider';
-import AppSnackbarProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppSnackbarProvider';
-import AppUserProvider from '@cccsaurora/howler-ui/commons/components/app/providers/AppUserProvider';
-import useLocalStorageItem from '@cccsaurora/howler-ui/commons/components/utils/hooks/useLocalStorageItem';
-import useThemeBuilder from '@cccsaurora/howler-ui/commons/components/utils/hooks/useThemeBuilder';
-import i18n from '@cccsaurora/howler-ui/i18n';
-import { useCallback, useMemo, type ReactNode } from 'react';
-
-const { LS_KEY_DARK_MODE } = AppStorageKeys;
-
-export type AppProviderProps<U extends AppUser> = {
-  preferences?: AppPreferenceConfigs;
-  theme?: AppThemeConfigs;
-  sitemap?: AppSiteMapConfigs;
-  user?: AppUserService<U>;
-  search?: AppSearchService;
-  notification?: AppNotificationService;
-  children: ReactNode;
-};
-
-export default function AppProvider<U extends AppUser>({
-  theme,
-  user,
-  search,
-  sitemap,
-  notification,
-  preferences,
-  children
-}: AppProviderProps<U>) {
-  // Since we can't useAppConfig yet, we explicitly merge default and preferences config
-  //  to help figure the default theme mode.
-  const { allowThemeSelection, defaultTheme } = { ...AppDefaultsPreferencesConfigs, ...(preferences || {}) };
-
-  // Store theme state in local storage.
-  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
-  const [darkMode, setDarkMode] = useLocalStorageItem(LS_KEY_DARK_MODE, defaultTheme === 'dark' || prefersDarkMode);
-
-  // Enforce default theme if selection isn't alloweed.
-  const _darkMode = allowThemeSelection ? darkMode : defaultTheme === 'dark';
-
-  // Create MUI Themes.
-  const { lightTheme, darkTheme } = useThemeBuilder(theme);
-
-  // Callback to toggle theme.
-  const toggleTheme = useCallback(() => setDarkMode(!darkMode), [darkMode, setDarkMode]);
-
-  // Callback to toggle language.
-  const toggleLanguage = useCallback(() => i18n.changeLanguage(i18n.language === 'en' ? 'fr' : 'en'), []);
-
-  // Memoize context value to prevent extraneous renders on components that use it.
-  const contextValue = useMemo(() => {
-    return {
-      theme: (darkMode ? 'dark' : 'light') as PaletteMode,
-      configs: { preferences, theme, sitemap },
-      toggleTheme,
-      toggleLanguage
-    };
-  }, [darkMode, preferences, theme, sitemap, toggleTheme, toggleLanguage]);
-
-  return (
-    <AppContext.Provider value={contextValue}>
-      <StyledEngineProvider injectFirst>
-        <ThemeProvider theme={_darkMode ? darkTheme : lightTheme}>
-          <AppUserProvider service={user}>
-            <AppBarProvider search={search} notification={notification}>
-              <AppLeftNavProvider>
-                <AppLayoutProvider>
-                  <AppSnackbarProvider>{children}</AppSnackbarProvider>
-                </AppLayoutProvider>
-              </AppLeftNavProvider>
-            </AppBarProvider>
-          </AppUserProvider>
-        </ThemeProvider>
-      </StyledEngineProvider>
-    </AppContext.Provider>
-  );
-}

package/commons/components/app/AppSearchService.ts

@@ -1,33 +0,0 @@
-import type { AppSearchServiceState } from '@cccsaurora/howler-ui/commons/components/app/AppContexts';
-import type { ReactElement } from 'react';
-
-export type AppSearchMode = 'inline' | 'fullscreen';
-
-export type AppSearchItem<T = any> = {
-  id: string | number;
-  item: T;
-};
-
-export type AppSearchItemRendererOption<T = any> = {
-  state: AppSearchServiceState<T>;
-  index: number;
-  last: boolean;
-};
-
-export type AppSearchService<T = any> = {
-  // Called once when the search input component has mounted.
-  // You can use this to prefill the search input and search results.
-  onMounted?: (setValue?: (value: string) => void, state?: AppSearchServiceState<T>) => void;
-  // Handler for when the search input receives an 'Enter' key keyboard event.
-  onEnter?: (value: string, state?: AppSearchServiceState<T>, setValue?: (value: string) => void) => void;
-  // Handler for when the value of the search input component changes.
-  onChange?: (value: string, state: AppSearchServiceState<T>, setValue?: (value: string) => void) => void;
-  // Handler for when a search item has focus and receives an 'Enter' key keyboard event.
-  onItemSelect?: (item: AppSearchItem<T>, state?: AppSearchServiceState<T>) => void;
-  // Search result item renderer.
-  itemRenderer: (item: AppSearchItem<T>, options?: AppSearchItemRendererOption<T>) => ReactElement;
-  // Search result header renderer.
-  headerRenderer?: (state: AppSearchServiceState<T>) => ReactElement;
-  // Search result footer renderer.
-  footerRenderer?: (state: AppSearchServiceState<T>) => ReactElement;
-};