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

package/commons/components/breadcrumbs/BreadcrumbLastItem.js

@@ -1,40 +0,0 @@
-import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Typography, Tooltip } 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 "../app/AppContexts.js";
-import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import "../../../i18n.js";
-import { useAppSitemap } from "../app/hooks/useAppSitemap.js";
-import BreadcrumbIcon from "./BreadcrumbIcon.js";
-const BreadcrumbLastItem = ({ item, textOnly }) => {
-  const { route, matcher } = item;
-  const { getTitle: resolveTitle } = useAppSitemap();
-  const url = matcher ? matcher.pathname : route.path;
-  return /* @__PURE__ */ jsxs(
-    Typography,
-    {
-      style: {
-        display: "flex",
-        alignItems: "center"
-      },
-      children: [
-        !textOnly && /* @__PURE__ */ jsx(BreadcrumbIcon, { item }),
-        /* @__PURE__ */ jsx(Tooltip, { title: url, children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: {
-              maxWidth: route.textWidth || "200px",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap"
-            },
-            children: resolveTitle(item)
-          }
-        ) })
-      ]
-    },
-    `bcrumb-${url}`
-  );
-};
-export {
-  BreadcrumbLastItem as default
-};

package/commons/components/breadcrumbs/BreadcrumbLinkItem.d.ts

@@ -1,7 +0,0 @@
-import { BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-type BreadcrumbLinkItemProps = {
-    textOnly?: boolean;
-    item: BreadcrumbItem;
-};
-declare const BreadcrumbLinkItem: React.FC<BreadcrumbLinkItemProps>;
-export default BreadcrumbLinkItem;

package/commons/components/breadcrumbs/BreadcrumbLinkItem.js

@@ -1,44 +0,0 @@
-import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Link, Tooltip } 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 "../app/AppContexts.js";
-import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import "../../../i18n.js";
-import { useAppSitemap } from "../app/hooks/useAppSitemap.js";
-import BreadcrumbIcon from "./BreadcrumbIcon.js";
-import { Link as Link$1 } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-router-dom@6.30.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-router-dom/dist/index.js";
-const BreadcrumbLinkItem = ({ item, textOnly }) => {
-  const { route, matcher } = item;
-  const { getTitle: resolveTitle } = useAppSitemap();
-  const url = matcher ? matcher.pathname : route.path;
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      component: Link$1,
-      color: "inherit",
-      to: url,
-      style: {
-        display: "flex",
-        alignItems: "center"
-      },
-      children: [
-        !textOnly && /* @__PURE__ */ jsx(BreadcrumbIcon, { item }),
-        /* @__PURE__ */ jsx(Tooltip, { title: url, children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: {
-              maxWidth: route.textWidth || "200px",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap"
-            },
-            children: resolveTitle(item)
-          }
-        ) })
-      ]
-    },
-    `bcrumb-${url}`
-  );
-};
-export {
-  BreadcrumbLinkItem as default
-};

package/commons/components/breadcrumbs/BreadcrumbList.d.ts

