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

package/commons/components/search/AppSearch.js

@@ -1,211 +0,0 @@
-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 { Search } 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, Box, emphasize, Slide, useTheme, useMediaQuery, ClickAwayListener, IconButton, Tooltip, Stack, Popper, Dialog, DialogTitle, DialogContent } 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 { useAppSearchService } from "../app/hooks/useAppSearchService.js";
-import AppSearchInput from "./AppSearchInput.js";
-import AppSearchResult from "./AppSearchResult.js";
-import { parseEvent } from "../utils/keyboard.js";
-import { forwardRef, useRef, useState, useEffect, useCallback } 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";
-const MENU_LIST_SX = { maxHeight: 500, overflow: "auto" };
-const AppSearchRoot = styled(Box, { shouldForwardProp: (prop) => prop !== "menuOpen" })(({
-  theme,
-  menuOpen
-}) => {
-  const backgroundColor = emphasize(theme.palette.background.default, 0.1);
-  return {
-    position: "relative",
-    borderRadius: theme.shape.borderRadius,
-    borderBottomLeftRadius: menuOpen && 0,
-    borderBottomRightRadius: menuOpen && 0,
-    ".app-search-input": {
-      backgroundColor: theme.palette.mode === "dark" ? backgroundColor : menuOpen ? theme.palette.background.default : backgroundColor,
-      boxShadow: menuOpen && theme.shadows[4]
-    },
-    ".app-search-result": {
-      backgroundColor: theme.palette.mode === "dark" ? backgroundColor : theme.palette.background.default,
-      borderBottomLeftRadius: theme.shape.borderRadius,
-      borderBottomRightRadius: theme.shape.borderRadius,
-      boxShadow: menuOpen && theme.shadows[4],
-      color: theme.palette.text.primary
-    }
-  };
-});
-const ModalTransition = forwardRef(function Transition(props, ref) {
-  const { children, ..._props } = props;
-  return /* @__PURE__ */ jsx(Slide, { direction: "down", ref, ..._props, children });
-});
-function AppSearch() {
-  const theme = useTheme();
-  const menuRef = useRef(null);
-  const showSearchIcon = useMediaQuery(theme.breakpoints.down("lg"));
-  const { t } = useTranslation();
-  const { provided, state, service } = useAppSearchService();
-  const [value, setValue] = useState("");
-  useEffect(() => {
-    if (service.onMounted) {
-      service.onMounted(setValue, state);
-    }
-  }, []);
-  useEffect(() => {
-    const keyHandler = (event) => {
-      const { key, isCtrl } = parseEvent(event);
-      if (isCtrl && key === "k") {
-        event.preventDefault();
-        const inputRef = menuRef.current.querySelector("input");
-        if (provided && !inputRef) {
-          state.set({ ...state, menu: !state.menu, mode: "fullscreen" });
-        } else if (provided && state.menu) {
-          state.set({ ...state, mode: "fullscreen" });
-        } else {
-          inputRef.focus();
-        }
-      }
-    };
-    window.addEventListener("keydown", keyHandler);
-    return () => {
-      window.removeEventListener("keydown", keyHandler);
-    };
-  }, [provided, state]);
-  const onFocus = useCallback(() => {
-    state.set({ ...state, menu: true });
-  }, [state]);
-  const onChange = useCallback(
-    (event) => {
-      setValue(event.currentTarget.value);
-      if (service.onChange) {
-        service.onChange(event.currentTarget.value, state, setValue);
-      }
-    },
-    [service, state]
-  );
-  const onEnter = useCallback(() => {
-    if (service.onEnter) {
-      state.set({ ...state, menu: true });
-      service.onEnter(value, state);
-    }
-  }, [value, state, service]);
-  const onKeyDown = useCallback(
-    (event) => {
-      const { isEnter, isEscape, isArrowDown } = parseEvent(event);
-      if (isEnter) {
-        onEnter();
-      } else if (isEscape) {
-        state.set({ ...state, menu: !state.menu });
-      } else if (isArrowDown) {
-        const result = document.querySelector('[data-tui-id="tui-app-search-result"]');
-        if (result) {
-          event.preventDefault();
-          result.focus();
-        }
-      }
-    },
-    [state, onEnter]
-  );
-  const onClear = useCallback(() => {
-    setValue("");
-    state.set({ ...state, items: null });
-  }, [state]);
-  const onToggleFullscreen = useCallback(() => {
-    state.set({ ...state, mode: state.mode === "inline" ? "fullscreen" : "inline" });
-  }, [state]);
-  return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => state.set({ ...state, menu: false }), children: /* @__PURE__ */ jsxs(AppSearchRoot, { ref: menuRef, sx: { mr: !showSearchIcon && 1 }, menuOpen: state.menu, children: [
-    showSearchIcon ? /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        color: "inherit",
-        size: "large",
-        onClick: () => state.set({ ...state, menu: !state.menu, mode: "fullscreen" }),
-        children: /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            title: /* @__PURE__ */ jsxs(Stack, { direction: "column", textAlign: "center", children: [
-              /* @__PURE__ */ jsx("span", { children: t("app.search.fullscreen") }),
-              " ",
-              /* @__PURE__ */ jsx("span", { children: "CTLR+K" })
-            ] }),
-            children: /* @__PURE__ */ jsx(Search, {})
-          }
-        )
-      }
-    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        AppSearchInput,
-        {
-          showToggle: true,
-          provided,
-          className: "app-search-input",
-          value,
-          searching: state.searching,
-          open: state.menu,
-          onFocus,
-          onChange,
-          onKeyDown,
-          onClear,
-          onToggleFullscreen
-        }
-      ),
-      provided && /* @__PURE__ */ jsx(
-        Popper,
-        {
-          open: state.menu && state.mode === "inline",
-          anchorEl: menuRef.current,
-          placement: "bottom-end",
-          sx: (_theme) => ({ width: "100%", zIndex: _theme.zIndex.appBar + 1 }),
-          disablePortal: true,
-          children: /* @__PURE__ */ jsx(AppSearchResult, { className: "app-search-result", sx: MENU_LIST_SX })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Dialog,
-      {
-        disableRestoreFocus: true,
-        fullWidth: true,
-        maxWidth: "md",
-        TransitionComponent: ModalTransition,
-        open: state.menu && state.mode === "fullscreen",
-        onClose: () => state.set({ ...state, mode: "inline", menu: false }),
-        sx: {
-          maxHeight: "75%",
-          margin: 0,
-          ".MuiDialog-container": {
-            alignItems: "start"
-          }
-        },
-        PaperProps: {
-          sx: {
-            borderTopLeftRadius: 0,
-            borderTopRightRadius: 0,
-            margin: 0,
-            width: "100%"
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(
-            AppSearchInput,
-            {
-              autoFocus: true,
-              className: "app-search-input",
-              style: { backgroundColor: emphasize(theme.palette.background.default, 0.1) },
-              showToggle: false,
-              value,
-              searching: state.searching,
-              open: false,
-              onFocus,
-              onChange,
-              onKeyDown,
-              onClear,
-              onToggleFullscreen
-            }
-          ) }),
-          provided && state.items && /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(AppSearchResult, {}) }),
-          provided && service.footerRenderer && service.footerRenderer(state)
-        ]
-      }
-    )
-  ] }) });
-}
-export {
-  AppSearch as default
-};

