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

package/components/elements/display/Markdown.js

@@ -0,0 +1,156 @@
+import { jsx, jsxs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { useTheme, lighten, darken, TableCell, TableRow, TableHead, TableContainer, Paper, Table, Box, Alert } 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 "../../../commons/components/app/AppContexts.js";
+import { memo, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "../../../i18n.js";
+import "../../../commons/components/app/hooks/useAppSitemap.js";
+import { useAppTheme } from "../../../commons/components/app/hooks/useAppTheme.js";
+import mermaid from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/mermaid@11.10.0/node_modules/mermaid/dist/mermaid.core.mjs";
+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 Markdown$2 from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-markdown@9.1.0_@types+react@18.3.23_react@18.3.1/node_modules/react-markdown/index.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";
+import SyntaxHighlighter from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-syntax-highlighter@15.6.1_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/prism-async-light.js";
+import { oneDark, oneLight } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-syntax-highlighter@15.6.1_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/styles/prism/index.js";
+import rehypeRaw from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/index.js";
+import remarkGfm from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/index.js";
+import DynamicTabs from "./DynamicTabs.js";
+import Image from "./Image.js";
+import { Notebook } from "./Notebook.js";
+import JSONViewer from "./json/JSONViewer.js";
+import { codeTabs } from "./markdownPlugins/tabs.js";
+const customComponents = (type, children) => {
+  const child = children instanceof Array ? children[0] : children;
+  if (type === "alert") {
+    return /* @__PURE__ */ jsx(Alert, { severity: "info", variant: "outlined", sx: { ".MuiAlert-message": { whiteSpace: "normal" } }, children: child });
+  } else if (type === "notebook") {
+    return /* @__PURE__ */ jsx(Notebook, { ipynb: child });
+  } else if (type === "tabs") {
+    return /* @__PURE__ */ jsx(
+      DynamicTabs,
+      {
+        tabs: JSON.parse(child).map((t) => ({ title: t.title, children: customComponents(t.lang, t.value) }))
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsx("code", { children: child });
+  }
+};
+const Markdown = ({ md, components = {}, disableLinks = false }) => {
+  const theme = useTheme();
+  const { isDark } = useAppTheme();
+  const { t } = useTranslation();
+  useEffect(() => {
+    mermaid.initialize({
+      startOnLoad: false,
+      theme: isDark ? "dark" : "base",
+      securityLevel: "loose",
+      themeCSS: `
+      .relation {
+        stroke: ${theme.palette.divider};
+        stroke-width: 1;
+      }
+
+      .nodes rect {
+        fill: ${(isDark ? lighten : darken)(theme.palette.background.paper, 0.05)}
+      }
+      `
+    });
+  }, [isDark, theme]);
+  useEffect(() => {
+    mermaid.run();
+  });
+  return /* @__PURE__ */ jsx(
+    Markdown$2,
+    {
+      remarkPlugins: [remarkGfm, codeTabs],
+      rehypePlugins: [rehypeRaw],
+      urlTransform: (value) => value,
+      components: {
+        code({ node, className, children, ...props }) {
+          var _a;
+          if (((_a = node.children) == null ? void 0 : _a.length) === 1 && node.children[0].type === "text") {
+            if (node.children[0].value.startsWith("t(")) {
+              return /* @__PURE__ */ jsx("span", { children: t(node.children[0].value.replace(/t\((.+)\)/, "$1")) });
+            } else if (components[node.children[0].value]) {
+              return components[node.children[0].value];
+            }
+          }
+          const match = /language-(\w+)/.exec(className || "");
+          if (match && ["alert", "notebook", "tabs"].includes(match[1])) {
+            return customComponents(match[1], children);
+          }
+          if ((match == null ? void 0 : match[1]) === "mermaid") {
+            return /* @__PURE__ */ jsx("pre", { className: "mermaid", children: node.children[0].value });
+          }
+          if ((match == null ? void 0 : match[1]) === "json") {
+            try {
+              return /* @__PURE__ */ jsx(JSONViewer, { data: JSON.parse(node.children[0].value) });
+            } catch (e) {
+              return /* @__PURE__ */ jsx("code", { style: { color: "red" }, children: t("markdown.json.invalid") });
+            }
+          }
+          return match ? /* @__PURE__ */ jsx(
+            SyntaxHighlighter,
+            {
+              children: String(children).replace(/\n$/, ""),
+              style: isDark ? oneDark : oneLight,
+              language: match[1],
+              PreTag: "div",
+              ...props
+            }
+          ) : /* @__PURE__ */ jsx("code", { className, ...props, children });
+        },
+        blockquote({ children }) {
+          return /* @__PURE__ */ jsx(Box, { sx: { pl: 1, borderLeft: `2px solid ${theme.palette.divider}` }, children });
+        },
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        img({ node, ...props }) {
+          return /* @__PURE__ */ jsx(Image, { ...props, style: { ...props.style, maxWidth: "75%" } });
+        },
+        table({ children }) {
+          return /* @__PURE__ */ jsx(TableContainer, { component: Paper, children: /* @__PURE__ */ jsx(Table, { children }) });
+        },
+        thead({ children }) {
+          return /* @__PURE__ */ jsx(TableHead, { children });
+        },
+        tr({ children }) {
+          return /* @__PURE__ */ jsx(TableRow, { children });
+        },
+        th({ children, ...props }) {
+          return /* @__PURE__ */ jsx(TableCell, { style: props.style, children });
+        },
+        td({ children, ...props }) {
+          return /* @__PURE__ */ jsx(TableCell, { style: props.style, children });
+        },
+        a({ children, ...props }) {
+          var _a;
+          if (!props.href) {
+            return /* @__PURE__ */ jsx("a", { ...props, children });
+          }
+          if ((_a = props.href) == null ? void 0 : _a.startsWith("/")) {
+            return /* @__PURE__ */ jsx(Link, { to: props.href, ...props, children });
+          }
+          if (!disableLinks) {
+            return /* @__PURE__ */ jsx("a", { ...props, children });
+          }
+          if (props.href.startsWith("#")) {
+            return /* @__PURE__ */ jsx("a", { ...props, children });
+          }
+          const parsed = new URL(props.href);
+          if (parsed.hostname.endsWith("gc.ca")) {
+            return /* @__PURE__ */ jsx("a", { ...props, children });
+          }
+          return /* @__PURE__ */ jsxs("span", { children: [
+            children,
+            props.href !== children && ` (${props.href})`
+          ] });
+        }
+      },
+      children: md == null ? void 0 : md.replace(/<!--.+?-->/g, "")
+    }
+  );
+};
+const Markdown$1 = memo(Markdown);
+export {
+  Markdown$1 as default
+};

package/components/elements/display/Modal.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const Modal: FC;
+export default Modal;

package/components/elements/display/Modal.js

@@ -0,0 +1,39 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Modal as Modal$1, 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 { ModalContext } from "../../app/providers/ModalProvider.js";
+import { useContext, useCallback } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+const Modal = () => {
+  const { content, setContent, options } = useContext(ModalContext);
+  const onClose = useCallback(() => {
+    if (options && !options.disableClose) {
+      setContent(null);
+    }
+  }, [options, setContent]);
+  return /* @__PURE__ */ jsx(Modal$1, { open: !!content, onClose, sx: { zIndex: "1500" }, children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: (theme) => ({
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        maxWidth: options.maxWidth || "1200px",
+        maxHeight: options.maxHeight || "400px",
+        transform: "translate(-50%, -50%)",
+        backgroundColor: "background.paper",
+        borderRadius: theme.shape.borderRadius,
+        p: 2,
+        outline: 0
+      }),
+      onKeyDown: (e) => {
+        e.stopPropagation();
+        if (e.key.toLowerCase() === "escape") {
+          onClose();
+        }
+      },
+      children: content
+    }
+  ) });
+};
+export {
+  Modal as default
+};

package/components/elements/display/Notebook.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const Notebook: FC<{
+    ipynb: string;
+}>;

package/components/elements/display/Notebook.js

@@ -0,0 +1,9 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { IpynbRenderer } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-ipynb-renderer@2.2.4_@types+react@18.3.23_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-ipynb-renderer/dist/index.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-ipynb-renderer@2.2.4_@types+react@18.3.23_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-ipynb-renderer/dist/styles/monokai.css";
+const Notebook = ({ ipynb }) => {
+  return /* @__PURE__ */ jsx(IpynbRenderer, { ipynb: JSON.parse(ipynb) });
+};
+export {
+  Notebook
+};

package/components/elements/display/QueryResultText.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+declare const QueryResultText: FC<{
+    count: number;
+    query: string;
+}>;
+export default QueryResultText;

package/components/elements/display/QueryResultText.js

@@ -0,0 +1,28 @@
+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 } 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";
+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 QueryResultText = ({ count, query }) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    Typography,
+    {
+      sx: (theme) => ({
+        color: theme.palette.text.secondary,
+        fontSize: "0.9em",
+        fontStyle: "italic",
+        mb: 0.5,
+        "& a": { color: theme.palette.text.secondary }
+      }),
+      variant: "body2",
+      children: [
+        t("search.total", { count }),
+        " ",
+        /* @__PURE__ */ jsx(Link, { to: `/hits?query=${encodeURIComponent(query)}`, children: t("search.open") })
+      ]
+    }
+  );
+};
+export {
+  QueryResultText as default
+};

