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

package/components/elements/display/handlebars/helpers.js

@@ -0,0 +1,229 @@
+import { jsx, jsxs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Paper, Table, TableHead, TableRow, TableCell, TableBody } 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 AppListEmpty from "../../../../commons/components/display/AppListEmpty.js";
+import HitCard from "../../hit/HitCard.js";
+import { HitLayout } from "../../hit/HitLayout.js";
+import { flatten } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/flat@6.0.1/node_modules/flat/index.js";
+import Handlebars from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/handlebars@4.7.8/node_modules/handlebars/dist/cjs/handlebars.js";
+import { isObject, get, groupBy, capitalize } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.js";
+import howlerPluginStore from "../../../../plugins/store.js";
+import { useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { usePluginStore } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-pluggable@0.4.3_react@18.3.1/node_modules/react-pluggable/dist/react-pluggable.esm.js";
+import ActionButton from "../ActionButton.js";
+import JSONViewer from "../json/JSONViewer.js";
+const FETCH_RESULTS = {};
+const useHelpers = () => {
+  const pluginStore = usePluginStore();
+  const allHelpers = useMemo(
+    () => [
+      {
+        keyword: "equals",
+        documentation: {
+          en: "Checks the equality of the string representation of the two arguments.",
+          fr: "Vérifie l'égalité de la représentation en chaîne de caractères des deux arguments."
+        },
+        callback: (arg1, arg2) => (arg1 == null ? void 0 : arg1.toString()) === arg2.toString()
+      },
+      {
+        keyword: "and",
+        documentation: {
+          en: "Runs the comparison `arg1 && arg2`, and returns the result.",
+          fr: "Exécute la comparaison `arg1 && arg2`, et retourne le résultat."
+        },
+        callback: (arg1, arg2) => arg1 && arg2
+      },
+      {
+        keyword: "or",
+        documentation: {
+          en: "Runs the comparison `arg1 || arg2`, and returns the result.",
+          fr: "Exécute la comparaison `arg1 || arg2`, et retourne le résultat."
+        },
+        callback: (arg1, arg2) => arg1 || arg2
+      },
+      {
+        keyword: "not",
+        documentation: {
+          en: "Runs the comparison `!arg`, and returns the result.",
+          fr: "Exécute la comparaison `!arg`, et retourne le résultat."
+        },
+        callback: (arg) => !arg
+      },
+      {
+        keyword: "curly",
+        documentation: {
+          en: "Wraps the given argument in curly braces.",
+          fr: "Entoure l'argument donné d'accolades."
+        },
+        callback: (arg1) => new Handlebars.SafeString(`{{${arg1}}}`)
+      },
+      {
+        keyword: "join",
+        documentation: {
+          en: "Joins two string arguments with a given string `sep`, or the empty string as a default.",
+          fr: "Joint deux arguments de chaîne avec une chaîne donnée `sep`, ou la chaîne vide par défaut."
+        },
+        callback: (arg1, arg2, context) => {
+          var _a;
+          return [(arg1 == null ? void 0 : arg1.toString()) ?? "", (arg2 == null ? void 0 : arg2.toString()) ?? ""].join(((_a = context.hash) == null ? void 0 : _a.sep) ?? "");
+        }
+      },
+      {
+        keyword: "upper",
+        documentation: {
+          en: "Returns the uppercase representation of a string argument.",
+          fr: "Retourne la représentation en majuscules d'un argument de chaîne."
+        },
+        callback: (val) => val.toLocaleUpperCase()
+      },
+      {
+        keyword: "lower",
+        documentation: {
+          en: "Returns the lowercase representation of a string argument.",
+          fr: "Retourne la représentation en minuscules d'un argument de chaîne."
+        },
+        callback: (val) => val.toLocaleLowerCase()
+      },
+      {
+        keyword: "fetch",
+        documentation: {
+          en: "Fetches the url provided and returns the given (flattened) key from the returned JSON object. Note that the result must be JSON!",
+          fr: "Récupère l'URL fournie et retourne la clé donnée (aplatie) de l'objet JSON retourné. Notez que le résultat doit être du JSON !"
+        },
+        callback: async (url, key) => {
+          try {
+            if (!FETCH_RESULTS[url]) {
+              FETCH_RESULTS[url] = fetch(url).then((res) => res.json());
+            }
+            const json = await FETCH_RESULTS[url];
+            return flatten(json)[key];
+          } catch (e) {
+            return "";
+          }
+        }
+      },
+      {
+        keyword: "howler",
+        documentation: {
+          en: "Given a howler hit ID, this helper renders a hit card for that ID.",
+          fr: "Étant donné un ID de résultat howler, cet assistant affiche une carte de résultat pour cet ID."
+        },
+        componentCallback: (id) => {
+          if (!id) {
+            return /* @__PURE__ */ jsx(AppListEmpty, {});
+          }
+          return /* @__PURE__ */ jsx(HitCard, { id, layout: HitLayout.NORMAL });
+        }
+      },
+      {
+        keyword: "entries",
+        documentation: {
+          en: "Given a dict, return an array of {key, value} objects.",
+          fr: "Étant donné un dictionnaire, retourne un tableau d'objets {key, value}."
+        },
+        callback: (obj) => {
+          if (!isObject(obj)) {
+            return new Handlebars.SafeString("Invalid Object.");
+          }
+          return Object.entries(obj).map(([key, value]) => ({ key, value }));
+        }
+      },
+      {
+        keyword: "render_json",
+        documentation: {
+          en: "Given JSON data, this helper renders a JSON viewer component.",
+          fr: "Étant donné des données JSON, cet assistant affiche un composant de visualisation JSON."
+        },
+        componentCallback: (data) => {
+          if (!data) {
+            return /* @__PURE__ */ jsx(AppListEmpty, {});
+          }
+          return /* @__PURE__ */ jsx(JSONViewer, { data });
+        }
+      },
+      {
+        keyword: "to_json",
+        documentation: {
+          en: "Convert any object into a JSON string.",
+          fr: "Convertit n'importe quel objet en chaîne JSON."
+        },
+        callback: (obj) => {
+          return new Handlebars.SafeString(JSON.stringify(obj));
+        }
+      },
+      {
+        keyword: "parse_json",
+        documentation: {
+          en: "Convert a JSON string into an object.",
+          fr: "Convertit une chaîne JSON en objet."
+        },
+        callback: (str) => {
+          return JSON.parse(str);
+        }
+      },
+      {
+        keyword: "get",
+        documentation: {
+          en: "Returns the given (flattened) key from the provided object.",
+          fr: "Retourne la clé donnée (aplatie) de l'objet fourni."
+        },
+        callback: async (data, key) => {
+          try {
+            return get(data, key);
+          } catch (e) {
+            return "";
+          }
+        }
+      },
+      {
+        keyword: "includes",
+        documentation: {
+          en: "Checks if field is in string",
+          fr: "Vérifie si le champ est dans la chaîne"
+        },
+        callback: (arg1, arg2) => {
+          return !!arg2 && !!(arg1 == null ? void 0 : arg1.includes(arg2));
+        }
+      },
+      {
+        keyword: "table",
+        documentation: {
+          en: "Render a table in markdown given an array of cells",
+          fr: "Affiche un tableau en markdown à partir d'un tableau de cellules"
+        },
+        componentCallback: (cells) => {
+          const columns = Object.keys(groupBy(cells, "column"));
+          const rows = groupBy(cells, "row");
+          return /* @__PURE__ */ jsx(Paper, { sx: { width: "95%", overflowX: "auto", m: 1 }, children: /* @__PURE__ */ jsxs(Table, { children: [
+            /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => /* @__PURE__ */ jsx(TableCell, { sx: { maxWidth: "150px" }, children: col.split(/[_-]/).map((word) => capitalize(word)).join(" ") }, col)) }) }),
+            /* @__PURE__ */ jsx(TableBody, { sx: { "& td": { wordBreak: "break-word" } }, children: Object.entries(rows).map(([rowId, _cells]) => {
+              return /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => {
+                const cell = _cells.find((row) => row.column === col);
+                return /* @__PURE__ */ jsx(TableCell, { children: (cell == null ? void 0 : cell.value) ?? "N/A" }, col + (cell == null ? void 0 : cell.value));
+              }) }, rowId);
+            }) })
+          ] }) });
+        }
+      },
+      {
+        keyword: "action",
+        documentation: {
+          en: "Execute a howler action given a specific action ID (from the URL when viewing the action, i.e. yaIKVqiKhWpyCsWdqsE4D)",
+          fr: "Exécute une action howler à partir d'un ID d'action spécifique (de l'URL lors de la visualisation de l'action, par ex. yaIKVqiKhWpyCsWdqsE4D)"
+        },
+        componentCallback: (actionId, hitId, context) => {
+          if (!actionId || !hitId) {
+            console.warn("Missing parameters for the action button.");
+            return null;
+          }
+          return /* @__PURE__ */ jsx(ActionButton, { actionId, hitId, ...context.hash ?? {} });
+        }
+      },
+      ...howlerPluginStore.plugins.flatMap((plugin) => pluginStore.executeFunction(`${plugin}.helpers`))
+    ],
+    [pluginStore]
+  );
+  return allHelpers;
+};
+export {
+  useHelpers
+};

