@easyops-cn/a2ui-react 0.0.0 → 0.0.2

package/dist/0.8/utils/pathUtils.d.ts

@@ -0,0 +1,63 @@
+import { DataModel, DataModelValue } from '../types';
+/**
+ * Gets a value from the data model by path.
+ *
+ * @param dataModel - The data model to read from
+ * @param path - The path to the value (e.g., "/user/name")
+ * @returns The value at the path, or undefined if not found
+ *
+ * @example
+ * const model = { user: { name: "John" } };
+ * getValueByPath(model, "/user/name"); // "John"
+ * getValueByPath(model, "/user/age");  // undefined
+ */
+export declare function getValueByPath(dataModel: DataModel, path: string): DataModelValue | undefined;
+/**
+ * Sets a value in the data model by path, returning a new data model.
+ * This function is immutable - it does not modify the original data model.
+ *
+ * @param dataModel - The data model to update
+ * @param path - The path to set (e.g., "/user/name")
+ * @param value - The value to set
+ * @returns A new data model with the value set
+ *
+ * @example
+ * const model = { user: { name: "John" } };
+ * setValueByPath(model, "/user/name", "Jane");
+ * // Returns: { user: { name: "Jane" } }
+ */
+export declare function setValueByPath(dataModel: DataModel, path: string, value: unknown): DataModel;
+/**
+ * Merges data into the data model at a given path.
+ * This is used for dataModelUpdate messages where contents are merged.
+ *
+ * @param dataModel - The data model to update
+ * @param path - The path to merge at (e.g., "/form")
+ * @param data - The data to merge
+ * @returns A new data model with the data merged
+ */
+export declare function mergeAtPath(dataModel: DataModel, path: string, data: Record<string, unknown>): DataModel;
+/**
+ * Normalizes a path to ensure it starts with "/" and has no trailing "/".
+ *
+ * @param path - The path to normalize
+ * @returns The normalized path
+ *
+ * @example
+ * normalizePath("user/name");   // "/user/name"
+ * normalizePath("/user/name/"); // "/user/name"
+ */
+export declare function normalizePath(path: string): string;
+/**
+ * Joins two paths together.
+ *
+ * @param basePath - The base path
+ * @param relativePath - The relative path to join
+ * @returns The joined path
+ *
+ * @example
+ * joinPaths("/user", "name");     // "/user/name"
+ * joinPaths("/user", "/name");    // "/user/name"
+ * joinPaths("/user/", "/name/");  // "/user/name"
+ */
+export declare function joinPaths(basePath: string, relativePath: string): string;

package/dist/0.8/utils/pathUtils.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * pathUtils Tests
+ *
+ * Tests for path utility functions used in A2UI data model operations.
+ */
+export {};

package/dist/a2ui-react.js

@@ -0,0 +1,4 @@
+import * as o from "./a2ui-react2.js";
+export {
+  o as v0_8
+};

package/dist/a2ui-react10.js

@@ -0,0 +1,54 @@
+import { useCallback as c } from "react";
+import { useSurfaceContext as I } from "./a2ui-react9.js";
+import { useDataModelContext as U } from "./a2ui-react31.js";
+import { contentsToObject as b } from "./a2ui-react32.js";
+function g() {
+  const { initSurface: n, updateSurface: d, deleteSurface: u, clearSurfaces: f } = I(), { updateDataModel: s, initDataModel: l, deleteDataModel: i, clearDataModels: p } = U(), o = c(
+    (t) => {
+      if (t.beginRendering) {
+        const { surfaceId: e, root: r, styles: a } = t.beginRendering;
+        n(e, r, a), l(e);
+        return;
+      }
+      if (t.surfaceUpdate) {
+        const { surfaceId: e, components: r } = t.surfaceUpdate;
+        d(e, r);
+        return;
+      }
+      if (t.dataModelUpdate) {
+        const { surfaceId: e, path: r = "/", contents: a } = t.dataModelUpdate, D = b(a);
+        s(e, r, D);
+        return;
+      }
+      if (t.deleteSurface) {
+        const { surfaceId: e } = t.deleteSurface;
+        u(e), i(e);
+        return;
+      }
+    },
+    [
+      n,
+      d,
+      u,
+      l,
+      s,
+      i
+    ]
+  ), M = c(
+    (t) => {
+      for (const e of t)
+        o(e);
+    },
+    [o]
+  ), S = c(() => {
+    f(), p();
+  }, [f, p]);
+  return {
+    processMessage: o,
+    processMessages: M,
+    clear: S
+  };
+}
+export {
+  g as useA2UIMessageHandler
+};

