@satoshibits/react-json-schema-builder 1.0.3 → 1.1.1

package/dist/index.es3.js

@@ -1,89 +1,80 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useState as d, useEffect as F, Fragment as de } from "react";
-import { useSchema as me } from "./index.es2.js";
-import { Button as m } from "./index.es10.js";
-import { Breadcrumb as he, BreadcrumbList as ue, BreadcrumbItem as L, BreadcrumbLink as O, BreadcrumbSeparator as fe } from "./index.es11.js";
-import { Switch as pe } from "./index.es12.js";
-import { Select as U, SelectTrigger as H, SelectValue as _, SelectContent as G, SelectItem as a } from "./index.es13.js";
-import { Label as J } from "./index.es14.js";
-import { a as M } from "./index.es9.js";
-import { usePluginSystem as ge, useConstraints as ve } from "./index.es4.js";
-import { EditPropertyDialog as ye } from "./index.es15.js";
-import { AlertDialog as be, AlertDialogContent as Ce, AlertDialogHeader as De, AlertDialogTitle as Pe, AlertDialogDescription as Se, AlertDialogFooter as Ae, AlertDialogCancel as Ne, AlertDialogAction as je } from "./index.es16.js";
-import { Alert as Ee, AlertTitle as we, AlertDescription as Be } from "./index.es17.js";
-import { validateSchema as Te } from "./index.es18.js";
-import xe from "ajv";
-import { DebouncedInput as S } from "./index.es19.js";
-import { AddPropertyDialog as ze } from "./index.es20.js";
-import { cn as A } from "./index.es21.js";
-import Ke from "./index.es22.js";
-import Re from "./index.es23.js";
-import Ie from "./index.es24.js";
-import qe from "./index.es25.js";
-import Ve from "./index.es26.js";
-const lt = (o) => {
-  const [Q, f] = d(!1), [W, C] = d(!1), [X, p] = d(!1), [g, D] = d(), [N, j] = d(), [E, w] = d(), [v, y] = d(null);
-  ge(o.plugins ?? []);
+import { useState as s, useEffect as ce, Fragment as se } from "react";
+import { useSchema as de } from "./index.es2.js";
+import { Button as d } from "./index.es11.js";
+import { Breadcrumb as me, BreadcrumbList as he, BreadcrumbItem as q, BreadcrumbLink as V, BreadcrumbSeparator as ue } from "./index.es12.js";
+import { Switch as fe } from "./index.es13.js";
+import { Select as $, SelectTrigger as F, SelectValue as L, SelectContent as O, SelectItem as l } from "./index.es14.js";
+import { Label as U } from "./index.es15.js";
+import { a as ge } from "./index.es10.js";
+import { usePluginSystem as pe, useConstraints as ve } from "./index.es4.js";
+import { EditPropertyDialog as ye } from "./index.es16.js";
+import { AlertDialog as be, AlertDialogContent as Ce, AlertDialogHeader as De, AlertDialogTitle as Ae, AlertDialogDescription as Pe, AlertDialogFooter as Se, AlertDialogCancel as Ne, AlertDialogAction as je } from "./index.es17.js";
+import { Alert as Ee, AlertTitle as Be, AlertDescription as we } from "./index.es18.js";
+import { validateSchema as xe } from "./index.es19.js";
+import Te from "ajv";
+import { DebouncedInput as C } from "./index.es20.js";
+import { AddPropertyDialog as ze } from "./index.es21.js";
+import { cn as D } from "./index.es22.js";
+import Ke from "./index.es23.js";
+import Re from "./index.es24.js";
+import Ie from "./index.es25.js";
+import qe from "./index.es26.js";
+import Ve from "./index.es27.js";
+const ot = (a) => {
+  const [k, h] = s(!1), [H, p] = s(!1), [G, u] = s(!1), [f, v] = s(), [A, P] = s(), [S, N] = s(), [j, g] = s(null);
+  pe(a.plugins ?? []);
   const {
-    getCurrentSchema: B,
-    setPath: h,
-    path: l,
-    schema: T,
-    handleAddProperty: x,
+    getCurrentSchema: J,
+    setPath: m,
+    path: o,
+    handleAddProperty: M,
     handlePropertyChange: c,
-    handleKeyChange: z,
-    handleDeleteProperty: Y,
-    setSchema: Z,
-    isPropertyRequired: P
-  } = me(), { getConstraintDefinitionsForType: k } = ve();
-  F(() => {
-    if (o.initialSchema)
+    handleKeyChange: E,
+    handleDeleteProperty: Q,
+    setSchema: W,
+    isPropertyRequired: B,
+    handleDuplicateProperty: X
+  } = de({ onSchemaChange: a.onSchemaChange }), { getConstraintDefinitionsForType: Y } = ve();
+  ce(() => {
+    if (a.initialSchema)
       try {
-        Te(o.initialSchema), Z(M(o.initialSchema)), y(null);
+        xe(a.initialSchema), W(ge(a.initialSchema)), g(null);
       } catch (t) {
-        t instanceof Error ? y(t.message) : t instanceof xe.ValidationError ? y(`Schema validation error: ${t.message}`) : y("Unknown schema validation error");
+        t instanceof Error ? g(t.message) : t instanceof Te.ValidationError ? g(`Schema validation error: ${t.message}`) : g("Unknown schema validation error");
       }
-  }, [o.initialSchema]), F(() => {
-    !v && o.onSchemaChange && o.onSchemaChange(T);
-  }, [T, v, o.onSchemaChange]);
-  const ee = B(), K = (t) => {
-    h([...l, t]);
-  }, R = () => {
-    h(l.slice(0, -1));
-  }, te = (t, r) => {
-    j(t), w(r), C(!0);
-  }, I = (t) => {
-    D(t), p(!0);
-  }, re = () => {
-    g && (Y(g), D(void 0)), p(!1);
-  }, ne = () => {
-    D(void 0), p(!1);
-  }, q = (t) => {
-    const r = B().properties;
-    if (!r || typeof r[t] == "boolean")
-      return;
-    const n = r[t], u = `${t}_copy`, b = M(n), s = x(
-      u,
-      b,
-      P(t)
-    );
-    s.status === "error" ? o.onPropertyAddError?.(s) : o.onPropertyAddSuccess?.(s);
-  }, ie = (...t) => {
-    const r = x(...t);
-    r.status === "error" ? o.onPropertyAddError?.(r) : r.status === "success" && o.onPropertyAddSuccess?.(r), f(!1);
-  }, V = o.propertyComponent, oe = (t, r) => V ? /* @__PURE__ */ e(
-    V,
+  }, [a.initialSchema]);
+  const Z = J(), w = (t) => {
+    m([...o, t]);
+  }, x = () => {
+    m(o.slice(0, -1));
+  }, _ = (t, r) => {
+    P(t), N(r), p(!0);
+  }, T = (t) => {
+    v(t), u(!0);
+  }, ee = () => {
+    f && (Q(f), v(void 0)), u(!1);
+  }, te = () => {
+    v(void 0), u(!1);
+  }, z = (t) => {
+    const r = X(t);
+    r?.status === "error" ? a.onPropertyAddError?.(r) : r?.status === "success" && a.onPropertyAddSuccess?.(r);
+  }, re = (...t) => {
+    const r = M(...t);
+    r.status === "error" ? a.onPropertyAddError?.(r) : r.status === "success" && a.onPropertyAddSuccess?.(r), h(!1);
+  }, K = a.propertyComponent, ne = (t, r) => K ? /* @__PURE__ */ e(
+    K,
     {
       property: {
         key: t,
         schema: r,
-        isRequired: P(t)
+        isRequired: B(t)
       },
       onPropertyChange: c,
-      onKeyChange: z,
-      onDelete: I,
-      onDuplicate: q,
-      onNavigate: r.type === "object" || r.type === "array" && typeof r.items == "object" && r.items.type === "object" ? K : void 0
+      onKeyChange: E,
+      onDelete: T,
+      onDuplicate: z,
+      onNavigate: r.type === "object" || r.type === "array" && typeof r.items == "object" && r.items.type === "object" ? w : void 0
     },
     t
   ) : /* @__PURE__ */ i(
@@ -92,10 +83,10 @@ const lt = (o) => {
       className: "flex flex-col md:grid grid-cols-(--my-autofit-grid) gap-4 md:items-center border p-2 rounded-md mb-2",
       children: [
         /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
-          S,
+          C,
           {
             value: t,
-            onDebounce: (n) => z(t, n),
+            onDebounce: (n) => E(t, n),
             placeholder: "Property Key",
             "aria-label": `Property key for ${t}`,
             delay: 500
@@ -103,17 +94,17 @@ const lt = (o) => {
         ) }),
         /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e(
-            pe,
+            fe,
             {
-              checked: P(t),
+              checked: B(t),
               onCheckedChange: (n) => c(t, { isRequired: n }),
               "aria-label": "Required"
             }
           ),
-          /* @__PURE__ */ e(J, { htmlFor: `required-${t}`, children: "Required" })
+          /* @__PURE__ */ e(U, { htmlFor: `required-${t}`, children: "Required" })
         ] }),
         /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ i(
-          U,
+          $,
           {
             value: typeof r == "object" && !Array.isArray(r.type) ? r.type : void 0,
             onValueChange: (n) => c(t, {
@@ -121,22 +112,22 @@ const lt = (o) => {
             }),
             "aria-label": "Type",
             children: [
-              /* @__PURE__ */ e(H, { className: "w-full", "aria-label": "Select type", children: /* @__PURE__ */ e(_, {}) }),
-              /* @__PURE__ */ i(G, { children: [
-                /* @__PURE__ */ e(a, { value: "string", children: "string" }),
-                /* @__PURE__ */ e(a, { value: "number", children: "number" }),
-                /* @__PURE__ */ e(a, { value: "integer", children: "integer" }),
-                /* @__PURE__ */ e(a, { value: "boolean", children: "boolean" }),
-                /* @__PURE__ */ e(a, { value: "object", children: "object" }),
-                /* @__PURE__ */ e(a, { value: "array", children: "array" }),
-                /* @__PURE__ */ e(a, { value: "null", children: "null" }),
-                /* @__PURE__ */ e(a, { value: "enum", children: "enum" })
+              /* @__PURE__ */ e(F, { className: "w-full", "aria-label": "Select type", children: /* @__PURE__ */ e(L, {}) }),
+              /* @__PURE__ */ i(O, { children: [
+                /* @__PURE__ */ e(l, { value: "string", children: "string" }),
+                /* @__PURE__ */ e(l, { value: "number", children: "number" }),
+                /* @__PURE__ */ e(l, { value: "integer", children: "integer" }),
+                /* @__PURE__ */ e(l, { value: "boolean", children: "boolean" }),
+                /* @__PURE__ */ e(l, { value: "object", children: "object" }),
+                /* @__PURE__ */ e(l, { value: "array", children: "array" }),
+                /* @__PURE__ */ e(l, { value: "null", children: "null" }),
+                /* @__PURE__ */ e(l, { value: "enum", children: "enum" })
               ] })
             ]
           }
         ) }),
         /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
-          S,
+          C,
           {
             value: typeof r == "object" ? r.title : void 0,
             onDebounce: (n) => c(t, { title: n }),
@@ -144,7 +135,7 @@ const lt = (o) => {
           }
         ) }),
         /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
-          S,
+          C,
           {
             value: typeof r == "object" ? r.description : void 0,
             onDebounce: (n) => c(t, { description: n }),
@@ -153,152 +144,152 @@ const lt = (o) => {
         ) }),
         /* @__PURE__ */ i("div", { className: "order-last md:order-none flex gap-2", children: [
           /* @__PURE__ */ e(
-            m,
+            d,
             {
               variant: "outline",
               size: "sm",
-              onClick: () => I(t),
+              onClick: () => T(t),
               "aria-label": "Delete",
               className: "block!",
               children: /* @__PURE__ */ e(Re, { size: 16, className: "text-destructive" })
             }
           ),
           /* @__PURE__ */ e(
-            m,
+            d,
             {
               variant: "outline",
               size: "sm",
-              onClick: () => q(t),
+              onClick: () => z(t),
               "aria-label": "Duplicate",
               className: "block!",
               children: /* @__PURE__ */ e(Ie, { size: 16 })
             }
           ),
-          le(t, r),
-          $(t, r)
+          ae(t, r),
+          R(t, r)
         ] }),