package/components/elements/display/icons/BundleButton.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+declare const BundleButton: FC<{
+    ids: string[];
+    disabled?: boolean;
+}>;
+export default BundleButton;

package/components/elements/display/icons/BundleButton.js

@@ -0,0 +1,70 @@
+import { jsxs, Fragment, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { AccountTree } 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 { Menu, MenuItem, ListItemText, 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 CustomIconButton from "../../addons/buttons/CustomIconButton.js";
+import { useState, 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";
+import { useNavigate } 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 BundleButton = ({ ids, disabled = false }) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const [anchorEl, setAnchorEl] = useState(null);
+  const onClick = useCallback(
+    (event) => {
+      if (ids.length === 1) {
+        navigate(`/bundles/${ids[0]}`);
+      } else {
+        setAnchorEl(event.currentTarget);
+      }
+    },
+    [ids, navigate]
+  );
+  const handleClose = useCallback(() => setAnchorEl(null), []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      CustomIconButton,
+      {
+        size: "small",
+        tooltip: t(`hit.panel.bundles.open${ids.length > 1 ? "" : ".prompt"}`),
+        onClick,
+        disabled,
+        "aria-disabled": disabled,
+        "aria-haspopup": "true",
+        "aria-controls": anchorEl ? "bundle-action-menu" : void 0,
+        "aria-expanded": anchorEl ? "true" : void 0,
+        children: /* @__PURE__ */ jsx(AccountTree, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        id: "bundle-action-menu",
+        anchorEl,
+        open: !!anchorEl,
+        onClose: handleClose,
+        MenuListProps: {
+          dense: true,
+          "aria-labelledby": `bundle-button`
+        },
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        children: ids.map((id) => /* @__PURE__ */ jsx(MenuItem, { onClick: () => navigate(`/bundles/${id}`), children: /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: t("hit.panel.bundles.open.prompt"),
+            secondary: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: id })
+          }
+        ) }, id))
+      }
+    )
+  ] });
+};
+export {
+  BundleButton as default
+};