@@ -1,11 +0,0 @@
-import { BreadcrumbItem } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-type BreadcrumbListProps = {
-    disableStyle?: boolean;
-    textOnly?: boolean;
-    isStatic?: boolean;
-    itemsBefore?: number;
-    itemsAfter?: number;
-    items: BreadcrumbItem[];
-};
-export default function BreadcrumbList({ items, disableStyle, itemsBefore, itemsAfter, textOnly, isStatic }: BreadcrumbListProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/commons/components/breadcrumbs/BreadcrumbList.js

@@ -1,74 +0,0 @@
-import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { MoreHoriz } 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 { Breadcrumbs, Tooltip } 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 "../app/AppContexts.js";
-import { useState } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import "../../../i18n.js";
-import "../app/hooks/useAppSitemap.js";
-import BreadcrumbLastItem from "./BreadcrumbLastItem.js";
-import BreadcrumbLinkItem from "./BreadcrumbLinkItem.js";
-import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
-const splitItems = (items, itemsBeforeCount, itemsAfterCount, expanded, isStatic) => {
-  const _items = items.concat().filter((i) => !i.route.exclude);
-  const hasEllipsis = _items.length > itemsBeforeCount + itemsAfterCount;
-  if (!hasEllipsis || isStatic) {
-    return { before: null, after: _items, hasEllipsis: false };
-  }
-  const before = _items.slice(0, itemsBeforeCount);
-  const after = expanded ? _items.slice(itemsBeforeCount) : _items.slice(_items.length - itemsAfterCount);
-  return { before, after, hasEllipsis: hasEllipsis || expanded };
-};
-const BreadcrumbsEllipsis = ({ onClick, expanded }) => {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsx(Tooltip, { title: t(expanded ? "tooltip.breadcrumbs.min" : "tooltip.breadcrumbs.max"), children: /* @__PURE__ */ jsx(
-    MoreHoriz,
-    {
-      fontSize: "small",
-      sx: {
-        verticalAlign: "bottom",
-        marginTop: "5px",
-        display: "inline-flex",
-        "&:hover": {
-          cursor: "pointer"
-        }
-      },
-      onClick
-    }
-  ) });
-};
-function BreadcrumbList({
-  items,
-  disableStyle,
-  itemsBefore,
-  itemsAfter,
-  textOnly,
-  isStatic
-}) {
-  const [expanded, setExpanded] = useState(false);
-  const { before, after, hasEllipsis } = splitItems(items, itemsBefore, itemsAfter, expanded, isStatic);
-  const last = after.length > 0 ? after.pop() : null;
-  return /* @__PURE__ */ jsxs(
-    Breadcrumbs,
-    {
-      "aria-label": "breadcrumb",
-      maxItems: 1e3,
-      style: {
-        ...!disableStyle && {
-          color: "inherit",
-          display: "flex",
-          alignItems: "center",
-          flexGrow: 2
-        }
-      },
-      children: [
-        before && before.map((item) => /* @__PURE__ */ jsx(BreadcrumbLinkItem, { item, textOnly }, `bcrumb-${item.route.path}`)),
-        hasEllipsis && /* @__PURE__ */ jsx(BreadcrumbsEllipsis, { expanded, onClick: () => setExpanded(!expanded) }),
-        after && after.map((item) => /* @__PURE__ */ jsx(BreadcrumbLinkItem, { item, textOnly }, `bcrumb-${item.route.path}`)),
-        last && /* @__PURE__ */ jsx(BreadcrumbLastItem, { item: last, textOnly })
-      ]
-    }
-  );
-}
-export {
-  BreadcrumbList as default
-};

package/commons/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import('react').MemoExoticComponent<({ disableStyle }: {
-    disableStyle?: boolean;
-}) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/commons/components/breadcrumbs/Breadcrumbs.js

@@ -1,45 +0,0 @@
-import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { useTheme, useMediaQuery } 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 "../app/AppContexts.js";
-import { memo, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import { useAppBreadcrumbs } from "../app/hooks/useAppBreadcrumbs.js";
-import { useAppConfigs } from "../app/hooks/useAppConfigs.js";
-import "../../../i18n.js";
-import { useAppSitemap } from "../app/hooks/useAppSitemap.js";
-import BreadcrumbList from "./BreadcrumbList.js";
-const Breadcrumbs = ({ disableStyle = false }) => {
-  const theme = useTheme();
-  const isMedium = useMediaQuery(theme.breakpoints.up("md"));
-  const configs = useAppConfigs();
-  const breadcrumbs = useAppBreadcrumbs();
-  const sitemap = useAppSitemap();
-  const current = breadcrumbs.last();
-  const isStatic = !!current.route.breadcrumbs;
-  const isExpanded = isMedium;
-  const items = useMemo(() => {
-    let _items = null;
-    if (sitemap.is404(current)) {
-      _items = [current];
-    } else if (isStatic) {
-      const staticBreadcrumbs = current.route.breadcrumbs.map((path) => sitemap.getRoute(path));
-      _items = [...staticBreadcrumbs, current];
-    } else {
-      _items = breadcrumbs.items;
-    }
-    return _items;
-  }, [current, isStatic, breadcrumbs, sitemap]);
-  return /* @__PURE__ */ jsx(
-    BreadcrumbList,
-    {
-      items,
-      disableStyle,
-      isStatic,
-      itemsBefore: isExpanded ? configs.sitemap.itemsBefore : 0,
-      itemsAfter: isExpanded ? configs.sitemap.itemsAfter : 1
-    }
-  );
-};
-const Breadcrumbs$1 = memo(Breadcrumbs);
-export {
-  Breadcrumbs$1 as default
-};

package/commons/components/display/AppAvatar.d.ts

@@ -1,8 +0,0 @@
-import { AvatarProps } from '@mui/material';
-export type GravatarD = '404' | 'mp' | 'identicon' | 'monsterid' | 'wavatar' | 'retro' | 'robohash' | 'blank';
-export type AppAvatarProps = {
-    d?: GravatarD;
-    url?: string;
-    email?: string;
-} & Omit<AvatarProps, 'src'>;
-export default function AppAvatar({ d, url, email, ...props }: AppAvatarProps): import("react/jsx-runtime").JSX.Element;

package/commons/components/display/AppAvatar.js

@@ -1,28 +0,0 @@
-import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Avatar } 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 { useAppConfigs } from "../app/hooks/useAppConfigs.js";
-import md5 from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/md5@2.3.0/node_modules/md5/md5.js";
-import { useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-function AppAvatar({ d, url, email, ...props }) {
-  const configs = useAppConfigs();
-  const avatarUrl = useMemo(
-    () => url || (configs.preferences.allowGravatar ? `https://s.gravatar.com/avatar/${email ? md5(email) : ""}?d=${d || configs.preferences.avatarD}` : null),
-    [configs, url, email, d]
-  );
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      ...props,
-      sx: {
-        ...props.sx || {},
-        "&:hover": {
-          cursor: "pointer"
-        }
-      },
-      src: avatarUrl
-    }
-  );
-}
-export {
-  AppAvatar as default
-};