package/commons/components/search/AppSearchInput.d.ts

@@ -1,11 +0,0 @@
-import { InputBaseProps } from '@mui/material';
-type AppSearchInputProps = {
-    searching?: boolean;
-    provided?: boolean;
-    showToggle?: boolean;
-    open?: boolean;
-    onClear: () => void;
-    onToggleFullscreen: () => void;
-} & InputBaseProps;
-declare const _default: import('react').MemoExoticComponent<({ searching, provided, autoFocus, showToggle, value, open, onClear, onToggleFullscreen, onFocus, onChange, onKeyDown, ...inputProps }: AppSearchInputProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/commons/components/search/AppSearchInput.js

@@ -1,68 +0,0 @@
-import { jsx, jsxs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Clear, Search } 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 { Stack, InputBase, InputAdornment, Tooltip, Button, IconButton, CircularProgress } 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 { memo, useRef, useCallback } 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";
-const AppSearchInput = ({
-  searching,
-  provided,
-  autoFocus,
-  showToggle,
-  value,
-  open,
-  onClear,
-  onToggleFullscreen,
-  onFocus,
-  onChange,
-  onKeyDown,
-  ...inputProps
-}) => {
-  const { t } = useTranslation();
-  const rootRef = useRef();
-  const onToggleClick = useCallback(() => {
-    if (open && provided) {
-      onToggleFullscreen();
-    } else {
-      rootRef.current.querySelector("input").focus();
-    }
-  }, [open, provided, onToggleFullscreen]);
-  return /* @__PURE__ */ jsx(Stack, { direction: "row", ref: rootRef, children: /* @__PURE__ */ jsx(
-    InputBase,
-    {
-      ...inputProps,
-      fullWidth: true,
-      autoComplete: "off",
-      autoFocus,
-      value,
-      onFocus,
-      onChange,
-      onKeyDown,
-      placeholder: t("quicksearch.placeholder"),
-      inputProps: { "aria-label": t("quicksearch.aria") },
-      startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: (theme) => ({ color: theme.palette.text.disabled }), children: searching ? /* @__PURE__ */ jsx(CircularProgress, { size: 24, color: "inherit" }) : /* @__PURE__ */ jsx(Search, { color: "inherit" }) }),
-      endAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: "end", sx: (theme) => ({ color: theme.palette.text.disabled }), children: [
-        showToggle && /* @__PURE__ */ jsx(Tooltip, { title: t(open && provided ? "app.search.fullscreen" : "app.search.shortcut"), children: /* @__PURE__ */ jsx(Button, { size: "small", color: "inherit", onClick: onToggleClick, children: "CTRL+K" }) }),
-        /* @__PURE__ */ jsx(IconButton, { color: "inherit", onClick: onClear, children: /* @__PURE__ */ jsx(Clear, {}) })
-      ] }),
-      sx: (theme) => ({
-        color: theme.palette.text.secondary,
-        width: "100%",
-        paddingTop: 0.5,
-        paddingBottom: 0.5,
-        paddingLeft: 1.5,
-        paddingRight: 1,
-        // backgroundColor: emphasize(theme.palette.background.default, 0.1),
-        // backgroundColor: theme.palette.background,
-        borderTopLeftRadius: theme.spacing(0.5),
-        borderTopRightRadius: theme.spacing(0.5),
-        borderBottomLeftRadius: open ? 0 : theme.spacing(0.5),
-        borderBottomRightRadius: open ? 0 : theme.spacing(0.5)
-        // boxShadow: theme.palette.mode === 'light' && theme.shadows[2]
-      })
-    }
-  ) });
-};
-const AppSearchInput$1 = memo(AppSearchInput);
-export {
-  AppSearchInput$1 as default
-};