package/components/elements/display/icons/Iconified.d.ts

@@ -0,0 +1,9 @@
+declare const ICONS: {
+    hit: string;
+    take: string;
+};
+type IconsType = keyof typeof ICONS;
+declare const _default: import('react').NamedExoticComponent<{
+    type: IconsType;
+}>;
+export default _default;

package/components/elements/display/icons/Iconified.js

@@ -0,0 +1,14 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Icon } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@iconify+react@4.1.1_react@18.3.1/node_modules/@iconify/react/dist/iconify.mjs";
+import { memo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+const ICONS = {
+  hit: "bx:target-lock",
+  take: "clarity:cursor-hand-grab-line"
+};
+const Iconified = ({ type }) => {
+  return /* @__PURE__ */ jsx(Icon, { icon: ICONS[type], fontSize: 24 });
+};
+const Iconified$1 = memo(Iconified);
+export {
+  Iconified$1 as default
+};

package/components/elements/display/icons/SocketBadge.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+declare const SocketBadge: FC<{
+    size?: 'small' | 'inherit' | 'medium' | 'large';
+}>;
+export default SocketBadge;

package/components/elements/display/icons/SocketBadge.js

@@ -0,0 +1,79 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { CloudSync } 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, Badge, Tooltip, 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 { green, yellow, red } 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/colors/index.js";
+import { Status, SocketContext } from "../../../app/providers/SocketProvider.js";
+import i18nInstance from "../../../../i18n.js";
+import { useContext } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+const StyledBadge = styled(Badge)(({ theme }) => ({
+  "& .MuiBadge-badge": {
+    backgroundColor: green[700],
+    color: green[700],
+    boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,
+    "&::after": {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      borderRadius: "50%",
+      animation: "ripple 1.2s infinite ease-in-out",
+      border: "1px solid currentColor",
+      content: '""',
+      zIndex: 1e3
+    }
+  },
+  "@keyframes ripple": {
+    "0%": {
+      transform: "scale(.8)",
+      opacity: 1
+    },
+    "100%": {
+      transform: "scale(2.4)",
+      opacity: 0
+    }
+  }
+}));
+const TITLES = {
+  [Status.CONNECTING]: i18nInstance.t("live.connecting"),
+  [Status.OPEN]: i18nInstance.t("live.open"),
+  [Status.CLOSING]: i18nInstance.t("live.closing"),
+  [Status.CLOSED]: i18nInstance.t("live.closed")
+};
+const SocketBadge = ({ size = "inherit" }) => {
+  const { status, reconnect } = useContext(SocketContext);
+  return /* @__PURE__ */ jsx(Tooltip, { title: TITLES[status], children: /* @__PURE__ */ jsx(
+    StyledBadge,
+    {
+      overlap: "circular",
+      variant: "dot",
+      anchorOrigin: { horizontal: "left", vertical: "top" },
+      sx: [
+        (status === Status.CONNECTING || status === Status.CLOSING) && {
+          "& .MuiBadge-badge": { backgroundColor: yellow[600], color: yellow[600] }
+        },
+        status === Status.CLOSED && {
+          "& .MuiBadge-badge": {
+            backgroundColor: red[800],
+            color: red[800],
+            "&::after": {
+              animation: "none"
+            }
+          }
+        }
+      ],
+      children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          onClick: reconnect,
+          sx: [status !== Status.CLOSED && { pointerEvents: "none" }, { pr: 1 }],
+          children: /* @__PURE__ */ jsx(CloudSync, { fontSize: size })
+        }
+      )
+    }
+  ) });
+};
+export {
+  SocketBadge as default
+};