package/commons/components/display/AppInfoPanel.d.ts

@@ -1,5 +0,0 @@
-import { StackProps } from '@mui/material';
-export type AppInfoPanelProps = {
-    i18nKey: string;
-} & StackProps;
-export default function AppInfoPanel({ i18nKey, ...props }: AppInfoPanelProps): import("react/jsx-runtime").JSX.Element;

package/commons/components/display/AppInfoPanel.js

@@ -1,33 +0,0 @@
-import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Info } 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 { useTheme, emphasize, Stack, Box, Typography } 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 { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
-function AppInfoPanel({ i18nKey, ...props }) {
-  const { t } = useTranslation();
-  const theme = useTheme();
-  const bgColor = emphasize(theme.palette.background.default, 0.1);
-  const color = emphasize(bgColor, 0.4);
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      ...props,
-      direction: "row",
-      p: 2,
-      sx: {
-        ...props.sx,
-        alignItems: "center",
-        borderRadius: 2,
-        backgroundColor: bgColor,
-        color
-      },
-      children: [
-        /* @__PURE__ */ jsx(Info, { fontSize: "large" }),
-        /* @__PURE__ */ jsx(Box, { m: 1 }),
-        /* @__PURE__ */ jsx(Typography, { variant: "h5", children: t(i18nKey) })
-      ]
-    }
-  );
-}
-export {
-  AppInfoPanel as default
-};

package/commons/components/display/AppListEmpty.d.ts

@@ -1,2 +0,0 @@
-import { AppInfoPanelProps } from '@cccsaurora/howler-ui/commons/components/display/AppInfoPanel';
-export default function AppListEmpty(props: Omit<AppInfoPanelProps, 'i18nKey'>): import("react/jsx-runtime").JSX.Element;

package/commons/components/display/AppListEmpty.js

@@ -1,8 +0,0 @@
-import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import AppInfoPanel from "./AppInfoPanel.js";
-function AppListEmpty(props) {
-  return /* @__PURE__ */ jsx(AppInfoPanel, { ...props, i18nKey: "app.list.empty" });
-}
-export {
-  AppListEmpty as default
-};

package/commons/components/display/AppToc.d.ts