package/commons/components/search/AppSearchResult.d.ts

@@ -1,4 +0,0 @@
-import { MenuListProps } from '@mui/material';
-type AppSearchResultProps = MenuListProps;
-declare const _default: import('react').MemoExoticComponent<({ className, ...menuProps }: AppSearchResultProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/commons/components/search/AppSearchResult.js

@@ -1,43 +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 { MenuList, MenuItem, 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 { useAppSearchService } from "../app/hooks/useAppSearchService.js";
-import { memo, useMemo } 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 AppListEmpty from "../display/AppListEmpty.js";
-import { parseEvent } from "../utils/keyboard.js";
-const AppSearchResult = ({ className, ...menuProps }) => {
-  var _a;
-  const { t } = useTranslation();
-  const { state, service } = useAppSearchService();
-  const onKeyDown = (event, item) => {
-    const { isEnter, isEscape } = parseEvent(event);
-    if (isEnter) {
-      if (service.onItemSelect) {
-        service.onItemSelect(item, state);
-      }
-    } else if (isEscape) {
-      state.set({ ...state, menu: false });
-    }
-  };
-  const options = useMemo(
-    () => {
-      var _a2;
-      return (_a2 = state.items) == null ? void 0 : _a2.reduce(
-        (_options, _item, index) => ({
-          ..._options,
-          [index]: { state, index, last: index === state.items.length - 1 }
-        }),
-        {}
-      );
-    },
-    [state]
-  );
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsx(MenuList, { "data-tui-id": "tui-app-search-result", ...menuProps, children: ((_a = state.items) == null ? void 0 : _a.length) > 0 ? state.items.map((item, index) => /* @__PURE__ */ jsx(MenuItem, { onKeyDown: (event) => onKeyDown(event, item), children: service.itemRenderer(item, options[index]) }, item.id)) : state.items ? /* @__PURE__ */ jsx(AppListEmpty, {}) : /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(Box, { mt: 1, mb: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx("em", { children: t("app.search.starttyping") }) }) }) }) }),
-    state.mode === "inline" && service.footerRenderer && service.footerRenderer(state)
-  ] });
-};
-const AppSearchResult$1 = memo(AppSearchResult);
-export {
-  AppSearchResult$1 as default
-};

