@pstdio/ui 0.24.2 → 0.25.0

package/dist/prompt-input-DNpRL5tI.js

@@ -0,0 +1,564 @@
+import { jsx as c, jsxs as R, Fragment as q } from "react/jsx-runtime";
+import { c as C } from "react/compiler-runtime";
+import { Tooltip as G, Text as w, Flex as ee, Box as Q, Kbd as me } from "@chakra-ui/react";
+import { MarkNode as fe } from "@lexical/mark";
+import { LexicalComposer as pe } from "@lexical/react/LexicalComposer";
+import { LexicalErrorBoundary as ge } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as he } from "@lexical/react/LexicalHistoryPlugin";
+import { OnChangePlugin as xe } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as _e } from "@lexical/react/LexicalRichTextPlugin";
+import { createCommand as te, ElementNode as ye, isHTMLElement as Ee, $createParagraphNode as j, COMMAND_PRIORITY_LOW as ne, $getSelection as be, $isRangeSelection as Se, $isElementNode as Ie, KEY_DOWN_COMMAND as Ce, COMMAND_PRIORITY_HIGH as Te, TextNode as Oe, $getRoot as Re } from "lexical";
+import { useEffect as F, useImperativeHandle as $e, useState as Me, forwardRef as Ne, useRef as Ae } from "react";
+import { t as ve, b as Le, T as Pe, d as De } from "./markdown-gNucAjnF.js";
+import { useLexicalComposerContext as k } from "@lexical/react/LexicalComposerContext";
+import { $setBlocksType as we } from "@lexical/selection";
+import { addClassNamesToElement as re, mergeRegister as U } from "@lexical/utils";
+import { LexicalTypeaheadMenuPlugin as ke } from "@lexical/react/LexicalTypeaheadMenuPlugin";
+import * as Be from "react-dom";
+import { S as Fe } from "./browser-storage-DPtOQJx0.js";
+const He = "INSERT_REFERENCE", Je = "INSERT_BLOCK", oe = te(He), Ke = te(Je);
+function Ge(r) {
+  const e = V();
+  return r.style !== null && e.setFormat(r.style.textAlign), {
+    node: e
+  };
+}
+class H extends ye {
+  static getType() {
+    return "comment";
+  }
+  static clone(e) {
+    return new H(e.__key);
+  }
+  createDOM(e) {
+    const t = document.createElement("blockquote");
+    return re(t, e.theme.comment), t;
+  }
+  updateDOM() {
+    return !1;
+  }
+  static importDOM() {
+    return {
+      blockquote: () => ({
+        conversion: Ge,
+        priority: 0
+      })
+    };
+  }
+  exportDOM(e) {
+    const {
+      element: t
+    } = super.exportDOM(e);
+    if (t && Ee(t)) {
+      this.isEmpty() && t.append(document.createElement("br"));
+      const n = this.getFormatType();
+      t.style.textAlign = n;
+      const o = this.getDirection();
+      o && (t.dir = o);
+    }
+    return {
+      element: t
+    };
+  }
+  static importJSON(e) {
+    const t = V();
+    return t.setFormat(e.format), t.setIndent(e.indent), t.setDirection(e.direction), t;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "comment"
+    };
+  }
+  getTextContent() {
+    return `{{! ${super.getTextContent().replace(/([{}])/g, "\\$1")} }}`;
+  }
+  // mutation
+  insertNewAfter(e, t) {
+    const n = j(), o = this.getDirection();
+    return n.setDirection(o), this.insertAfter(n, t), n;
+  }
+  collapseAtStart() {
+    const e = j();
+    return this.getChildren().forEach((n) => {
+      e.append(n);
+    }), this.replace(e), !0;
+  }
+}
+function V() {
+  return new H();
+}
+const Ve = (r, e) => {
+  const t = be(), n = V();
+  if (e) {
+    e.getParent()?.replace(n, !0), e.remove(), n.selectEnd();
+    return;
+  }
+  Se(t) && we(t, V);
+};
+function We() {
+  const r = C(3), [e] = k();
+  let t, n;
+  return r[0] !== e ? (t = () => U(e.registerCommand(Ke, je, ne)), n = [e], r[0] = e, r[1] = t, r[2] = n) : (t = r[1], n = r[2]), F(t, n), null;
+}
+function je(r) {
+  const {
+    optionId: e,
+    nodeToReplace: t
+  } = r;
+  return Ve(e, t), !1;
+}
+const Ue = () => {
+  const r = C(3), [e] = k();
+  let t, n;
+  r[0] !== e ? (t = () => U(e.registerNodeTransform(H, (o) => {
+    const s = o.getChildren().filter(Xe);
+    s.length > 0 && e.update(() => {
+      s.forEach(Ye);
+    });
+  })), n = [e], r[0] = e, r[1] = t, r[2] = n) : (t = r[1], n = r[2]), F(t, n);
+};
+function Xe(r) {
+  return r.getType() === "comment";
+}
+function Ye(r) {
+  r.replace(j(), !0);
+}
+function qe() {
+  return Ue(), We(), null;
+}
+const Qe = (r) => {
+  let e = "";
+  const t = r.getChildren(), n = t.length;
+  for (let o = 0; o < n; o++) {
+    const i = t[o];
+    e += i.getTextContent(), Ie(i) && o !== n - 1 && !i.isInline() && (e += `
+`);
+  }
+  return e;
+}, ze = (r) => r.type !== "reference" ? null : `#${r.name ?? r.referenceId ?? ""}`, Ze = (r) => r.type === "paragraph" && !!r.children?.length, ie = (r) => {
+  if (r.type === "comment")
+    return "";
+  const e = ze(r);
+  if (e !== null)
+    return e;
+  let t = typeof r.text == "string" ? r.text : "";
+  const n = r.children;
+  if (!Array.isArray(n)) return t;
+  const o = n.length;
+  for (let i = 0; i < o; i += 1) {
+    const s = n[i];
+    if (s.type === "comment") {
+      i !== o - 1 && (t += `
+`);
+      continue;
+    }
+    t += ie(s), Ze(s) && (t += `
+`);
+  }
+  return t;
+}, se = (r) => {
+  try {
+    const e = JSON.parse(r);
+    return ie(e.root ?? {});
+  } catch {
+    return "";
+  }
+}, et = {
+  root: {
+    direction: "ltr",
+    format: "",
+    indent: 0,
+    type: "root",
+    version: 1,
+    children: [{
+      type: "paragraph",
+      version: 1,
+      format: "",
+      indent: 0,
+      textFormat: void 0,
+      direction: null,
+      children: []
+    }]
+  }
+};
+function tt(r = "") {
+  return r.trim() ? {
+    root: {
+      direction: "ltr",
+      format: "",
+      indent: 0,
+      type: "root",
+      version: 1,
+      children: r.split(/\r?\n/).map((n) => ({
+        type: "paragraph",
+        version: 1,
+        format: "",
+        indent: 0,
+        textFormat: void 0,
+        direction: null,
+        children: n ? [{
+          type: "text",
+          version: 1,
+          text: n,
+          format: "",
+          detail: 0,
+          mode: "normal",
+          style: ""
+        }] : []
+      }))
+    }
+  } : JSON.parse(JSON.stringify(et));
+}
+function nt(r) {
+  const e = C(4), {
+    editorRef: t,
+    previousTextRef: n
+  } = r, [o] = k();
+  let i, s;
+  return e[0] !== o || e[1] !== n ? (i = () => ({
+    setEditorValue: (a) => {
+      const l = o.parseEditorState(JSON.stringify(tt(a)));
+      o.setEditorState(l), n.current = se(a), o.focus(void 0, {
+        defaultSelection: "rootEnd"
+      });
+    }
+  }), s = [o, n], e[0] = o, e[1] = n, e[2] = i, e[3] = s) : (i = e[2], s = e[3]), $e(t, i, s), null;
+}
+const rt = (r) => r.key !== "Enter" ? !1 : !r.ctrlKey && !r.metaKey && !r.shiftKey && !r.altKey;
+function ot(r) {
+  const e = C(4), {
+    onSubmit: t
+  } = r, [n] = k();
+  let o, i;
+  return e[0] !== n || e[1] !== t ? (o = () => n.registerCommand(Ce, (s) => rt(s) ? (s.preventDefault(), t?.(), !0) : !1, Te), i = [n, t], e[0] = n, e[1] = t, e[2] = o, e[3] = i) : (o = e[2], i = e[3]), F(o, i), null;
+}
+const z = ["table", "connector"], it = (r) => r.sort((n, o) => z.indexOf(n.group) - z.indexOf(o.group)).map((n, o) => ({
+  ...n,
+  index: o
+})).reduce((n, o) => {
+  const i = n[o.group] ?? [];
+  return i.push(o), n[o.group] = i, n;
+}, {});
+function Z(r) {
+  const e = C(22), {
+    id: t,
+    isSelected: n,
+    onClick: o,
+    onMouseEnter: i,
+    setRefElement: s,
+    secondaryLabel: a,
+    primaryLabel: l,
+    tabIndex: f
+  } = r, h = f === void 0 ? -1 : f, y = n ? "bg.active" : "transparent", u = n ? "bg.active" : "bg.hover";
+  let m;
+  e[0] !== u ? (m = {
+    bg: u
+  }, e[0] = u, e[1] = m) : m = e[1];
+  let p;
+  e[2] !== l ? (p = /* @__PURE__ */ c(G.Trigger, { children: /* @__PURE__ */ c(w, { mt: "1px", lineClamp: 1, textOverflow: "ellipsis", textStyle: "label/M/regular", children: l }) }), e[2] = l, e[3] = p) : p = e[3];
+  let g;
+  e[4] !== l ? (g = /* @__PURE__ */ c(G.Positioner, { children: /* @__PURE__ */ c(G.Content, { children: l }) }), e[4] = l, e[5] = g) : g = e[5];
+  let x;
+  e[6] !== p || e[7] !== g ? (x = /* @__PURE__ */ R(G.Root, { children: [
+    p,
+    g
+  ] }), e[6] = p, e[7] = g, e[8] = x) : x = e[8];
+  let _;
+  e[9] !== a ? (_ = a && /* @__PURE__ */ c(w, { lineClamp: 2, textOverflow: "ellipsis", textStyle: "label/S/regular", color: "fg.muted", children: a }), e[9] = a, e[10] = _) : _ = e[10];
+  let b;
+  return e[11] !== t || e[12] !== n || e[13] !== o || e[14] !== i || e[15] !== s || e[16] !== y || e[17] !== m || e[18] !== x || e[19] !== _ || e[20] !== h ? (b = /* @__PURE__ */ R(ee, { direction: "column", cursor: "pointer", gap: "2xs", padding: "2xs", paddingX: "sm", bg: y, _hover: m, tabIndex: h, ref: s, role: "option", "aria-selected": n, id: t, onMouseEnter: i, onClick: o, children: [
+    x,
+    _
+  ] }), e[11] = t, e[12] = n, e[13] = o, e[14] = i, e[15] = s, e[16] = y, e[17] = m, e[18] = x, e[19] = _, e[20] = h, e[21] = b) : b = e[21], b;
+}
+const st = (r) => {
+  const e = C(12), {
+    options: t,
+    selectedIndex: n,
+    onSelectItem: o,
+    onMouseEnterItem: i
+  } = r, {
+    table: s,
+    connector: a
+  } = it(t), l = s === void 0 ? [] : s, f = a === void 0 ? [] : a, h = [...l, ...f].length;
+  let y, u;
+  e[0] !== n ? (y = () => {
+    document.getElementById(`typeahead-item-${n}`)?.scrollIntoView({
+      behavior: "instant",
+      block: "nearest"
+    });
+  }, u = [n], e[0] = n, e[1] = y, e[2] = u) : (y = e[1], u = e[2]), F(y, u);
+  const m = Fe, p = "1000", g = "absolute", x = "modal", _ = "24rem", b = !1;
+  let E;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
+    base: "100vw",
+    md: "264px"
+  }, e[3] = E) : E = e[3];
+  let S;
+  e[4] !== h ? (S = !h && /* @__PURE__ */ c(w, { children: "No results" }), e[4] = h, e[5] = S) : S = e[5];
+  const T = !!l.length && /* @__PURE__ */ R(q, { children: [
+    /* @__PURE__ */ c(w, { paddingTop: "xs", paddingBottom: "2xs", paddingX: "sm", color: "fg.muted", textStyle: "label/S/medium", children: "Tables" }),
+    /* @__PURE__ */ c(Q, { children: l.map((d) => /* @__PURE__ */ c(Z, { id: `typeahead-item-${d.index}`, isSelected: n === d.index, onClick: () => o(d, d.index), onMouseEnter: () => i(d.index), primaryLabel: d.name, secondaryLabel: d.description, setRefElement: d.setRefElement, tabIndex: -1 }, d.id)) })
+  ] }), O = !!f.length && /* @__PURE__ */ R(q, { children: [
+    /* @__PURE__ */ c(w, { paddingTop: "xs", paddingBottom: "2xs", paddingX: "sm", color: "fg.muted", textStyle: "label/S/medium", children: "Data Sources" }),
+    /* @__PURE__ */ c(Q, { children: f.map((d) => /* @__PURE__ */ c(Z, { id: `typeahead-item-${d.index}`, isSelected: n === d.index, onClick: () => o(d, d.index), onMouseEnter: () => i(d.index), primaryLabel: d.name, secondaryLabel: d.description, setRefElement: d.setRefElement, tabIndex: -1 }, d.id)) })
+  ] });
+  let I;
+  return e[6] !== m || e[7] !== S || e[8] !== T || e[9] !== O || e[10] !== E ? (I = /* @__PURE__ */ R(m, { zIndex: p, position: g, layerStyle: x, maxHeight: _, showHorizontalScrollbar: b, minWidth: E, children: [
+    S,
+    T,
+    O
+  ] }), e[6] = m, e[7] = S, e[8] = T, e[9] = O, e[10] = E, e[11] = I) : I = e[11], I;
+}, ct = (r, e) => r.filter((t) => t.name.replace(/ /g, "_").toLowerCase().includes(e.toLowerCase()));
+function lt(r, e = []) {
+  const t = e.map((n, o) => ({
+    id: n.resourceId,
+    key: n.resourceId,
+    index: o,
+    group: n.resourceType,
+    name: n.name,
+    description: n.description,
+    setRefElement: () => {
+    }
+  }));
+  return r == null || r === "" ? t : ct(t, r);
+}
+const ce = "\\.\\-<>_:", X = ["#"].join(""), le = `[^${X}${ce}\\s]`, at = `(?:[${ce}]|)`, ae = 75, dt = new RegExp(`(^|\\s|\\()([${X}]((?:${le}${at}){0,${ae}}))$`), ut = new RegExp(`(^|\\s|\\()([${X}]((?:${le}){0,${ae}}))$`);
+function mt(r, e) {
+  let t = dt.exec(r);
+  if (t === null && (t = ut.exec(r)), t !== null) {
+    const n = t[1], o = t[3];
+    if (o.length >= e)
+      return {
+        leadOffset: t.index + n.length,
+        matchingString: o,
+        replaceableString: t[2]
+      };
+  }
+  return null;
+}
+const ft = 20;
+function pt(r) {
+  const e = C(9), {
+    items: t
+  } = r;
+  let n;
+  e[0] !== t ? (n = t === void 0 ? [] : t, e[0] = t, e[1] = n) : n = e[1];
+  const o = n, [i, s] = Me(null), [a] = k(), l = lt(i, o);
+  let f;
+  e[2] !== a ? (f = (g, x, _) => {
+    a.update(() => {
+      x && (a.dispatchCommand(oe, {
+        resourceId: g.id,
+        resourceType: g.group,
+        name: g.name,
+        nodeToReplace: x
+      }), _());
+    });
+  }, e[2] = a, e[3] = f) : f = e[3];
+  const h = f, y = ht;
+  let u;
+  e[4] !== l ? (u = l.slice(0, ft), e[4] = l, e[5] = u) : u = e[5];
+  const m = u;
+  let p;
+  return e[6] !== m || e[7] !== h ? (p = /* @__PURE__ */ c(ke, { onQueryChange: s, onSelectOption: h, triggerFn: y, options: m, menuRenderFn: gt }), e[6] = m, e[7] = h, e[8] = p) : p = e[8], p;
+}
+function gt(r, e) {
+  const {
+    options: t,
+    selectedIndex: n,
+    selectOptionAndCleanUp: o,
+    setHighlightedIndex: i
+  } = e;
+  return r.current ? Be.createPortal(/* @__PURE__ */ c(st, { options: t, selectedIndex: n, onSelectItem: (s, a) => {
+    i(a), o(s);
+  }, onMouseEnterItem: (s) => {
+    i(s);
+  } }), r.current) : null;
+}
+function ht(r) {
+  return mt(r, 0);
+}
+class B extends Oe {
+  __referenceId;
+  __name;
+  static getType() {
+    return "reference";
+  }
+  static clone(e) {
+    return new B(e.__referenceId, e.__name, e.__key);
+  }
+  constructor(e, t, n) {
+    super(t, n), this.__referenceId = e, this.__name = t;
+  }
+  isKeyboardSelectable() {
+    return !1;
+  }
+  canBeEmpty() {
+    return !1;
+  }
+  canInsertTextAfter() {
+    return !1;
+  }
+  canInsertTextBefore() {
+    return !1;
+  }
+  createDOM(e) {
+    const t = document.createElement("span");
+    return re(t, e.theme.reference), t.setAttribute("data-reference-id", this.__referenceId), t.setAttribute("data-name", this.__name), t.textContent = `#${this.__name}`, t;
+  }
+  updateDOM(e, t) {
+    return (e.__name !== this.__name || e.__referenceId !== this.__referenceId) && (t.setAttribute("data-reference-id", this.__referenceId), t.setAttribute("data-name", this.__name), t.textContent = `#${this.__name}`), !1;
+  }
+  exportDOM(e) {
+    const t = document.createElement("span");
+    return t.setAttribute("data-reference-id", this.__referenceId), t.setAttribute("data-name", this.__name), t.textContent = `#${this.__name}`, {
+      element: t
+    };
+  }
+  static importDOM() {
+    return {
+      span: (e) => !e.hasAttribute("data-reference-id") || !e.hasAttribute("data-name") ? null : {
+        conversion: xt,
+        priority: 1
+      }
+    };
+  }
+  static importJSON(e) {
+    return new B(e.referenceId, e.name);
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "reference",
+      referenceId: this.__referenceId,
+      name: this.__name
+    };
+  }
+  getTextContent() {
+    return `#${this.__name}`;
+  }
+}
+function xt(r) {
+  const e = r.getAttribute("data-reference-id"), t = r.getAttribute("data-name");
+  return !e || !t ? null : {
+    node: de(e, t)
+  };
+}
+function de(r, e) {
+  return new B(r, e);
+}
+const _t = (r, e, t) => {
+  const n = de(e, t);
+  if (r) {
+    r?.replace(n), r.remove(), n.selectEnd();
+    return;
+  }
+};
+function yt(r) {
+  const e = C(4), {
+    onAddReference: t
+  } = r, [n] = k();
+  let o, i;
+  return e[0] !== n || e[1] !== t ? (o = () => U(n.registerCommand(oe, (s) => {
+    const {
+      resourceId: a,
+      resourceType: l,
+      name: f,
+      nodeToReplace: h
+    } = s;
+    return n.update(() => {
+      _t(h, a, f);
+    }), t?.(a, l), !0;
+  }, ne)), i = [n, t], e[0] = n, e[1] = t, e[2] = o, e[3] = i) : (o = e[2], i = e[3]), F(o, i), null;
+}
+const Et = {
+  ...ve,
+  // Override paragraph class to remove margins specifically for prompt input
+  paragraph: "rich-text__p rich-text__p--no-margin"
+}, bt = [H, fe, B], St = (r, e) => {
+  const t = C(39), {
+    defaultState: n,
+    debug: o,
+    isEditable: i,
+    placeholder: s
+  } = r, a = o === void 0 ? !1 : o, l = i === void 0 ? !0 : i, {
+    onChange: f,
+    onError: h,
+    onSubmit: y,
+    references: u,
+    onAddReference: m
+  } = r, p = h === void 0 ? It : h;
+  let g;
+  t[0] !== u ? (g = u === void 0 ? [] : u, t[0] = u, t[1] = g) : g = t[1];
+  const x = g;
+  let _;
+  t[2] !== n || t[3] !== l || t[4] !== p ? (_ = {
+    namespace: "PROMPT_EDITOR",
+    nodes: bt,
+    editorState: n,
+    editable: l,
+    onError: p,
+    theme: Et
+  }, t[2] = n, t[3] = l, t[4] = p, t[5] = _) : _ = t[5];
+  const b = _;
+  let E;
+  t[6] !== n ? (E = se(n), t[6] = n, t[7] = E) : E = t[7];
+  const S = Ae(E);
+  let T;
+  t[8] !== s ? (T = s ?? /* @__PURE__ */ R(w, { textStyle: "label/M/regular", color: "fg.subtle", pointerEvents: "none", position: "absolute", top: "0", children: [
+    "Type your query here or press ",
+    /* @__PURE__ */ c(me, { color: "fg.subtle", children: "#" }),
+    " to add a reference."
+  ] }), t[8] = s, t[9] = T) : T = t[9];
+  const O = T;
+  let I;
+  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ c(he, {}), t[10] = I) : I = t[10];
+  let d;
+  t[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ c(Le, { fullWidth: !0 }), t[11] = d) : d = t[11];
+  let $;
+  t[12] !== O ? ($ = /* @__PURE__ */ c(_e, { contentEditable: d, placeholder: O, ErrorBoundary: ge }), t[12] = O, t[13] = $) : $ = t[13];
+  let M;
+  t[14] !== f ? (M = /* @__PURE__ */ c(xe, { ignoreSelectionChange: !0, ignoreHistoryMergeTagChange: !1, onChange: (Y) => {
+    Y.read(() => {
+      const ue = Re(), W = Qe(ue);
+      W !== S.current && (S.current = W, f?.(W, Y.toJSON()));
+    });
+  } }), t[14] = f, t[15] = M) : M = t[15];
+  let N;
+  t[16] !== e ? (N = /* @__PURE__ */ c(nt, { editorRef: e, previousTextRef: S }), t[16] = e, t[17] = N) : N = t[17];
+  let A;
+  t[18] !== l ? (A = /* @__PURE__ */ c(Pe, { isEditable: l }), t[18] = l, t[19] = A) : A = t[19];
+  let J;
+  t[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ c(qe, {}), t[20] = J) : J = t[20];
+  let v;
+  t[21] !== y ? (v = /* @__PURE__ */ c(ot, { onSubmit: y }), t[21] = y, t[22] = v) : v = t[22];
+  let L;
+  t[23] !== x ? (L = /* @__PURE__ */ c(pt, { items: x }), t[23] = x, t[24] = L) : L = t[24];
+  let P;
+  t[25] !== m ? (P = /* @__PURE__ */ c(yt, { onAddReference: m }), t[25] = m, t[26] = P) : P = t[26];
+  let D;
+  t[27] !== a ? (D = a ? /* @__PURE__ */ c(De, {}) : "", t[27] = a, t[28] = D) : D = t[28];
+  let K;
+  return t[29] !== b || t[30] !== $ || t[31] !== M || t[32] !== N || t[33] !== A || t[34] !== v || t[35] !== L || t[36] !== P || t[37] !== D ? (K = /* @__PURE__ */ c(ee, { direction: "column", justifyContent: "space-between", width: "100%", position: "relative", children: /* @__PURE__ */ R(pe, { initialConfig: b, children: [
+    I,
+    $,
+    M,
+    N,
+    A,
+    J,
+    v,
+    L,
+    P,
+    D
+  ] }) }), t[29] = b, t[30] = $, t[31] = M, t[32] = N, t[33] = A, t[34] = v, t[35] = L, t[36] = P, t[37] = D, t[38] = K) : K = t[38], K;
+}, Jt = Ne(St);
+function It() {
+}
+export {
+  Jt as P,
+  se as a,
+  tt as g
+};
+//# sourceMappingURL=prompt-input-DNpRL5tI.js.map