@cccsaurora/howler-ui 2.14.0-dev.257 → 2.14.0-dev.263

package/commons/components/app/AppSkeleton.js

@@ -0,0 +1,259 @@
+import { jsx, jsxs, Fragment } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Apps } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+icons-material@5.18.0_@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18._b9cf98cd2d466d3b4f338d38bc895c0b/node_modules/@mui/icons-material/esm/index.js";
+import { styled, Skeleton, useTheme, useMediaQuery, Toolbar, List, Divider } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import { AppUserAvatar } from "../topnav/UserProfile.js";
+import "./AppContexts.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useAppBreadcrumbs } from "./hooks/useAppBreadcrumbs.js";
+import { useAppConfigs } from "./hooks/useAppConfigs.js";
+import "../../../i18n.js";
+import { useAppLayout } from "./hooks/useAppLayout.js";
+import { useAppLeftNav } from "./hooks/useAppLeftNav.js";
+import { useAppQuickSearch } from "./hooks/useAppQuickSearch.js";
+import "./hooks/useAppSitemap.js";
+import { AppBarBase } from "../topnav/AppBar.js";
+const StyledContainer = styled("div")(({ theme }) => ({
+  position: "fixed",
+  zIndex: theme.zIndex.appBar + 1e3,
+  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 }) => {
+  const theme = useTheme();
+  const isXs = useMediaQuery(theme.breakpoints.only("xs"));
+  return /* @__PURE__ */ jsxs("div", { style: { ...style, height: 48, display: "flex", flexDirection: "row" }, ...boxProps, children: [
+    /* @__PURE__ */ jsx(Skeleton, { variant: "text", animation: "wave", children: /* @__PURE__ */ jsx(Apps, {}) }),
+    withText && /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        variant: "text",
+        animation: "wave",
+        style: { flexGrow: 1, marginLeft: isXs ? theme.spacing(2) : theme.spacing(4) }
+      }
+    )
+  ] });
+};
+const LeftNavElementsSkeleton = ({ elements, withText }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Fragment, { children: elements.map((element, i) => {
+    if (element.type === "divider") {
+      return /* @__PURE__ */ jsx(Divider, {}, `leftnav-sklt-divider-${i}`);
+    }
+    return /* @__PURE__ */ jsx(
+      ButtonSkeleton,
+      {
+        withText,
+        style: {
+          paddingTop: theme.spacing(1),
+          paddingBottom: theme.spacing(1),
+          paddingLeft: theme.spacing(2),
+          paddingRight: theme.spacing(2)
+        }
+      },
+      `leftnav-sklt-${element.element.id}`
+    );
+  }) });
+};
+const SideLayoutSkeleton = () => {
+  var _a;
+  const configs = useAppConfigs();
+  const leftnav = useAppLeftNav();
+  const breadcrumbs = useAppBreadcrumbs();
+  const quicksearch = useAppQuickSearch();
+  const { left, leftAfterBreadcrumbs } = configs.preferences.topnav;
+  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 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 /* @__PURE__ */ jsx(StyledContainer, { children: /* @__PURE__ */ jsx(StyledLeftLayout, { children: /* @__PURE__ */ jsxs(StyledContent, { children: [
+    /* @__PURE__ */ jsxs(StyledContentLeft, { style: { width: leftnav.open ? configs.preferences.leftnav.width : sp7 }, children: [
+      /* @__PURE__ */ jsx(Toolbar, { disableGutters: true, children: /* @__PURE__ */ jsx(
+        ButtonSkeleton,
+        {
+          withText: leftnav.open,
+          style: { paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp2, flexGrow: 1 }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(List, { disablePadding: true, children: [
+        /* @__PURE__ */ jsx(LeftNavElementsSkeleton, { elements: leftnav.elements, withText: leftnav.open }),
+        ((_a = leftnav.elements) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(
+          ButtonSkeleton,
+          {
+            withText: leftnav.open,
+            style: { paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp2 }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(StyledContentRight, { children: /* @__PURE__ */ jsx(AppBarBase, { children: /* @__PURE__ */ jsxs(Toolbar, { disableGutters: true, style: { paddingRight: sp2, paddingLeft: !isXs ? sp2 : null }, children: [
+      isXs && /* @__PURE__ */ jsx(
+        ButtonSkeleton,
+        {
+          withText: leftnav.open,
+          style: {
+            paddingTop: sp1,
+            paddingBottom: sp1,
+            paddingLeft: sp2,
+            paddingRight: sp2,
+            flexGrow: 1
+          }
+        }
+      ),
+      showTopBarBreadcrumbs && /* @__PURE__ */ jsx(StyledBreadcrumbsSkeleton, { variant: "text", animation: "wave", width: 100 }),
+      showSpacer && /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
+      quicksearch.show && /* @__PURE__ */ jsx(
+        StyledQuickSearchSkeleton,
+        {
+          variant: "text",
+          animation: "wave",
+          width: showTopBarBreadcrumbs ? 358 : "auto",
+          style: { flexGrow: !showTopBarBreadcrumbs ? 1 : 0 }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ButtonSkeleton,
+        {
+          withText: false,
+          style: {
+            paddingTop: sp1,
+            paddingBottom: sp1,
+            paddingLeft: sp2,
+            paddingRight: sp2,
+            marginLeft: sp1,
+            marginRight: sp1
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(Skeleton, { animation: "wave", variant: "circular", children: /* @__PURE__ */ jsx(AppUserAvatar, {}) })
+    ] }) }) })
+  ] }) }) });
+};
+const TopLayoutSkeleton = () => {
+  var _a;
+  const configs = useAppConfigs();
+  const leftnav = useAppLeftNav();
+  const breadcrumbs = useAppBreadcrumbs();
+  const quicksearch = useAppQuickSearch();
+  const { left, leftAfterBreadcrumbs } = configs.preferences.topnav;
+  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 /* @__PURE__ */ jsx(StyledContainer, { children: /* @__PURE__ */ jsxs(StyledTopLayout, { children: [
+    /* @__PURE__ */ jsx(AppBarBase, { children: /* @__PURE__ */ jsxs(Toolbar, { style: { paddingRight: sp2 }, disableGutters: true, children: [
+      /* @__PURE__ */ jsx(
+        ButtonSkeleton,
+        {
+          withText: false,
+          style: { paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp4 }
+        }
+      ),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", animation: "wave", style: { marginRight: sp3 }, children: /* @__PURE__ */ jsx("div", { style: { fontSize: "1.5rem", letterSpacing: "-1px" }, children: configs.preferences.appName }) }),
+      showTopBarBreadcrumbs && /* @__PURE__ */ jsx(StyledBreadcrumbsSkeleton, { variant: "text", animation: "wave", width: 100 }),
+      showSpacer && /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
+      quicksearch.show && /* @__PURE__ */ jsx(
+        StyledQuickSearchSkeleton,
+        {
+          variant: "text",
+          animation: "wave",
+          width: showTopBarBreadcrumbs ? 300 : "auto",
+          style: { flexGrow: !showTopBarBreadcrumbs ? 1 : 0 }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ButtonSkeleton,
+        {
+          withText: false,
+          style: {
+            paddingTop: sp1,
+            paddingBottom: sp1,
+            paddingLeft: sp2,
+            paddingRight: sp2,
+            marginLeft: sp1,
+            marginRight: sp1
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(Skeleton, { animation: "wave", variant: "circular", children: /* @__PURE__ */ jsx(AppUserAvatar, {}) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(StyledContent, { children: [
+      /* @__PURE__ */ jsx(StyledContentLeft, { style: { width: leftnav.open ? configs.preferences.leftnav.width : sp7 }, children: /* @__PURE__ */ jsxs(List, { disablePadding: true, children: [
+        /* @__PURE__ */ jsx(LeftNavElementsSkeleton, { elements: leftnav.elements, withText: leftnav.open }),
+        ((_a = leftnav.elements) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(
+          ButtonSkeleton,
+          {
+            withText: leftnav.open,
+            style: { paddingTop: sp1, paddingBottom: sp1, paddingLeft: sp2, paddingRight: sp2 }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(StyledContentRight, {})
+    ] })
+  ] }) });
+};
+const LayoutSkeleton = () => {
+  const layout = useAppLayout();
+  return layout.current === "top" ? /* @__PURE__ */ jsx(TopLayoutSkeleton, {}) : /* @__PURE__ */ jsx(SideLayoutSkeleton, {});
+};
+export {
+  LayoutSkeleton as default
+};

package/commons/components/app/AppUserService.d.ts

@@ -0,0 +1,17 @@
+export type AppUserValidatedProp = {
+    prop: string;
+    value: any;
+};
+export type AppUser = {
+    username?: string;
+    email?: string;
+    name?: string;
+    avatar?: string;
+    is_admin?: boolean;
+};
+export type AppUserService<T extends AppUser> = {
+    user: T;
+    setUser: (user: T) => void;
+    isReady: () => boolean;
+    validateProps?: (props: AppUserValidatedProp[]) => boolean;
+};

package/commons/components/app/AppUserService.js

@@ -0,0 +1 @@
+

package/commons/components/app/hooks/index.d.ts

@@ -0,0 +1,18 @@
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useApp';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBanner';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBar';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBarHeight';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBarScrollTrigger';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBreadcrumbs';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppConfigs';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLanguage';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLayout';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLeftNav';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLogo';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppNotification';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppQuickSearch';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSearchService';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSitemap';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSwitcher';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppTheme';
+export * from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppUser';

package/commons/components/app/hooks/index.js

@@ -0,0 +1,40 @@
+import { useApp } from "./useApp.js";
+import { useAppBanner } from "./useAppBanner.js";
+import { useAppBar } from "./useAppBar.js";
+import { APPBAR_READY_EVENT, useAppBarHeight } from "./useAppBarHeight.js";
+import { useAppBarScrollTrigger } from "./useAppBarScrollTrigger.js";
+import { useAppBreadcrumbs } from "./useAppBreadcrumbs.js";
+import { useAppConfigs } from "./useAppConfigs.js";
+import { useAppLanguage } from "./useAppLanguage.js";
+import { useAppLayout } from "./useAppLayout.js";
+import { useAppLeftNav } from "./useAppLeftNav.js";
+import { useAppLogo } from "./useAppLogo.js";
+import { useAppNotification } from "./useAppNotification.js";
+import { useAppQuickSearch } from "./useAppQuickSearch.js";
+import { useAppSearchService } from "./useAppSearchService.js";
+import { getRoute, useAppSitemap } from "./useAppSitemap.js";
+import { useAppSwitcher } from "./useAppSwitcher.js";
+import { useAppTheme } from "./useAppTheme.js";
+import { useAppUser } from "./useAppUser.js";
+export {
+  APPBAR_READY_EVENT,
+  getRoute,
+  useApp,
+  useAppBanner,
+  useAppBar,
+  useAppBarHeight,
+  useAppBarScrollTrigger,
+  useAppBreadcrumbs,
+  useAppConfigs,
+  useAppLanguage,
+  useAppLayout,
+  useAppLeftNav,
+  useAppLogo,
+  useAppNotification,
+  useAppQuickSearch,
+  useAppSearchService,
+  useAppSitemap,
+  useAppSwitcher,
+  useAppTheme,
+  useAppUser
+};

package/commons/components/app/hooks/useApp.d.ts

@@ -0,0 +1 @@
+export declare function useApp(): import('@cccsaurora/howler-ui/commons/components/app/AppContexts').AppContextType;

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

@@ -0,0 +1,8 @@
+import { AppContext } from "../AppContexts.js";
+import { useContext } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useApp() {
+  return useContext(AppContext);
+}
+export {
+  useApp
+};

package/commons/components/app/hooks/useAppBanner.d.ts

@@ -0,0 +1 @@
+export declare function useAppBanner(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;

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

@@ -0,0 +1,14 @@
+import { useApp } from "./useApp.js";
+import "../AppContexts.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useAppConfigs } from "./useAppConfigs.js";
+import "../../../../i18n.js";
+import "./useAppSitemap.js";
+function useAppBanner() {
+  const { theme } = useApp();
+  const { preferences } = useAppConfigs();
+  return theme === "dark" ? preferences.bannerDark : preferences.bannerLight;
+}
+export {
+  useAppBanner
+};

package/commons/components/app/hooks/useAppBar.d.ts

@@ -0,0 +1 @@
+export declare function useAppBar(): import('@cccsaurora/howler-ui/commons/components/app/AppContexts').AppBarContextType;

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

@@ -0,0 +1,8 @@
+import { AppBarContext } from "../AppContexts.js";
+import { useContext } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useAppBar() {
+  return useContext(AppBarContext);
+}
+export {
+  useAppBar
+};

package/commons/components/app/hooks/useAppBarHeight.d.ts

@@ -0,0 +1,2 @@
+export declare const APPBAR_READY_EVENT = "tui.event.appbar.ready";
+export declare function useAppBarHeight(): number;

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

@@ -0,0 +1,26 @@
+import { useState, useLayoutEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+const APPBAR_READY_EVENT = "tui.event.appbar.ready";
+function useAppBarHeight() {
+  const [height, setHeight] = useState(-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;
+}
+export {
+  APPBAR_READY_EVENT,
+  useAppBarHeight
+};

package/commons/components/app/hooks/useAppBarScrollTrigger.d.ts

@@ -0,0 +1 @@
+export declare function useAppBarScrollTrigger(): boolean;

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

@@ -0,0 +1,10 @@
+import { useScrollTrigger } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+function useAppBarScrollTrigger() {
+  return useScrollTrigger({
+    disableHysteresis: true,
+    threshold: 0
+  });
+}
+export {
+  useAppBarScrollTrigger
+};

package/commons/components/app/hooks/useAppBreadcrumbs.d.ts

@@ -0,0 +1 @@
+export declare function useAppBreadcrumbs(): import('@cccsaurora/howler-ui/commons/components/app/AppContexts').AppBreadcrumbsContextType;

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

@@ -0,0 +1,8 @@
+import { AppBreadcrumbsContext } from "../AppContexts.js";
+import { useContext } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useAppBreadcrumbs() {
+  return useContext(AppBreadcrumbsContext);
+}
+export {
+  useAppBreadcrumbs
+};

package/commons/components/app/hooks/useAppConfigs.d.ts

@@ -0,0 +1,59 @@
+export declare function useAppConfigs(): {
+    allowPersonalization: boolean;
+    preferences: {
+        topnav: {
+            themeSelectionMode?: import('../AppConfigs').AppThemeSelectionMode;
+            apps?: import('../AppConfigs').AppSwitcherItem[];
+            userMenu?: import('../AppConfigs').AppBarUserMenuElement[];
+            userMenuI18nKey?: string;
+            userMenuTitle?: string;
+            adminMenu?: import('../AppConfigs').AppBarUserMenuElement[];
+            adminMenuI18nKey?: string;
+            adminMenuTitle?: string;
+            quickSearchURI?: string;
+            quickSearchParam?: string;
+            left?: import('react').ReactNode;
+            leftAfterBreadcrumbs?: import('react').ReactNode;
+            rightBeforeSearch?: import('react').ReactNode;
+            right?: import('react').ReactNode;
+            hideUserAvatar?: boolean;
+        };
+        leftnav: {
+            elements: import('../AppConfigs').AppLeftNavElement[];
+            width?: number;
+            hideNestedIcons?: boolean;
+        };
+        appName: string;
+        appLink?: import('react-router').To;
+        appIconDark: import('react').ReactElement<any>;
+        appIconLight: import('react').ReactElement<any>;
+        bannerDark?: import('react').ReactElement<any>;
+        bannerLight?: import('react').ReactElement<any>;
+        allowAutoHideTopbar?: boolean;
+        allowBreadcrumbs?: boolean;
+        allowGravatar?: boolean;
+        allowQuickSearch?: boolean;
+        allowReset?: boolean;
+        allowLayoutSelection?: boolean;
+        allowThemeSelection?: boolean;
+        allowTranslate?: boolean;
+        defaultLayout?: import('../AppConfigs').AppLayoutMode;
+        defaultTheme?: import('@mui/material').PaletteMode;
+        defaultDrawerOpen?: boolean;
+        defaultShowQuickSearch?: boolean;
+        defaultAutoHideAppbar?: boolean;
+        defaultShowBreadcrumbs?: boolean;
+        avatarD?: import('../../display/AppAvatar').GravatarD;
+        notificationURLs?: string[];
+    };
+    sitemap: {
+        routes: import('../AppConfigs').AppSiteMapRoute[];
+        itemsBefore?: number;
+        itemsAfter?: number;
+    };
+    theme: {
+        components?: import('@mui/material').Components<Omit<import('@mui/material').Theme, "components">>;
+        palette?: import('../AppConfigs').AppPaletteConfigs;
+        appbar?: import('../AppConfigs').AppBarThemeConfigs;
+    };
+};

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

@@ -0,0 +1,39 @@
+import { AppContext } from "../AppContexts.js";
+import { AppDefaultsPreferencesConfigs, AppDefaultsThemeConfigs, AppDefaultsSitemapConfigs, AppDefaultsLeftNavConfigs, AppDefaultsTopNavConfigs } from "../AppDefaults.js";
+import { useContext, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useAppConfigs() {
+  const { configs } = useContext(AppContext);
+  return useMemo(() => {
+    const { preferences, sitemap, theme } = configs;
+    const _configs = {
+      preferences: {
+        ...AppDefaultsPreferencesConfigs,
+        ...preferences || {},
+        topnav: {
+          ...AppDefaultsTopNavConfigs,
+          ...(preferences == null ? void 0 : preferences.topnav) || {}
+        },
+        leftnav: {
+          ...AppDefaultsLeftNavConfigs,
+          ...(preferences == null ? void 0 : preferences.leftnav) || {}
+        }
+      },
+      sitemap: {
+        ...AppDefaultsSitemapConfigs,
+        ...sitemap || {}
+      },
+      theme: {
+        ...AppDefaultsThemeConfigs,
+        ...theme || {}
+      }
+    };
+    const allowPersonalization = _configs.preferences.allowAutoHideTopbar || _configs.preferences.allowBreadcrumbs || _configs.preferences.allowQuickSearch || _configs.preferences.allowReset || _configs.preferences.allowThemeSelection || _configs.preferences.allowLayoutSelection;
+    return {
+      ..._configs,
+      allowPersonalization
+    };
+  }, [configs]);
+}
+export {
+  useAppConfigs
+};

package/commons/components/app/hooks/useAppLanguage.d.ts

@@ -0,0 +1,6 @@
+export type AppLanguageType = {
+    isFR: () => boolean;
+    isEN: () => boolean;
+    toggle: () => void;
+};
+export declare function useAppLanguage(onChange?: (language: 'en' | 'fr') => void): AppLanguageType;

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

@@ -0,0 +1,23 @@
+import { AppContext } from "../AppContexts.js";
+import i18nInstance from "../../../../i18n.js";
+import { useContext, useEffect, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useAppLanguage(onChange) {
+  const { toggleLanguage } = useContext(AppContext);
+  useEffect(() => {
+    if (onChange) {
+      i18nInstance.on("languageChanged", onChange);
+    }
+    return () => {
+      if (onChange) {
+        i18nInstance.off("languageChanged", onChange);
+      }
+    };
+  }, [onChange]);
+  return useMemo(
+    () => ({ isFR: () => i18nInstance.language === "fr", isEN: () => i18nInstance.language === "en", toggle: toggleLanguage }),
+    [toggleLanguage]
+  );
+}
+export {
+  useAppLanguage
+};

package/commons/components/app/hooks/useAppLayout.d.ts

@@ -0,0 +1 @@
+export declare function useAppLayout(): import('@cccsaurora/howler-ui/commons/components/app/AppContexts').AppLayoutContextType;

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

@@ -0,0 +1,8 @@
+import { AppLayoutContext } from "../AppContexts.js";
+import { useContext } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useAppLayout() {
+  return useContext(AppLayoutContext);
+}
+export {
+  useAppLayout
+};

package/commons/components/app/hooks/useAppLeftNav.d.ts

@@ -0,0 +1 @@
+export declare function useAppLeftNav(): import('@cccsaurora/howler-ui/commons/components/app/AppContexts').AppLeftNavContextType;

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

@@ -0,0 +1,8 @@
+import { AppLeftNavContext } from "../AppContexts.js";
+import { useContext } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useAppLeftNav() {
+  return useContext(AppLeftNavContext);
+}
+export {
+  useAppLeftNav
+};

package/commons/components/app/hooks/useAppLogo.d.ts

@@ -0,0 +1 @@
+export declare function useAppLogo(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;

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

@@ -0,0 +1,11 @@
+import { useApp } from "./useApp.js";
+import { useAppConfigs } from "./useAppConfigs.js";
+import { useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useAppLogo() {
+  const { theme } = useApp();
+  const { preferences } = useAppConfigs();
+  return useMemo(() => theme === "dark" ? preferences.appIconDark : preferences.appIconLight, [theme, preferences]);
+}
+export {
+  useAppLogo
+};

package/commons/components/app/hooks/useAppNotification.d.ts

@@ -0,0 +1 @@
+export declare function useAppNotification(): import('@cccsaurora/howler-ui/commons/components/app/AppContexts').AppNotificationServiceContextType;

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

@@ -0,0 +1,8 @@
+import { AppNotificationServiceContext } from "../AppContexts.js";
+import { useContext } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useAppNotification() {
+  return useContext(AppNotificationServiceContext);
+}
+export {
+  useAppNotification
+};

package/commons/components/app/hooks/useAppQuickSearch.d.ts

@@ -0,0 +1 @@
+export declare function useAppQuickSearch(): import('@cccsaurora/howler-ui/commons/components/app/AppContexts').AppQuickSearchContextType;

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

@@ -0,0 +1,8 @@
+import { AppQuickSearchContext } from "../AppContexts.js";
+import { useContext } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+function useAppQuickSearch() {
+  return useContext(AppQuickSearchContext);
+}
+export {
+  useAppQuickSearch
+};

package/commons/components/app/hooks/useAppSearchService.d.ts

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