package/components/elements/display/TextDivider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const TextDivider: FC;
+export default TextDivider;

package/components/elements/display/TextDivider.js

@@ -0,0 +1,42 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { styled } 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";
+const OuterDiv = styled("div")(({ theme }) => ({
+  display: "inline-block",
+  textAlign: "center",
+  width: "100%",
+  margin: "30px 0",
+  position: "relative",
+  "&:before": {
+    content: '""',
+    border: "thin solid",
+    position: "absolute",
+    left: 0,
+    top: "50%",
+    right: "calc(50% + 30px)",
+    borderColor: theme.palette.divider
+  },
+  "&:after": {
+    content: '""',
+    border: "thin solid",
+    position: "absolute",
+    right: 0,
+    top: "50%",
+    left: "calc(50% + 30px)",
+    borderColor: theme.palette.divider
+  }
+}));
+const InnerDiv = styled("div")(() => ({
+  left: "50%",
+  marginLeft: "-30px",
+  position: "absolute",
+  top: "-10px",
+  width: "60px"
+}));
+const TextDivider = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(OuterDiv, { children: /* @__PURE__ */ jsx(InnerDiv, { children: t("divider") }) });
+};
+export {
+  TextDivider as default
+};

package/components/elements/display/TypingIndicator.d.ts

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