package/components/elements/display/json/JSONViewer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+declare const JSONViewer: FC<{
+    data: object;
+    collapse?: boolean;
+    hideSearch?: boolean;
+    filter?: string;
+}>;
+export default JSONViewer;

package/components/elements/display/json/JSONViewer.js

@@ -0,0 +1,86 @@
+import { jsx, jsxs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import ReactJson from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@microlink+react-json-view@1.26.2_@types+react@18.3.23_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@microlink/react-json-view/dist/main.js";
+import { Clear } 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, IconButton, Skeleton } 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 { useState, useEffect, useMemo, useCallback } 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 Phrase from "../../addons/search/phrase/Phrase.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";
+import { validateRegex } from "../../../../utils/stringUtils.js";
+import Throttler from "../../../../utils/Throttler.js";
+import { removeEmpty, searchObject } from "../../../../utils/utils.js";
+const THROTTLER = new Throttler(150);
+const JSONViewer = ({
+  data,
+  collapse = true,
+  hideSearch = false,
+  filter
+}) => {
+  const { t } = useTranslation();
+  const { isDark } = useAppTheme();
+  const [compact] = useMyLocalStorageItem(StorageKey.COMPACT_JSON, true);
+  const [flat] = useMyLocalStorageItem(StorageKey.FLATTEN_JSON);
+  const [query, setQuery] = useState("");
+  const [result, setResult] = useState(null);
+  useEffect(() => {
+    THROTTLER.debounce(() => {
+      const filteredData = removeEmpty(data, compact);
+      const searchedData = searchObject(filteredData, filter ?? query, flat);
+      setResult(searchedData);
+    });
+  }, [compact, data, filter, flat, query]);
+  const hasError = useMemo(() => !validateRegex(filter ?? query), [query, filter]);
+  const shouldCollapse = useCallback((field) => {
+    return field.name !== "root" && field.type !== "object" || field.namespace.length > 3;
+  }, []);
+  const renderer = useMemo(
+    () => result && /* @__PURE__ */ jsx(
+      ReactJson,
+      {
+        src: result,
+        theme: isDark ? "summerfruit" : "summerfruit:inverted",
+        indentWidth: 2,
+        displayDataTypes: !compact,
+        displayObjectSize: !compact,
+        shouldCollapse: collapse ? shouldCollapse : false,
+        quotesOnKeys: false,
+        style: { flex: 1, overflow: "auto", height: "100%", fontSize: compact ? "small" : "smaller" },
+        enableClipboard: (_data) => {
+          if (typeof _data.src === "string") {
+            navigator.clipboard.writeText(_data.src);
+          } else {
+            navigator.clipboard.writeText(JSON.stringify(_data.src));
+          }
+        },
+        ...{
+          // Type declaration is wrong - this is a valid prop
+          displayArrayKey: !compact
+        }
+      }
+    ),
+    [collapse, compact, isDark, result, shouldCollapse]
+  );
+  return data ? /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 1, sx: { "& > div:first-of-type": { mt: 1, mr: 0.5 } }, children: [
+    !hideSearch && /* @__PURE__ */ jsx(
+      Phrase,
+      {
+        value: query,
+        onChange: setQuery,
+        error: hasError,
+        label: t("json.viewer.search.label"),
+        placeholder: t("json.viewer.search.prompt"),
+        disabled: !result,
+        endAdornment: /* @__PURE__ */ jsx(IconButton, { onClick: () => setQuery(""), children: /* @__PURE__ */ jsx(Clear, {}) })
+      }
+    ),
+    renderer
+  ] }) : /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "95%", variant: "rounded" });
+};
+export {
+  JSONViewer as default
+};