package/commons/components/topnav/AppBar.d.ts

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

package/commons/components/topnav/AppBar.js

@@ -1,119 +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 { useTheme, useMediaQuery, Box, Toolbar, AppBar as AppBar$2 } 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, useLayoutEffect, useCallback, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import { useAppBar } from "../app/hooks/useAppBar.js";
-import { APPBAR_READY_EVENT } from "../app/hooks/useAppBarHeight.js";
-import { useAppBreadcrumbs } from "../app/hooks/useAppBreadcrumbs.js";
-import { useAppConfigs } from "../app/hooks/useAppConfigs.js";
-import "../../../i18n.js";
-import { useAppLayout } from "../app/hooks/useAppLayout.js";
-import { useAppQuickSearch } from "../app/hooks/useAppQuickSearch.js";
-import "../app/hooks/useAppSitemap.js";
-import Breadcrumbs from "../breadcrumbs/Breadcrumbs.js";
-import AppSearch from "../search/AppSearch.js";
-import AppName from "./AppName.js";
-import AppSwitcher from "./AppSwitcher.js";
-import { Notifications } from "./Notifications.js";
-import ThemeSelectionIcon from "./ThemeSelectionIcon.js";
-import UserProfile from "./UserProfile.js";
-const AppBarBase = ({ children }) => {
-  var _a;
-  const layout = useAppLayout();
-  const configs = useAppConfigs();
-  const appbar = useAppBar();
-  const isTopLayout = layout.current === "top";
-  const autoHide = !isTopLayout && appbar.autoHide;
-  const elevation = useMemo(() => {
-    var _a2, _b;
-    if (layout.current === "side") {
-      return 0;
-    }
-    return ((_a2 = configs.theme.appbar) == null ? void 0 : _a2.elevation) !== void 0 ? (_b = configs.theme.appbar) == null ? void 0 : _b.elevation : 1;
-  }, [layout, (_a = configs.theme.appbar) == null ? void 0 : _a.elevation]);
-  return /* @__PURE__ */ jsx(
-    AppBar$2,
-    {
-      id: "appbar",
-      position: autoHide && !isTopLayout ? "relative" : "sticky",
-      elevation,
-      sx: (theme) => ({
-        "@media print": {
-          display: "none !important"
-        },
-        [theme.breakpoints.only("xs")]: {
-          zIndex: theme.zIndex.drawer - 1
-        },
-        ...isTopLayout ? {
-          zIndex: theme.zIndex.drawer + 1,
-          ...configs.theme.appbar ? configs.theme.appbar[theme.palette.mode] : {}
-        } : {
-          color: theme.palette.getContrastText(theme.palette.background.paper),
-          backgroundColor: theme.palette.background.paper
-        }
-      }),
-      children
-    }
-  );
-};
-const AppBar = () => {
-  const muiTheme = useTheme();
-  const layout = useAppLayout();
-  const configs = useAppConfigs();
-  const breadcrumbs = useAppBreadcrumbs();
-  const quicksearch = useAppQuickSearch();
-  const { left, leftAfterBreadcrumbs, right, rightBeforeSearch, themeSelectionMode } = configs.preferences.topnav;
-  const isXs = useMediaQuery(muiTheme.breakpoints.only("xs"));
-  const isMdDown = useMediaQuery(muiTheme.breakpoints.down("md"));
-  const isTopLayout = layout.current === "top";
-  const showBreadcrumbs = breadcrumbs.show && !isMdDown;
-  useLayoutEffect(() => {
-    window.dispatchEvent(new CustomEvent(APPBAR_READY_EVENT));
-  }, []);
-  const renderLeft = useCallback(
-    () => /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          flexDirection: "row",
-          alignItems: "center"
-        },
-        children: [
-          (isTopLayout || isXs) && /* @__PURE__ */ jsx(AppName, { noName: isXs }),
-          /* @__PURE__ */ jsx(Box, { sx: { ...isTopLayout && { marginLeft: 3 } } }),
-          left,
-          showBreadcrumbs && /* @__PURE__ */ jsx(Breadcrumbs, {}),
-          leftAfterBreadcrumbs && /* @__PURE__ */ jsx(Box, { sx: { ...showBreadcrumbs && { marginLeft: 3, marginRight: 3 } }, children: leftAfterBreadcrumbs })
-        ]
-      }
-    ),
-    [showBreadcrumbs, leftAfterBreadcrumbs, isTopLayout, left, isXs]
-  );
-  return /* @__PURE__ */ jsx(AppBarBase, { children: /* @__PURE__ */ jsxs(
-    Toolbar,
-    {
-      disableGutters: true,
-      style: {
-        paddingLeft: !isXs && !isTopLayout ? muiTheme.spacing(2) : null,
-        paddingRight: muiTheme.spacing(1)
-      },
-      children: [
-        renderLeft(),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-        rightBeforeSearch,
-        quicksearch.show && /* @__PURE__ */ jsx(AppSearch, {}),
-        /* @__PURE__ */ jsx(Notifications, {}),
-        right,
-        themeSelectionMode === "icon" && /* @__PURE__ */ jsx(ThemeSelectionIcon, {}),
-        /* @__PURE__ */ jsx(AppSwitcher, {}),
-        !configs.preferences.topnav.hideUserAvatar && /* @__PURE__ */ jsx(UserProfile, {})
-      ]
-    }
-  ) });
-};
-const AppBar$1 = memo(AppBar);
-export {
-  AppBarBase,
-  AppBar$1 as default
-};

