@cccsaurora/clue-ui 1.2.3-dev.266 → 1.2.3

package/index-BK-zfYhR.js

@@ -0,0 +1,358 @@
+var Y = Object.defineProperty;
+var Z = (t, e, n) => e in t ? Y(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var _ = (t, e, n) => Z(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as f, jsxs as N } from "react/jsx-runtime";
+import { ClickAwayListener as $, TextField as P, InputAdornment as D, Popper as ee, Paper as te, MenuList as ne, MenuItem as se, ListItemText as re, useTheme as ie, Stack as ae, Skeleton as ue } from "@mui/material";
+import { useRef as I, useState as O, useEffect as z, useMemo as T, lazy as oe } from "react";
+import { r as ce, s as he, f as fe } from "./utils-DmwSUrum.js";
+import { ClueComponentContext as L } from "./hooks/ClueComponentContext.js";
+import { useMyLocalStorageItem as j } from "./hooks/useMyLocalStorage.js";
+import { StorageKey as J } from "./utils/constants.js";
+import { u as K } from "./index-Dj5C04IX.js";
+const de = "Enter", le = "Escape", me = "ArrowLeft", pe = "ArrowUp", _e = "ArrowRight", ye = "ArrowDown", ke = "Backspace", be = " ";
+function x(t, e) {
+  return t === e;
+}
+function xe(t) {
+  return x(t, pe);
+}
+function ge(t) {
+  return x(t, ye);
+}
+function we(t) {
+  return x(t, me);
+}
+function Ie(t) {
+  return x(t, _e);
+}
+function Ae(t) {
+  return x(t, le);
+}
+function Re(t) {
+  return x(t, de);
+}
+function Ee(t) {
+  return x(t, ke);
+}
+function Se(t) {
+  return x(t, be);
+}
+function V(t) {
+  return {
+    key: t.key,
+    isCtrl: t.ctrlKey,
+    isEnter: Re(t.key),
+    isSpace: Se(t.key),
+    isBackspace: Ee(t.key),
+    isEscape: Ae(t.key),
+    isArrowLeft: we(t.key),
+    isArrowRight: Ie(t.key),
+    isArrowUp: xe(t.key),
+    isArrowDown: ge(t.key)
+  };
+}
+class Ce {
+  constructor() {
+    _(this, "_phrase", null);
+    _(this, "_buffer", null);
+    _(this, "_tokens", null);
+    _(this, "_consumers", null);
+    _(this, "_consumer", null);
+    _(this, "_startIndex", 0);
+    _(this, "_endIndex", -1);
+  }
+  find(e, n) {
+    const r = n.findIndex((h) => h.startIndex <= e && e <= h.endIndex), s = n.at(r);
+    return { index: r, token: s };
+  }
+  parse(e, n = 0) {
+    this._phrase = e, this._buffer = [], this._tokens = [], this._consumers = this.consumers(), this._consumer = null, this._startIndex = 0, this._endIndex = -1;
+    for (let o = 0; o < this._phrase.length; o++) {
+      this._endIndex += 1;
+      const k = this._phrase[o];
+      this._buffer.push(k);
+      let l = !1;
+      if (this._consumer || (this._consumer = this.lock(), this._consumer && (l = !0, this._consumer.init(this._buffer, this))), this._consumer) {
+        l ? l = !1 : this._consumer.append(k, this);
+        const m = this._consumer.consume(this);
+        m && (this._tokens.push(m), this._buffer = [], this._consumer = null, this._startIndex = this._endIndex + 1);
+      }
+    }
+    this._tokens.push({ type: "eop", startIndex: e.length, endIndex: e.length, value: "" });
+    const r = this._tokens.flatMap((o) => o.children && o.children.length > 0 ? o.children : [o]), { token: s, index: h } = this.find(n, this._tokens), { token: c, index: y } = this.find(n, r), d = n === c.startIndex && r[y - 1] ? r[y - 1] : c;
+    return {
+      cursor: n,
+      parentIndex: h,
+      parent: s,
+      currentIndex: y,
+      current: c,
+      suggest: {
+        token: d,
+        parent: this.find(d.startIndex, this._tokens).token,
+        value: d.value.substring(0, n - d.startIndex)
+      },
+      tokens: this._tokens
+    };
+  }
+  lock() {
+    return this._consumers.find((e) => e.lock(this));
+  }
+  buffer() {
+    return this._buffer;
+  }
+  bufferValue() {
+    return this._buffer.join("");
+  }
+  start() {
+    return this._startIndex;
+  }
+  end() {
+    return this._endIndex;
+  }
+  ahead(e) {
+    const n = this._endIndex + 1;
+    return e ? this._phrase.slice(n, n + e) : this._phrase.substring(n);
+  }
+  behind(e) {
+    return e ? this.bufferValue().slice(-e) : this.bufferValue();
+  }
+  behindEndsWithAny(e, ...n) {
+    const r = e ? this.behind().trimEnd() : this.behind();
+    return n.some((s) => r.endsWith(s));
+  }
+  testBehind(e) {
+    return e.test(this.behind());
+  }
+  aheadStartsWithAny(e, ...n) {
+    const r = e ? this.ahead().trimStart() : this.ahead();
+    return n.some((s) => r.startsWith(s));
+  }
+  aheadIsEmpty(e = !1) {
+    return e ? this.ahead().trim().length === 0 : this.ahead().length === 0;
+  }
+  testAhead(e) {
+    return e.test(this.ahead());
+  }
+}
+class B {
+  constructor() {
+    _(this, "_buffer", []);
+  }
+  reset() {
+    this._buffer = [];
+  }
+  init(e, n) {
+    this._buffer = [...e];
+  }
+  append(e, n) {
+    this._buffer.push(e);
+  }
+  bufferValue() {
+    return this._buffer.join("");
+  }
+  endsWithAny(...e) {
+    const n = this.bufferValue();
+    return e.some((r) => n.endsWith(r));
+  }
+  test(e) {
+    return e.test(this.bufferValue());
+  }
+}
+class Te extends B {
+  lock(e) {
+    return e.bufferValue().match(/\s/) && e.ahead(1) !== " ";
+  }
+  consume(e) {
+    return e.ahead(1) !== " " ? {
+      type: "whitespace",
+      startIndex: e.start(),
+      endIndex: e.end(),
+      value: this._buffer.join("")
+    } : null;
+  }
+}
+class Oe extends B {
+  lock(e) {
+    return !e.bufferValue().match(/\s/) && (e.ahead(1) === " " || e.ahead(1) === "");
+  }
+  consume(e) {
+    return e.ahead(1) === " " || e.aheadIsEmpty(!0) ? {
+      type: "word",
+      startIndex: e.start(),
+      endIndex: e.end(),
+      value: this._buffer.join("")
+    } : null;
+  }
+}
+class We extends Ce {
+  consumers() {
+    return [new Oe(), new Te()];
+  }
+}
+class M {
+  constructor(e) {
+    this.suggestions = e;
+  }
+  suggest(e) {
+    return this.suggestions.filter((n) => n.indexOf(e.suggest.value) > -1);
+  }
+}
+function ve({
+  value: t = "",
+  variant: e = "outlined",
+  suggestions: n = [],
+  lexer: r,
+  suggester: s,
+  startAdornment: h,
+  endAdornment: c,
+  onChange: y,
+  onKeyDown: d,
+  ...o
+}) {
+  const k = I(), l = I(), m = I(), W = I(r || new We()), A = I(), R = I(s || new M(n)), [w, g] = O(!1), [b, S] = O(n);
+  z(() => {
+    R.current = s || new M(n);
+  }, [s, n]);
+  const C = (i, p = 0) => {
+    let u = l.current.querySelector("input").selectionStart + p;
+    return u = u < 0 ? 0 : u > i.length ? i.length : u, A.current = W.current.parse(i, u), A.current;
+  }, E = (i, p = 0) => {
+    const u = R.current.suggest(C(i, p));
+    S((u == null ? void 0 : u.length) > 0 ? u : [...n]);
+  }, a = (i) => {
+    y(i.target.value);
+  }, q = (i) => {
+    const p = V(i), { isEnter: u, isCtrl: H, isSpace: G, isEscape: Q, isArrowDown: X } = p;
+    X ? (i.preventDefault(), m.current.focus()) : H && G ? (g(!0), E(t)) : Q && g(!w), u && w && b.length === 1 ? (v(b[0]), i.preventDefault()) : d && d(p);
+  }, U = (i) => {
+    w && E(i.target.value);
+  }, F = (i) => {
+    const { isEscape: p } = V(i);
+    p && (l.current.focus(), g(!1));
+  }, v = (i) => {
+    const { suggest: p } = A.current, u = l.current.querySelector("input");
+    u.focus(), u.setSelectionRange(p.token.startIndex, p.token.endIndex + 1), document.execCommand("insertText", !1, i), g(!1);
+  };
+  return /* @__PURE__ */ f($, { onClickAway: () => g(!1), children: /* @__PURE__ */ N("div", { ref: k, style: { position: "relative" }, children: [
+    /* @__PURE__ */ f(
+      P,
+      {
+        ref: l,
+        ...o,
+        fullWidth: !0,
+        autoComplete: "off",
+        value: t,
+        variant: e,
+        onChange: a,
+        onKeyDown: q,
+        InputProps: {
+          ...o.InputProps,
+          onSelectCapture: U,
+          startAdornment: h && /* @__PURE__ */ f(D, { position: "start", children: h }),
+          endAdornment: c && /* @__PURE__ */ f(D, { position: "end", children: c })
+        }
+      }
+    ),
+    /* @__PURE__ */ f(
+      ee,
+      {
+        anchorEl: k.current,
+        style: { width: "100%", zIndex: 100 },
+        open: w && b.length > 0,
+        disablePortal: !0,
+        children: /* @__PURE__ */ f(
+          te,
+          {
+            elevation: 2,
+            sx: { maxHeight: 200, overflow: "auto", borderTopRightRadius: 0, borderTopLeftRadius: 0 },
+            children: /* @__PURE__ */ f(
+              ne,
+              {
+                ref: m,
+                onKeyDown: F,
+                sx: {
+                  "&:focus": {
+                    outline: "none"
+                  }
+                },
+                children: b == null ? void 0 : b.map((i) => /* @__PURE__ */ f(se, { onClick: () => v(i), children: /* @__PURE__ */ f(re, { children: i }) }, i))
+              }
+            )
+          }
+        )
+      }
+    )
+  ] }) });
+}
+const Be = ({ data: t, collapse: e = !0, hideSearch: n = !1, forceCompact: r = !1, slotProps: s }) => {
+  var S, C, E;
+  const h = ie(), [c] = j(J.COMPACT_JSON), [y] = j(J.FLATTEN_JSON), d = K(L, (a) => a == null ? void 0 : a.ReactJson), { t: o } = K(L, (a) => a == null ? void 0 : a.i18next), [k, l] = O(null), [m, W] = O(""), A = T(() => h.palette.mode === "dark", [h]), R = T(() => ce(t, c || r), [c, t, r]), w = T(() => {
+    const a = he(R, m);
+    return y ? fe(a) : a;
+  }, [R, y, m]), g = T(() => {
+    try {
+      return new RegExp(m), !1;
+    } catch {
+      return !0;
+    }
+  }, [m]);
+  z(() => {
+    l(d ? () => d : oe(() => import("@microlink/react-json-view")));
+  }, [d]);
+  const b = (a) => a.name !== "root" && a.type !== "object" || a.namespace.length > 3;
+  return t ? /* @__PURE__ */ N(
+    ae,
+    {
+      direction: "column",
+      spacing: 1,
+      ...s == null ? void 0 : s.stack,
+      sx: {
+        "& > div:first-of-type": { mt: 1, mr: 0.5 },
+        ...Array.isArray((S = s == null ? void 0 : s.stack) == null ? void 0 : S.sx) ? (C = s == null ? void 0 : s.stack) == null ? void 0 : C.sx : [(E = s == null ? void 0 : s.stack) == null ? void 0 : E.sx]
+      },
+      children: [
+        !n && /* @__PURE__ */ f(
+          ve,
+          {
+            value: m,
+            onChange: W,
+            size: "small",
+            error: g,
+            label: o("json.viewer.search.label"),
+            placeholder: o("json.viewer.search.prompt")
+          }
+        ),
+        k && /* @__PURE__ */ f(
+          k,
+          {
+            src: w,
+            theme: A ? "summerfruit" : "summerfruit:inverted",
+            indentWidth: 2,
+            displayDataTypes: !c && !r,
+            displayObjectSize: !c && !r,
+            shouldCollapse: e ? b : !1,
+            quotesOnKeys: !1,
+            style: {
+              flex: 1,
+              overflow: "auto",
+              height: "100%",
+              fontSize: c || r ? "small" : "smaller",
+              borderRadius: h.shape.borderRadius,
+              padding: h.spacing(1)
+            },
+            enableClipboard: (a) => {
+              typeof a.src == "string" ? navigator.clipboard.writeText(a.src) : navigator.clipboard.writeText(JSON.stringify(a.src));
+            },
+            // Type declaration is wrong - this is a valid prop
+            displayArrayKey: !c && !r,
+            ...s == null ? void 0 : s.json
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ f(ue, { width: "100%", height: "95%", variant: "rounded" });
+};
+export {
+  Be as J,
+  V as p
+};