package/components/elements/display/markdownPlugins/tabs.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'unified';
+import type * as mdast from 'mdast';
+export declare const codeTabs: Plugin<[], mdast.Root>;

package/components/elements/display/markdownPlugins/tabs.js

@@ -0,0 +1,66 @@
+import { visit } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js";
+const findTabs = (index, parent) => {
+  const { children } = parent;
+  const tabs = [];
+  while (index++ < children.length) {
+    const child = children[index];
+    if (child && child.type === "code") {
+      const metaString = `${child.lang ?? ""} ${child.meta ?? ""}`.trim();
+      if (!metaString) break;
+      const [tabtitle] = metaString.match(new RegExp(`(?<=tab=("|'))(.*?)(?=("|'))`)) ?? [""];
+      if (!tabtitle) {
+        console.warn("Failed to parse tab title.");
+        break;
+      }
+      tabs.push({ title: tabtitle, lang: child.lang, value: child.value });
+    } else {
+      break;
+    }
+  }
+  return tabs;
+};
+const codeTabs = () => {
+  return (tree, file) => {
+    visit(tree, "code", (node, index, parent) => {
+      const metaString = `${node.lang ?? ""} ${node.meta ?? ""}`.trim();
+      if (!metaString) {
+        return;
+      }
+      const [tab] = metaString.match(new RegExp(`(?<=tab=("|'))(.*?)(?=("|'))`)) ?? [""];
+      if (!tab && metaString.includes("tab=")) {
+        file.message("Invalid tab title", node, "remark-code-title");
+        return;
+      }
+      if (!tab) {
+        return;
+      }
+      const tabs = [{ title: tab, lang: node.lang, value: node.value }, ...findTabs(index, parent)];
+      if (tabs.length > 1) {
+        const tabsNode = {
+          type: "code",
+          lang: "tabs",
+          value: JSON.stringify(tabs)
+        };
+        parent.children.splice(index, tabs.length, tabsNode);
+        return index + tabs.length - 1;
+      } else {
+        const titleNode = {
+          type: "paragraph",
+          data: {
+            hName: "div",
+            hProperties: {
+              "data-remark-code-title": true,
+              "data-language": node.lang
+            }
+          },
+          children: [{ type: "text", value: tab }]
+        };
+        parent.children.splice(index, 0, titleNode);
+        return index + 2;
+      }
+    });
+  };
+};
+export {
+  codeTabs
+};