package/dist/a2ui-react100.js

@@ -0,0 +1,24 @@
+import * as p from "react";
+import { Primitive as v } from "./a2ui-react210.js";
+import { jsx as m } from "react/jsx-runtime";
+var d = "Separator", a = "horizontal", l = ["horizontal", "vertical"], i = p.forwardRef((r, n) => {
+  const { decorative: e, orientation: t = a, ...s } = r, o = f(t) ? t : a, c = e ? { role: "none" } : { "aria-orientation": o === "vertical" ? o : void 0, role: "separator" };
+  return /* @__PURE__ */ m(
+    v.div,
+    {
+      "data-orientation": o,
+      ...c,
+      ...s,
+      ref: n
+    }
+  );
+});
+i.displayName = d;
+function f(r) {
+  return l.includes(r);
+}
+var T = i;
+export {
+  T as Root,
+  i as Separator
+};

package/dist/a2ui-react101.js

@@ -0,0 +1,255 @@
+import * as s from "react";
+import { composeEventHandlers as p } from "./a2ui-react213.js";
+import { useComposedRefs as _ } from "./a2ui-react215.js";
+import { createContextScope as j, createContext as H } from "./a2ui-react216.js";
+import { useId as R } from "./a2ui-react221.js";
+import { useControllableState as V } from "./a2ui-react227.js";
+import { DismissableLayer as q } from "./a2ui-react218.js";
+import { FocusScope as K } from "./a2ui-react220.js";
+import { Portal as U } from "./a2ui-react223.js";
+import { Presence as h } from "./a2ui-react233.js";
+import { Primitive as g } from "./a2ui-react224.js";
+import { useFocusGuards as Y } from "./a2ui-react219.js";
+import Z from "./a2ui-react232.js";
+import { hideOthers as z } from "./a2ui-react231.js";
+import { createSlot as J } from "./a2ui-react236.js";
+import { jsx as i, jsxs as P, Fragment as O } from "react/jsx-runtime";
+var D = "Dialog", [I] = j(D), [Q, u] = I(D), x = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: o,
+    modal: l = !0
+  } = e, c = s.useRef(null), f = s.useRef(null), [v, C] = V({
+    prop: a,
+    defaultProp: r ?? !1,
+    onChange: o,
+    caller: D
+  });
+  return /* @__PURE__ */ i(
+    Q,
+    {
+      scope: t,
+      triggerRef: c,
+      contentRef: f,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: v,
+      onOpenChange: C,
+      onOpenToggle: s.useCallback(() => C((B) => !B), [C]),
+      modal: l,
+      children: n
+    }
+  );
+};
+x.displayName = D;
+var A = "DialogTrigger", T = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(A, n), o = _(t, r.triggerRef);
+    return /* @__PURE__ */ i(
+      g.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": N(r.open),
+        ...a,
+        ref: o,
+        onClick: p(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+T.displayName = A;
+var E = "DialogPortal", [X, b] = I(E, {
+  forceMount: void 0
+}), M = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: a, container: r } = e, o = u(E, t);
+  return /* @__PURE__ */ i(X, { scope: t, forceMount: n, children: s.Children.map(a, (l) => /* @__PURE__ */ i(h, { present: n || o.open, children: /* @__PURE__ */ i(U, { asChild: !0, container: r, children: l }) })) });
+};
+M.displayName = E;
+var m = "DialogOverlay", w = s.forwardRef(
+  (e, t) => {
+    const n = b(m, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, o = u(m, e.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ i(h, { present: a || o.open, children: /* @__PURE__ */ i(oe, { ...r, ref: t }) }) : null;
+  }
+);
+w.displayName = m;
+var ee = J("DialogOverlay.RemoveScroll"), oe = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(m, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i(Z, { as: ee, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+        g.div,
+        {
+          "data-state": N(r.open),
+          ...a,
+          ref: t,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), d = "DialogContent", F = s.forwardRef(
+  (e, t) => {
+    const n = b(d, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, o = u(d, e.__scopeDialog);
+    return /* @__PURE__ */ i(h, { present: a || o.open, children: o.modal ? /* @__PURE__ */ i(te, { ...r, ref: t }) : /* @__PURE__ */ i(re, { ...r, ref: t }) });
+  }
+);
+F.displayName = d;
+var te = s.forwardRef(
+  (e, t) => {
+    const n = u(d, e.__scopeDialog), a = s.useRef(null), r = _(t, n.contentRef, a);
+    return s.useEffect(() => {
+      const o = a.current;
+      if (o) return z(o);
+    }, []), /* @__PURE__ */ i(
+      S,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: p(e.onCloseAutoFocus, (o) => {
+          o.preventDefault(), n.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: p(e.onPointerDownOutside, (o) => {
+          const l = o.detail.originalEvent, c = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || c) && o.preventDefault();
+        }),
+        onFocusOutside: p(
+          e.onFocusOutside,
+          (o) => o.preventDefault()
+        )
+      }
+    );
+  }
+), re = s.forwardRef(
+  (e, t) => {
+    const n = u(d, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i(
+      S,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (o) => {
+          e.onCloseAutoFocus?.(o), o.defaultPrevented || (a.current || n.triggerRef.current?.focus(), o.preventDefault()), a.current = !1, r.current = !1;
+        },
+        onInteractOutside: (o) => {
+          e.onInteractOutside?.(o), o.defaultPrevented || (a.current = !0, o.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const l = o.target;
+          n.triggerRef.current?.contains(l) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && r.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), S = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: o, ...l } = e, c = u(d, n), f = s.useRef(null), v = _(t, f);
+    return Y(), /* @__PURE__ */ P(O, { children: [
+      /* @__PURE__ */ i(
+        K,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: o,
+          children: /* @__PURE__ */ i(
+            q,
+            {
+              role: "dialog",
+              id: c.contentId,
+              "aria-describedby": c.descriptionId,
+              "aria-labelledby": c.titleId,
+              "data-state": N(c.open),
+              ...l,
+              ref: v,
+              onDismiss: () => c.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ P(O, { children: [
+        /* @__PURE__ */ i(ie, { titleId: c.titleId }),
+        /* @__PURE__ */ i(ce, { contentRef: f, descriptionId: c.descriptionId })
+      ] })
+    ] });
+  }
+), y = "DialogTitle", ne = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(y, n);
+    return /* @__PURE__ */ i(g.h2, { id: r.titleId, ...a, ref: t });
+  }
+);
+ne.displayName = y;
+var W = "DialogDescription", ae = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(W, n);
+    return /* @__PURE__ */ i(g.p, { id: r.descriptionId, ...a, ref: t });
+  }
+);
+ae.displayName = W;
+var k = "DialogClose", G = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(k, n);
+    return /* @__PURE__ */ i(
+      g.button,
+      {
+        type: "button",
+        ...a,
+        ref: t,
+        onClick: p(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+G.displayName = k;
+function N(e) {
+  return e ? "open" : "closed";
+}
+var L = "DialogTitleWarning", [Ne, $] = H(L, {
+  contentName: d,
+  titleName: y,
+  docsSlug: "dialog"
+}), ie = ({ titleId: e }) => {
+  const t = $(L), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, se = "DialogDescriptionWarning", ce = ({ contentRef: e, descriptionId: t }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${$(se).contentName}}.`;
+  return s.useEffect(() => {
+    const r = e.current?.getAttribute("aria-describedby");
+    t && r && (document.getElementById(t) || console.warn(a));
+  }, [a, e, t]), null;
+}, Pe = x, Oe = T, Ie = M, xe = w, Ae = F, Te = G;
+export {
+  Te as Close,
+  Ae as Content,
+  x as Dialog,
+  G as DialogClose,
+  F as DialogContent,
+  ae as DialogDescription,
+  w as DialogOverlay,
+  M as DialogPortal,
+  ne as DialogTitle,
+  T as DialogTrigger,
+  xe as Overlay,
+  Ie as Portal,
+  Pe as Root,
+  Oe as Trigger,
+  Ne as WarningProvider
+};

package/dist/a2ui-react102.js

@@ -0,0 +1,163 @@
+import * as v from "react";
+import { composeEventHandlers as g } from "./a2ui-react213.js";
+import { createContextScope as x } from "./a2ui-react216.js";
+import { createRovingFocusGroupScope as C, Root as E, Item as F } from "./a2ui-react237.js";
+import { Presence as w } from "./a2ui-react233.js";
+import { Primitive as b } from "./a2ui-react224.js";
+import { useDirection as D } from "./a2ui-react217.js";
+import { useControllableState as V } from "./a2ui-react227.js";
+import { useId as G } from "./a2ui-react221.js";
+import { jsx as l } from "react/jsx-runtime";
+var p = "Tabs", [L] = x(p, [
+  C
+]), h = C(), [$, T] = L(p), I = v.forwardRef(
+  (e, r) => {
+    const {
+      __scopeTabs: s,
+      value: t,
+      onValueChange: n,
+      defaultValue: c,
+      orientation: o = "horizontal",
+      dir: d,
+      activationMode: f = "automatic",
+      ...m
+    } = e, i = D(d), [a, u] = V({
+      prop: t,
+      onChange: n,
+      defaultProp: c ?? "",
+      caller: p
+    });
+    return /* @__PURE__ */ l(
+      $,
+      {
+        scope: s,
+        baseId: G(),
+        value: a,
+        onValueChange: u,
+        orientation: o,
+        dir: i,
+        activationMode: f,
+        children: /* @__PURE__ */ l(
+          b.div,
+          {
+            dir: i,
+            "data-orientation": o,
+            ...m,
+            ref: r
+          }
+        )
+      }
+    );
+  }
+);
+I.displayName = p;
+var R = "TabsList", _ = v.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, loop: t = !0, ...n } = e, c = T(R, s), o = h(s);
+    return /* @__PURE__ */ l(
+      E,
+      {
+        asChild: !0,
+        ...o,
+        orientation: c.orientation,
+        dir: c.dir,
+        loop: t,
+        children: /* @__PURE__ */ l(
+          b.div,
+          {
+            role: "tablist",
+            "aria-orientation": c.orientation,
+            ...n,
+            ref: r
+          }
+        )
+      }
+    );
+  }
+);
+_.displayName = R;
+var y = "TabsTrigger", A = v.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, value: t, disabled: n = !1, ...c } = e, o = T(y, s), d = h(s), f = P(o.baseId, t), m = S(o.baseId, t), i = t === o.value;
+    return /* @__PURE__ */ l(
+      F,
+      {
+        asChild: !0,
+        ...d,
+        focusable: !n,
+        active: i,
+        children: /* @__PURE__ */ l(
+          b.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": i,
+            "aria-controls": m,
+            "data-state": i ? "active" : "inactive",
+            "data-disabled": n ? "" : void 0,
+            disabled: n,
+            id: f,
+            ...c,
+            ref: r,
+            onMouseDown: g(e.onMouseDown, (a) => {
+              !n && a.button === 0 && a.ctrlKey === !1 ? o.onValueChange(t) : a.preventDefault();
+            }),
+            onKeyDown: g(e.onKeyDown, (a) => {
+              [" ", "Enter"].includes(a.key) && o.onValueChange(t);
+            }),
+            onFocus: g(e.onFocus, () => {
+              const a = o.activationMode !== "manual";
+              !i && !n && a && o.onValueChange(t);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+A.displayName = y;
+var M = "TabsContent", N = v.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, value: t, forceMount: n, children: c, ...o } = e, d = T(M, s), f = P(d.baseId, t), m = S(d.baseId, t), i = t === d.value, a = v.useRef(i);
+    return v.useEffect(() => {
+      const u = requestAnimationFrame(() => a.current = !1);
+      return () => cancelAnimationFrame(u);
+    }, []), /* @__PURE__ */ l(w, { present: n || i, children: ({ present: u }) => /* @__PURE__ */ l(
+      b.div,
+      {
+        "data-state": i ? "active" : "inactive",
+        "data-orientation": d.orientation,
+        role: "tabpanel",
+        "aria-labelledby": f,
+        hidden: !u,
+        id: m,
+        tabIndex: 0,
+        ...o,
+        ref: r,
+        style: {
+          ...e.style,
+          animationDuration: a.current ? "0s" : void 0
+        },
+        children: u && c
+      }
+    ) });
+  }
+);
+N.displayName = M;
+function P(e, r) {
+  return `${e}-trigger-${r}`;
+}
+function S(e, r) {
+  return `${e}-content-${r}`;
+}
+var Q = I, U = _, W = A, X = N;
+export {
+  X as Content,
+  U as List,
+  Q as Root,
+  I as Tabs,
+  N as TabsContent,
+  _ as TabsList,
+  A as TabsTrigger,
+  W as Trigger
+};

package/dist/a2ui-react103.js

@@ -0,0 +1,19 @@
+import * as o from "react";
+import { Primitive as i } from "./a2ui-react211.js";
+import { jsx as f } from "react/jsx-runtime";
+var l = "Label", e = o.forwardRef((r, a) => /* @__PURE__ */ f(
+  i.label,
+  {
+    ...r,
+    ref: a,
+    onMouseDown: (t) => {
+      t.target.closest("button, input, select, textarea") || (r.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+    }
+  }
+));
+e.displayName = l;
+var n = e;
+export {
+  e as Label,
+  n as Root
+};