package/commons/components/topnav/AppName.d.ts

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

package/commons/components/topnav/AppName.js

@@ -1,52 +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 { Menu } 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, useTheme, useMediaQuery, IconButton } 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 } 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 { useAppLeftNav } from "../app/hooks/useAppLeftNav.js";
-import { useAppLogo } from "../app/hooks/useAppLogo.js";
-import "../app/hooks/useAppSitemap.js";
-import { 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 StyledTitle = styled("div")({
-  display: "flex",
-  alignItems: "center",
-  flex: "0 0 auto",
-  fontSize: "1.5rem",
-  letterSpacing: "-1px"
-});
-const StyledIcon = styled("div")(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  padding: "0",
-  minWidth: theme.spacing(7)
-}));
-const AppName = ({ noName }) => {
-  const theme = useTheme();
-  const logo = useAppLogo();
-  const configs = useAppConfigs();
-  const leftnav = useAppLeftNav();
-  const isXs = useMediaQuery(theme.breakpoints.only("xs"));
-  if (isXs) {
-    return /* @__PURE__ */ jsxs(StyledTitle, { style: { paddingLeft: theme.spacing(2) }, children: [
-      /* @__PURE__ */ jsx(StyledIcon, { children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "open drawer", edge: "start", onClick: leftnav.toggle, size: "large", color: "inherit", children: /* @__PURE__ */ jsx(Menu, {}) }) }),
-      /* @__PURE__ */ jsx("div", { children: !noName && configs.preferences.appName })
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    Link,
-    {
-      to: configs.preferences.appLink,
-      style: { color: "inherit", textDecoration: "none", paddingLeft: theme.spacing(2) },
-      children: /* @__PURE__ */ jsxs(StyledTitle, { children: [
-        /* @__PURE__ */ jsx(StyledIcon, { children: logo }),
-        /* @__PURE__ */ jsx("div", { children: !noName && configs.preferences.appName })
-      ] })
-    }
-  );
-};
-const AppName$1 = memo(AppName);
-export {
-  AppName$1 as default
-};

package/commons/components/topnav/AppSwitcher.d.ts

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

package/commons/components/topnav/AppSwitcher.js

@@ -1,76 +0,0 @@
-import { jsx, jsxs } 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 { useTheme, useMediaQuery, ClickAwayListener, IconButton, Popper, Fade, Paper, Button, Link, Avatar, 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 { useAppSwitcher } from "../app/hooks/useAppSwitcher.js";
-import { memo, useRef, useState, useCallback } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-const AppSwitcher = () => {
-  const theme = useTheme();
-  const anchorRef = useRef();
-  const appSwitcher = useAppSwitcher();
-  const [open, setOpen] = useState(false);
-  const isDarkTheme = theme.palette.mode === "dark";
-  const sp1 = theme.spacing(1);
-  const isSm = useMediaQuery(theme.breakpoints.down("sm"));
-  const onTogglePopper = useCallback(() => setOpen((_open) => !_open), []);
-  const onClickAway = useCallback(() => setOpen(false), []);
-  if (appSwitcher.empty) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway, children: /* @__PURE__ */ jsxs(IconButton, { ref: anchorRef, color: "inherit", onClick: onTogglePopper, size: "large", children: [
-    /* @__PURE__ */ jsx(Apps, {}),
-    /* @__PURE__ */ jsx(
-      Popper,
-      {
-        sx: { zIndex: theme.zIndex.drawer + 2 },
-        open,
-        anchorEl: anchorRef.current,
-        placement: "bottom-end",
-        transition: true,
-        children: ({ TransitionProps }) => /* @__PURE__ */ jsx(Fade, { ...TransitionProps, timeout: 250, children: /* @__PURE__ */ jsx(Paper, { style: { textAlign: "center", padding: theme.spacing(1) }, elevation: 4, children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "row",
-              flexWrap: "wrap",
-              maxWidth: appSwitcher.items.length <= 4 || isSm ? "240px" : "360px"
-            },
-            children: appSwitcher.items.map((a, i) => /* @__PURE__ */ jsx("div", { style: { width: "120px", padding: sp1, overflow: "hidden" }, children: /* @__PURE__ */ jsxs(
-              Button,
-              {
-                component: Link,
-                target: a.newWindow ? "_blank" : null,
-                href: a.route,
-                style: { display: "inherit", textDecoration: "none", fontWeight: 400, color: "inherit" },
-                children: [
-                  /* @__PURE__ */ jsx("div", { style: { display: "inline-flex" }, children: /* @__PURE__ */ jsx(
-                    Avatar,
-                    {
-                      variant: "rounded",
-                      alt: a.name,
-                      src: isDarkTheme ? typeof a.img_d === "string" ? a.img_d : null : typeof a.img_l === "string" ? a.img_l : null,
-                      style: a.img_d === null || typeof a.img_d === "string" ? { width: theme.spacing(8), height: theme.spacing(8) } : { backgroundColor: "transparent", width: theme.spacing(8), height: theme.spacing(8) },
-                      sx: {
-                        "& img": {
-                          objectFit: "contain"
-                        }
-                      },
-                      children: isDarkTheme ? a.img_d !== null && typeof a.img_d !== "string" ? a.img_d : a.alt : a.img_l !== null && typeof a.img_l !== "string" ? a.img_l : a.alt
-                    },
-                    `avatar-${i}`
-                  ) }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "caption", children: a.name }, `text-${i}`)
-                ]
-              },
-              `button-${i}`
-            ) }, `box-${i}`))
-          }
-        ) }) })
-      }
-    )
-  ] }) });
-};
-const AppSwitcher$1 = memo(AppSwitcher);
-export {
-  AppSwitcher$1 as default
-};

package/commons/components/topnav/Notifications.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const Notifications: FC;

package/commons/components/topnav/Notifications.js

@@ -1,19 +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 { useAppNotification } from "../app/hooks/useAppNotification.js";
-import { N as Notification } from "../../../Notification-BHyOHttL.js";
-import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-const Notifications = () => {
-  const { service, state } = useAppNotification();
-  return /* @__PURE__ */ jsx(
-    Notification,
-    {
-      urls: service.feedUrls || state.urls,
-      notificationItem: service.notificationRenderer,
-      maxDrawerWidth: "800px",
-      openIfNew: true
-    }
-  );
-};
-export {
-  Notifications
-};

package/commons/components/topnav/ThemeSelection.d.ts

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