package/components/elements/display/modals/ConfirmDeleteModal.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+declare const ConfirmDeleteModal: FC<{
+    onConfirm: () => void;
+}>;
+export default ConfirmDeleteModal;

package/components/elements/display/modals/ConfirmDeleteModal.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Stack, Typography, Button } 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";
+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 ConfirmDeleteModal = ({ onConfirm }) => {
+  const { t } = useTranslation();
+  const { close } = useContext(ModalContext);
+  const handleConfirm = useCallback(() => {
+    onConfirm();
+    close();
+  }, [close, onConfirm]);
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, p: 2, alignItems: "start", sx: { minWidth: "500px" }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h4", children: t("modal.confirm.delete.title") }),
+    /* @__PURE__ */ jsx(Typography, { children: t("modal.confirm.delete.description") }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: close, children: t("cancel") }),
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: handleConfirm, children: t("confirm") })
+    ] })
+  ] });
+};
+export {
+  ConfirmDeleteModal as default
+};

package/components/elements/display/modals/ConfirmNotebookModal.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+declare const ConfirmNotebookModal: FC<{
+    onConfirm: () => void;
+}>;
+export default ConfirmNotebookModal;

package/components/elements/display/modals/ConfirmNotebookModal.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Stack, Typography, Button } 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";
+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 ConfirmNotebookModal = ({ onConfirm }) => {
+  const { t } = useTranslation();
+  const { close } = useContext(ModalContext);
+  const handleConfirm = useCallback(() => {
+    onConfirm();
+    close();
+  }, [close, onConfirm]);
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, p: 2, alignItems: "start", sx: { minWidth: "500px" }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h4", children: "Overwrite existing notebook?" }),
+    /* @__PURE__ */ jsx(Typography, { children: t("hit.notebook.confirm.dialog") }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: close, children: t("cancel") }),
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: handleConfirm, children: t("confirm") })
+    ] })
+  ] });
+};
+export {
+  ConfirmNotebookModal as default
+};

package/components/elements/display/modals/CreateActionModal.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+declare const CreateActionModal: FC<{
+    onSubmit: (rationale: string) => void;
+}>;
+export default CreateActionModal;