@alfadocs/ui-kit 0.70.0 → 0.71.0

package/dist/_chunks/token-insert-menu-CFQqTe_n.js

@@ -0,0 +1,147 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { forwardRef as v, useState as O, useRef as w, useEffect as x, useMemo as y, Fragment as R } from "react";
+import { B as S } from "./button-DD_0Xdmr.js";
+import { D as r } from "./dropdown-menu-qrxjymfw.js";
+import { u as C } from "./registry-DvAUVLHh.js";
+const K = {
+  id: "token-insert-menu",
+  capabilities: ["open", "close"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.tokenInsertMenu.state.isOpen",
+      description: "True when the token menu is currently open.",
+      read: (n) => n.isOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.tokenInsertMenu.actions.open",
+      description: "Open the token menu.",
+      invoke: (n) => {
+        n.open();
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.tokenInsertMenu.actions.close",
+      description: "Close the token menu.",
+      invoke: (n) => {
+        n.close();
+      }
+    },
+    insert: {
+      safety: "write",
+      argsType: "{ token: string }",
+      argsSchema: {
+        type: "object",
+        properties: { token: { type: "string" } },
+        required: ["token"]
+      },
+      descriptionKey: "ui.agent.tokenInsertMenu.actions.insert",
+      description: "Emit a merge-token to the consumer for cursor insertion.",
+      examples: [
+        {
+          args: { token: "{{patient.name}}" },
+          note: "Emit the patient-name placeholder for cursor insertion."
+        }
+      ],
+      invoke: (n, s) => {
+        n.insert(s.token);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "token-insert-menu",
+      description: "Marks the TokenInsertMenu wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, j = v(function({ tokens: s, onInsert: p, triggerLabel: M, disabled: m, id: l, className: I }, T) {
+  const [a, c] = O(!1), f = w(a);
+  x(() => {
+    f.current = a;
+  }, [a]);
+  const h = y(() => {
+    if (!s.some((t) => t.group)) return null;
+    const e = [], i = /* @__PURE__ */ new Map();
+    for (const t of s) {
+      const u = t.group ?? "", k = i.get(u);
+      k ? k.push(t) : (i.set(u, [t]), e.push(u));
+    }
+    return e.map((t) => ({
+      heading: t,
+      items: i.get(t) ?? []
+    }));
+  }, [s]), b = y(
+    () => ({
+      isOpen: () => f.current,
+      open: () => c(!0),
+      close: () => c(!1),
+      insert: (e) => p(e)
+    }),
+    [p]
+  );
+  C(K, b, l);
+  const g = (e) => /* @__PURE__ */ o(
+    r.Item,
+    {
+      description: /* @__PURE__ */ o("span", { className: "ds:font-mono ds:text-muted-foreground", children: e.value }),
+      onSelect: () => p(e.value),
+      children: e.label
+    },
+    e.value
+  );
+  return /* @__PURE__ */ d(
+    r.Root,
+    {
+      open: a,
+      onOpenChange: (e) => {
+        m || c(e);
+      },
+      children: [
+        /* @__PURE__ */ o(
+          "span",
+          {
+            className: "ds:inline-flex",
+            "data-component": "token-insert-menu",
+            "data-component-id": l,
+            children: /* @__PURE__ */ o(r.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
+              S,
+              {
+                ref: T,
+                type: "button",
+                intent: "outline",
+                disabled: m,
+                className: I,
+                children: M
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ o(r.Content, { align: "start", children: h ? h.map((e, i) => /* @__PURE__ */ d(R, { children: [
+          i > 0 ? /* @__PURE__ */ o(r.Separator, {}) : null,
+          /* @__PURE__ */ d(r.Group, { children: [
+            e.heading ? /* @__PURE__ */ o(r.Label, { children: e.heading }) : null,
+            e.items.map(g)
+          ] })
+        ] }, e.heading || `section-${i}`)) : s.map(g) })
+      ]
+    }
+  );
+});
+j.displayName = "TokenInsertMenu";
+export {
+  j as T,
+  K as t
+};
+//# sourceMappingURL=token-insert-menu-CFQqTe_n.js.map