@satoshibits/react-json-schema-builder 1.0.2 → 1.1.0

package/dist/index.es3.js

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