@@ -1,19 +0,0 @@
-import { default as React, ReactNode } from 'react';
-export type AppTocItem = {
-    id: string;
-    subItems?: AppTocItem[];
-    is_admin?: boolean;
-};
-export type AppTocElementProps = {
-    translation: string;
-    item: AppTocItem;
-};
-type AppTocProps = {
-    children: ReactNode;
-    translation: string;
-    items: AppTocItem[];
-    titleI18nKey?: string;
-    topI18nKey?: string;
-};
-declare const _default: React.MemoExoticComponent<({ children, translation, items, titleI18nKey, topI18nKey }: AppTocProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/commons/components/display/AppToc.js

@@ -1,116 +0,0 @@
-import { jsxs, jsx, Fragment } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { styled, useTheme } 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 { useAppBar } from "../app/hooks/useAppBar.js";
-import { useAppLayout } from "../app/hooks/useAppLayout.js";
-import { useAppUser } from "../app/hooks/useAppUser.js";
-import { memo, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
-import { useLocation, Link } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-router-dom@6.30.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-router-dom/dist/index.js";
-const TocRoot = styled("div")(({ theme }) => ({
-  display: "flex",
-  ".tocBar": {
-    display: "none",
-    paddingLeft: "16px",
-    [theme.breakpoints.up("md")]: {
-      display: "block"
-    }
-  },
-  ".toc": {
-    fontSize: "0.875rem",
-    listStyle: "none",
-    paddingInlineStart: 0,
-    [theme.breakpoints.only("md")]: {
-      width: "124px"
-    },
-    [theme.breakpoints.up("lg")]: {
-      width: "164px"
-    },
-    "& li": {
-      color: theme.palette.text.primary,
-      marginLeft: theme.spacing(1),
-      marginBottom: theme.spacing(0.5),
-      paddingLeft: theme.spacing(1.25),
-      paddingRight: theme.spacing(1)
-    },
-    "& .active": {
-      borderLeft: `solid ${theme.palette.primary.main} 2px`,
-      paddingLeft: theme.spacing(1),
-      color: theme.palette.primary.main
-    },
-    "& li:hover": {
-      borderLeft: `solid ${theme.palette.text.disabled} 1px`,
-      paddingLeft: "9px",
-      color: theme.palette.text.disabled
-    },
-    "& li > a": {
-      color: "inherit",
-      display: "block",
-      textDecoration: "none",
-      width: "100%"
-    }
-  },
-  ".ttop": {
-    paddingTop: theme.spacing(2.5),
-    marginLeft: theme.spacing(2.25),
-    color: theme.palette.text.primary,
-    "& a": {
-      color: "inherit",
-      display: "block",
-      textDecoration: "none"
-    },
-    "& :hover": {
-      color: theme.palette.text.disabled
-    }
-  }
-}));
-const AppTocElement = ({ translation, item }) => {
-  const location = useLocation();
-  const { t } = useTranslation([translation]);
-  const currentHash = location.hash && location.hash !== "" ? location.hash.substring(1) : null;
-  const active = currentHash && currentHash.startsWith(item.id) ? "active" : null;
-  const { user: currentUser } = useAppUser();
-  return (!item.is_admin || currentUser.is_admin && item.is_admin) && /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("li", { className: active, children: /* @__PURE__ */ jsx(Link, { to: `#${item.id}`, target: "_self", children: t(item.id) }) }),
-    active && item.subItems && /* @__PURE__ */ jsx("ul", { className: "toc", style: { fontSize: "smaller", paddingInlineStart: "8px" }, children: item.subItems.map((itm) => /* @__PURE__ */ jsx(AppTocElement, { item: itm, translation }, itm.id)) })
-  ] });
-};
-const AppToc = ({ children, translation, items, titleI18nKey = "toc", topI18nKey = "top" }) => {
-  const { autoHide: autoHideAppbar } = useAppBar();
-  const { current: currentLayout } = useAppLayout();
-  const theme = useTheme();
-  const location = useLocation();
-  const { t } = useTranslation([translation]);
-  useEffect(() => {
-    if (location.hash && location.hash !== "") {
-      const scrollElement = document.getElementById(location.hash.substring(1));
-      if (scrollElement) {
-        scrollElement.scrollIntoView(true);
-      } else {
-        console.log("[WARN] Trying to scroll to unknown ID:", location.hash);
-      }
-    }
-  }, [location.hash]);
-  return /* @__PURE__ */ jsxs(TocRoot, { id: "top", children: [
-    /* @__PURE__ */ jsx("div", { id: "content", children }),
-    /* @__PURE__ */ jsx("div", { id: "toc", className: "tocBar", children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          position: "sticky",
-          top: theme.spacing(autoHideAppbar && currentLayout !== "top" ? 5 : 13)
-        },
-        children: [
-          titleI18nKey && /* @__PURE__ */ jsx("div", { style: { fontSize: "1.25rem", marginLeft: "18px" }, children: t(titleI18nKey) }),
-          /* @__PURE__ */ jsxs("ul", { className: "toc", children: [
-            items && items.map((item) => /* @__PURE__ */ jsx(AppTocElement, { item, translation }, item.id)),
-            topI18nKey && /* @__PURE__ */ jsx("div", { className: "ttop", children: /* @__PURE__ */ jsx(Link, { to: "#top", target: "_self", children: t(topI18nKey) }) })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-};
-const AppToc$1 = memo(AppToc);
-export {
-  AppToc$1 as default
-};

package/commons/components/display/hooks/useAppColor.d.ts

@@ -1,5 +0,0 @@
-import { colors } from '@mui/material';
-type MuiColorType = keyof typeof colors;
-type MuiColorVariant = keyof typeof colors.blue;
-export default function useAppColor(color?: MuiColorType, lightVariant?: MuiColorVariant, darkVariant?: MuiColorVariant): "#1e88e5" | "#1976d2" | "#42a5f5" | "#0d47a1" | "#90caf9" | "#64b5f6" | "#2196f3" | "#e3f2fd" | "#bbdefb" | "#1565c0" | "#82b1ff" | "#448aff" | "#2979ff" | "#2962ff";
-export {};

package/commons/components/display/hooks/useAppColor.js

@@ -1,15 +0,0 @@
-import { colors } 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 "../../app/AppContexts.js";
-import { useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import "../../../../i18n.js";
-import "../../app/hooks/useAppSitemap.js";
-import { useAppTheme } from "../../app/hooks/useAppTheme.js";
-function useAppColor(color = "grey", lightVariant = 100, darkVariant = 900) {
-  const { isDark } = useAppTheme();
-  return useMemo(() => {
-    return colors[color][isDark ? darkVariant : lightVariant];
-  }, [isDark, color, lightVariant, darkVariant]);
-}
-export {
-  useAppColor as default
-};

package/commons/components/leftnav/LeftNavDrawer.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/commons/components/leftnav/LeftNavDrawer.js

@@ -1,141 +0,0 @@
-import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { ChevronLeft, ChevronRight } 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, Drawer, useTheme, useMediaQuery, Toolbar, Divider, List, ListItemButton, ListItemIcon, ListItemText, ClickAwayListener, Tooltip, Box } 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 "../app/AppContexts.js";
-import { memo, useCallback } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import { useAppConfigs } from "../app/hooks/useAppConfigs.js";
-import "../../../i18n.js";
-import { useAppLayout } from "../app/hooks/useAppLayout.js";
-import { useAppLeftNav } from "../app/hooks/useAppLeftNav.js";
-import "../app/hooks/useAppSitemap.js";
-import LeftNavGroup from "./LeftNavGroup.js";
-import LeftNavItem from "./LeftNavItem.js";
-import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
-import AppName from "../topnav/AppName.js";
-const StyledDrawer = styled(Drawer, { shouldForwardProp: (prop) => prop !== "open" && prop !== "width" })(({ theme, open, width }) => ({
-  width,
-  flexShrink: 0,
-  heigth: "100%",
-  whiteSpace: "nowrap",
-  "@media print": {
-    display: "none !important"
-  },
-  transition: theme.transitions.create("width", {
-    easing: theme.transitions.easing.sharp,
-    duration: theme.transitions.duration.enteringScreen
-  }),
-  ...!open && {
-    transition: theme.transitions.create("width", {
-      easing: theme.transitions.easing.sharp,
-      duration: theme.transitions.duration.leavingScreen
-    }),
-    overflowX: "hidden",
-    width: 0,
-    [theme.breakpoints.up("sm")]: {
-      width: theme.spacing(7)
-    },
-    [theme.breakpoints.only("xs")]: {
-      border: "none"
-    }
-  },
-  "& .MuiDrawer-paper": {
-    width,
-    transition: theme.transitions.create("width", {
-      easing: theme.transitions.easing.sharp,
-      duration: theme.transitions.duration.enteringScreen
-    }),
-    ...!open && {
-      transition: theme.transitions.create("width", {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.leavingScreen
-      }),
-      overflowX: "hidden",
-      width: 0,
-      [theme.breakpoints.up("sm")]: {
-        width: theme.spacing(7)
-      },
-      [theme.breakpoints.only("xs")]: {
-        border: "none"
-      }
-    }
-  }
-}));
-const LeftNavDrawer = () => {
-  var _a;
-  const { t } = useTranslation();
-  const theme = useTheme();
-  const { preferences } = useAppConfigs();
-  const layout = useAppLayout();
-  const leftnav = useAppLeftNav();
-  const isSmDown = useMediaQuery(theme.breakpoints.down("sm"));
-  const isTopLayout = layout.current === "top";
-  const onCloseDrawerIfOpen = useCallback(() => {
-    if (isSmDown && leftnav.open) {
-      leftnav.setOpen(false);
-    }
-  }, [isSmDown, leftnav]);
-  const header = /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      Toolbar,
-      {
-        sx: {
-          [theme.breakpoints.up("xs")]: {
-            padding: 0
-          }
-        },
-        children: /* @__PURE__ */ jsx(AppName, {})
-      }
-    ),
-    !isTopLayout && /* @__PURE__ */ jsx(Divider, {})
-  ] });
-  const hide = /* @__PURE__ */ jsx(List, { disablePadding: true, children: /* @__PURE__ */ jsxs(ListItemButton, { onClick: leftnav.toggle, children: [
-    /* @__PURE__ */ jsx(ListItemIcon, { children: leftnav.open ? /* @__PURE__ */ jsx(ChevronLeft, {}) : /* @__PURE__ */ jsx(ChevronRight, {}) }),
-    /* @__PURE__ */ jsx(ListItemText, { primary: t("drawer.collapse") })
-  ] }, "chevron") });
-  return /* @__PURE__ */ jsx(ClickAwayListener, { mouseEvent: "onMouseDown", touchEvent: "onTouchStart", onClickAway: onCloseDrawerIfOpen, children: /* @__PURE__ */ jsxs(
-    StyledDrawer,
-    {
-      PaperProps: { elevation: 1 },
-      variant: "permanent",
-      style: { height: "100%" },
-      width: preferences.leftnav.width,
-      open: leftnav.open,
-      children: [
-        leftnav.open ? header : /* @__PURE__ */ jsx(Tooltip, { title: preferences.appName, "aria-label": preferences.appName, placement: "right", children: header }),
-        /* @__PURE__ */ jsx(List, { disablePadding: true, children: leftnav.elements.map((e, i) => {
-          if (e.type === "item") {
-            const item = e.element;
-            return /* @__PURE__ */ jsx(LeftNavItem, { item, onClick: isSmDown && onCloseDrawerIfOpen }, item.id);
-          }
-          if (e.type === "group") {
-            const item = e.element;
-            return /* @__PURE__ */ jsx(LeftNavGroup, { group: item, onItemClick: isSmDown && onCloseDrawerIfOpen }, item.id);
-          }
-          if (e.type === "divider") {
-            return /* @__PURE__ */ jsx(Divider, {}, `divider-${i}`);
-          }
-          return null;
-        }) }),
-        ((_a = leftnav.elements) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ jsx(Divider, {}),
-        leftnav.open ? hide : /* @__PURE__ */ jsx(Tooltip, { title: t("drawer.expand"), "aria-label": t("drawer.expand"), placement: "right", children: hide }),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: {
-              height: "100%",
-              width: "100%",
-              "&:hover": {
-                cursor: "pointer"
-              }
-            },
-            onClick: leftnav.toggle
-          }
-        )
-      ]
-    }
-  ) });
-};
-const LeftNavDrawer$1 = memo(LeftNavDrawer);
-export {
-  LeftNavDrawer$1 as default
-};

package/commons/components/leftnav/LeftNavGroup.d.ts

@@ -1,7 +0,0 @@
-import { AppLeftNavGroup } from '@cccsaurora/howler-ui/commons/components/app/AppConfigs';
-interface LeftNavGroupProps {
-    group: AppLeftNavGroup;
-    onItemClick: () => void;
-}
-declare const _default: import('react').MemoExoticComponent<({ group, onItemClick }: LeftNavGroupProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;