package/components/elements/display/TypingIndicator.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Circle } 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, alpha } 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";
+const TypingIndicator = () => {
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: "row",
+      sx: (theme) => ({
+        ml: 1,
+        p: 1,
+        height: "20px",
+        borderRadius: theme.shape.borderRadius,
+        backgroundColor: alpha("rgb(128, 128, 128)", 0.25),
+        "@keyframes bounce": {
+          "0%, 60%, 100%": { transform: "translateY(0)" },
+          "30%": { transform: "translateY(-6px)" }
+        },
+        "& > svg": {
+          fontSize: "6px",
+          animation: "bounce 750ms infinite ease-in-out",
+          marginBottom: "-4px",
+          opacity: 0.75,
+          "&:nth-of-type(2)": {
+            animationDelay: "100ms"
+          },
+          "&:nth-of-type(3)": {
+            animationDelay: "200ms"
+          }
+        }
+      }),
+      display: "flex",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ jsx(Circle, {}),
+        /* @__PURE__ */ jsx(Circle, {}),
+        /* @__PURE__ */ jsx(Circle, {})
+      ]
+    }
+  );
+};
+export {
+  TypingIndicator as default
+};

package/components/elements/display/UserPageWrapper.d.ts

@@ -0,0 +1,6 @@
+import { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import { FC, PropsWithChildren } from 'react';
+declare const UserPageWrapper: FC<PropsWithChildren<{
+    user: HowlerUser;
+}>>;
+export default UserPageWrapper;

package/components/elements/display/UserPageWrapper.js

@@ -0,0 +1,11 @@
+import { jsx, jsxs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Grid, Stack } 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 PageCenter from "../../../commons/components/pages/PageCenter.js";
+import HowlerAvatarHeader from "./HowlerAvatarHeader.js";
+const UserPageWrapper = ({ user, children }) => /* @__PURE__ */ jsx(PageCenter, { textAlign: "left", mt: 6, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, justifyContent: "center", children: [
+  /* @__PURE__ */ jsx(HowlerAvatarHeader, { user }),
+  /* @__PURE__ */ jsx(Grid, { item: true, sm: 12, md: 9, children: /* @__PURE__ */ jsx(Stack, { direction: "column", spacing: 2, children }) })
+] }) });
+export {
+  UserPageWrapper as default
+};

package/components/elements/display/features/DevelopmentBanner.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const DevelopmentBanner: FC;
+export default DevelopmentBanner;

package/components/elements/display/features/DevelopmentBanner.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Alert, AlertTitle } 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 { useMyLocalStorageItem } from "../../../hooks/useMyLocalStorage.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 { StorageKey } from "../../../../utils/constants.js";
+const DevelopmentBanner = () => {
+  const { t } = useTranslation();
+  const [disableWarning, setDisableWarning] = useMyLocalStorageItem(StorageKey.DISABLE_FEATURE_WARNING, false);
+  if (disableWarning) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Alert, { severity: "warning", variant: "outlined", onClose: () => setDisableWarning(true), children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: t("features.warning.title") }),
+    t("features.warning.description")
+  ] });
+};
+export {
+  DevelopmentBanner as default
+};

package/components/elements/display/features/DevelopmentIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const DevelopmentIcon: FC;
+export default DevelopmentIcon;

package/components/elements/display/features/DevelopmentIcon.js

@@ -0,0 +1,17 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { WarningAmberOutlined } 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 { 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 { useMyLocalStorageItem } from "../../../hooks/useMyLocalStorage.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 { StorageKey } from "../../../../utils/constants.js";
+const DevelopmentIcon = () => {
+  const { t } = useTranslation();
+  const [disableWarning] = useMyLocalStorageItem(StorageKey.DISABLE_FEATURE_WARNING, false);
+  if (!disableWarning) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Tooltip, { title: t("features.warning.description"), children: /* @__PURE__ */ jsx(WarningAmberOutlined, { color: "warning", fontSize: "small" }) });
+};
+export {
+  DevelopmentIcon as default
+};

package/components/elements/display/handlebars/helpers.d.ts

@@ -0,0 +1,12 @@
+import { default as Handlebars } from 'handlebars';
+import { ReactElement } from 'react';
+export interface HowlerHelper {
+    keyword: string;
+    documentation?: {
+        en: string;
+        fr: string;
+    };
+    callback?: Handlebars.HelperDelegate;
+    componentCallback?: (...args: any[]) => ReactElement | Promise<ReactElement>;
+}
+export declare const useHelpers: () => HowlerHelper[];