-        ae(t, r)
+        ie(t, r)
       ]
     },
     t
-  ), ae = (t, r) => {
+  ), ie = (t, r) => {
     if (typeof r != "object" || r.type !== "array")
       return null;
-    const n = r.items, u = !Array.isArray(n) && typeof n == "object" && typeof n.type == "string" ? n?.type : "string";
+    const n = r.items, y = !Array.isArray(n) && typeof n == "object" && typeof n.type == "string" ? n?.type : "string";
     return /* @__PURE__ */ i("div", { className: "col-span-full flex items-center gap-4 pl-8 mt-2 bg-gray-50 p-2 rounded-md", children: [
-      /* @__PURE__ */ e(J, { children: "Items of type:" }),
+      /* @__PURE__ */ e(U, { children: "Items of type:" }),
       /* @__PURE__ */ i(
-        U,
+        $,
         {
-          value: u,
-          onValueChange: (b) => {
-            const s = {
+          value: y,
+          onValueChange: (I) => {
+            const b = {
               ...typeof n == "object" ? n : {},
-              type: b
+              type: I
             };
-            b === "object" && (s.properties = s.properties ?? {}), c(t, { items: s });
+            I === "object" && (b.properties = b.properties ?? {}), c(t, { items: b });
           },
           children: [
             /* @__PURE__ */ e(
-              H,
+              F,
               {
                 className: "w-[200px]",
                 "aria-label": "Select items of type",
-                children: /* @__PURE__ */ e(_, {})
+                children: /* @__PURE__ */ e(L, {})
               }
             ),
-            /* @__PURE__ */ i(G, { children: [
-              /* @__PURE__ */ e(a, { value: "string", children: "string" }),
-              /* @__PURE__ */ e(a, { value: "number", children: "number" }),
-              /* @__PURE__ */ e(a, { value: "integer", children: "integer" }),
-              /* @__PURE__ */ e(a, { value: "boolean", children: "boolean" }),
-              /* @__PURE__ */ e(a, { value: "object", children: "object" }),
-              /* @__PURE__ */ e(a, { value: "array", children: "array" }),
-              /* @__PURE__ */ e(a, { value: "null", children: "null" })
+            /* @__PURE__ */ i(O, { children: [
+              /* @__PURE__ */ e(l, { value: "string", children: "string" }),
+              /* @__PURE__ */ e(l, { value: "number", children: "number" }),
+              /* @__PURE__ */ e(l, { value: "integer", children: "integer" }),
+              /* @__PURE__ */ e(l, { value: "boolean", children: "boolean" }),
+              /* @__PURE__ */ e(l, { value: "object", children: "object" }),
+              /* @__PURE__ */ e(l, { value: "array", children: "array" }),
+              /* @__PURE__ */ e(l, { value: "null", children: "null" })
             ] })
           ]
         }
       ),
-      $(t, n)
+      R(t, n)
     ] });
-  }, le = (t, r) => {
+  }, ae = (t, r) => {
     if (typeof r != "object") return null;
-    const n = k(
+    const n = Y(
       typeof r.type == "string" ? r.type : ""
-    ), u = Array.isArray(r?.enum);
-    return n.length || u ? /* @__PURE__ */ e(
-      m,
+    ), y = Array.isArray(r?.enum);
+    return n.length || y ? /* @__PURE__ */ e(
+      d,
       {
         variant: "outline",
         size: "sm",
-        onClick: () => te(t, r),
+        onClick: () => _(t, r),
         "aria-label": "Edit constraints",
         children: /* @__PURE__ */ e(qe, { size: 16 })
       }
     ) : null;
-  }, $ = (t, r) => !Array.isArray(r) && typeof r == "object" && r?.type === "object" ? /* @__PURE__ */ i(
-    m,
+  }, R = (t, r) => !Array.isArray(r) && typeof r == "object" && r?.type === "object" ? /* @__PURE__ */ i(
+    d,
     {
       variant: "outline",
       size: "sm",
-      onClick: () => K(t),
+      onClick: () => w(t),
       "aria-label": "Navigate",
       children: [
         /* @__PURE__ */ e("span", { className: "sr-only", children: "Navigate" }),
         /* @__PURE__ */ e(Ve, { size: 16 })
       ]
     }
-  ) : null, ce = () => {
-    const t = o.navigationComponent;
+  ) : null, le = () => {
+    const t = a.navigationComponent;
     return t ? /* @__PURE__ */ e(
       t,
       {
-        currentPath: l,
-        onNavigateUp: R,
-        onNavigateTo: h,
-        isRootPath: l.length === 0
+        currentPath: o,
+        onNavigateUp: x,
+        onNavigateTo: m,
+        isRootPath: o.length === 0
       }
     ) : /* @__PURE__ */ i("div", { className: "flex items-center space-x-4", children: [
       /* @__PURE__ */ e(
-        m,
+        d,
         {
           variant: "outline",
           size: "sm",
-          onClick: R,
-          disabled: l.length === 0,
-          className: A(o.backButtonClassName),
+          onClick: x,
+          disabled: o.length === 0,
+          className: D(a.backButtonClassName),
           children: "Back"
         }
       ),
-      /* @__PURE__ */ e(he, { children: /* @__PURE__ */ i(ue, { children: [
-        /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(O, { href: "#", onClick: () => h([]), children: "Root" }) }),
-        l.map((r, n) => /* @__PURE__ */ i(de, { children: [
-          /* @__PURE__ */ e(fe, {}),
-          /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
-            O,
+      /* @__PURE__ */ e(me, { children: /* @__PURE__ */ i(he, { children: [
+        /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(V, { href: "#", onClick: () => m([]), children: "Root" }) }),
+        o.map((r, n) => /* @__PURE__ */ i(se, { children: [
+          /* @__PURE__ */ e(ue, {}),
+          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+            V,
             {
               href: "#",
-              onClick: () => h(l.slice(0, n + 1)),
+              onClick: () => m(o.slice(0, n + 1)),
               children: r
             }
           ) })
         ] }, `path-${n}`))
       ] }) })
     ] });
-  }, se = () => {
-    const t = o.addPropertyButtonComponent;
+  }, oe = () => {
+    const t = a.addPropertyButtonComponent;
     return t ? /* @__PURE__ */ e(
       t,
       {
-        onClick: () => f(!0)
+        onClick: () => h(!0)
       }
     ) : /* @__PURE__ */ i(
-      m,
+      d,
       {
         type: "button",
-        className: A("self-center", o.addPropertyButtonClassName),
+        className: D("self-center", a.addPropertyButtonClassName),
         onClick: () => {
-          f(!0);
+          h(!0);
         },
         children: [
           /* @__PURE__ */ e(Ke, { className: "h-4 w-4 mr-2" }),
@@ -308,58 +299,58 @@ const lt = (o) => {
     );
   };
   return /* @__PURE__ */ i("div", { children: [
-    v && /* @__PURE__ */ i(Ee, { variant: "destructive", children: [
-      /* @__PURE__ */ e(we, { children: "Schema Error" }),
-      /* @__PURE__ */ e(Be, { children: v })
+    j && /* @__PURE__ */ i(Ee, { variant: "destructive", children: [
+      /* @__PURE__ */ e(Be, { children: "Schema Error" }),
+      /* @__PURE__ */ e(we, { children: j })
     ] }),
-    ce(),
+    le(),
     /* @__PURE__ */ e(
       "div",
       {
-        className: A("mt-6 overflow-x-hidden", o.propertiesListClassName),
-        children: Object.entries(ee.properties ?? {}).map(
-          ([t, r]) => typeof r == "boolean" ? null : oe(t, r)
+        className: D("mt-6 overflow-x-hidden", a.propertiesListClassName),
+        children: Object.entries(Z.properties ?? {}).map(
+          ([t, r]) => typeof r == "boolean" ? null : ne(t, r)
         )
       }
     ),
-    se(),
+    oe(),
     /* @__PURE__ */ e(
       ze,
       {
-        open: Q,
-        onOpenChange: f,
-        onSubmit: ie
+        open: k,
+        onOpenChange: h,
+        onSubmit: re
       }
     ),
-    N && E && /* @__PURE__ */ e(
+    A && S && /* @__PURE__ */ e(
       ye,
       {
-        propertyKey: N,
-        property: E,
-        open: W,
-        onOpenChange: C,
+        propertyKey: A,
+        property: S,
+        open: H,
+        onOpenChange: p,
         onSubmit: (t) => {
-          c(...t), j(void 0), w(void 0), C(!1);
+          c(...t), P(void 0), N(void 0), p(!1);
         }
       }
     ),
-    /* @__PURE__ */ e(be, { open: X, onOpenChange: p, children: /* @__PURE__ */ i(Ce, { children: [
+    /* @__PURE__ */ e(be, { open: G, onOpenChange: u, children: /* @__PURE__ */ i(Ce, { children: [
       /* @__PURE__ */ i(De, { children: [
-        /* @__PURE__ */ e(Pe, { children: "Are you sure?" }),
-        /* @__PURE__ */ i(Se, { children: [
+        /* @__PURE__ */ e(Ae, { children: "Are you sure?" }),
+        /* @__PURE__ */ i(Pe, { children: [
           "This action cannot be undone. This will permanently delete the property",
-          g ? ` "${g}"` : "",
+          f ? ` "${f}"` : "",
           " from the schema."
         ] })
       ] }),
-      /* @__PURE__ */ i(Ae, { children: [
-        /* @__PURE__ */ e(Ne, { onClick: ne, children: "Cancel" }),
-        /* @__PURE__ */ e(je, { onClick: re, children: "Delete" })
+      /* @__PURE__ */ i(Se, { children: [
+        /* @__PURE__ */ e(Ne, { onClick: te, children: "Cancel" }),
+        /* @__PURE__ */ e(je, { onClick: ee, children: "Delete" })
       ] })
     ] }) })
   ] });
 };
 export {
-  lt as SchemaBuilder
+  ot as SchemaBuilder
 };
 //# sourceMappingURL=index.es3.js.map