@satoshibits/react-json-schema-builder 1.1.4 → 1.1.6

package/dist/index.es29.js

@@ -1,26 +1,22 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { cn as c } from "./index.es22.js";
-function n({
-  children: s,
-  errorCode: e,
-  errorDescription: t,
-  showError: i = !1,
-  className: l
-}) {
-  return /* @__PURE__ */ m("div", { className: c("space-y-2", l), children: [
-    i && e && /* @__PURE__ */ a(
-      "div",
-      {
-        className: "text-sm font-medium text-destructive",
-        "aria-live": "polite",
-        children: e
-      }
-    ),
-    s,
-    i && t && /* @__PURE__ */ a("div", { className: "text-sm text-destructive", "aria-live": "polite", children: t })
-  ] });
-}
+import c from "./index.es50.js";
+/**
+ * @license lucide-react v0.477.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  [
+    "path",
+    {
+      d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",
+      key: "yt0hxn"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }]
+], t = c("Bolt", e);
 export {
-  n as InputErrorWrapper
+  e as __iconNode,
+  t as default
 };
 //# sourceMappingURL=index.es29.js.map

package/dist/index.es29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es29.js","sources":["../src/components/input-error.tsx"],"sourcesContent":["import type React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\ninterface InputErrorWrapperProps {\n  children: React.ReactNode;\n  errorCode?: string;\n  errorDescription?: string;\n  showError?: boolean;\n  className?: string;\n}\n\nexport function InputErrorWrapper({\n  children,\n  errorCode,\n  errorDescription,\n  showError = false,\n  className,\n}: InputErrorWrapperProps) {\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {showError && errorCode && (\n        <div\n          className=\"text-sm font-medium text-destructive\"\n          aria-live=\"polite\"\n        >\n          {errorCode}\n        </div>\n      )}\n\n      {children}\n\n      {showError && errorDescription && (\n        <div className=\"text-sm text-destructive\" aria-live=\"polite\">\n          {errorDescription}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["InputErrorWrapper","children","errorCode","errorDescription","showError","className","cn","jsx"],"mappings":";;AAWO,SAASA,EAAkB;AAAA,EAChC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AACF,GAA2B;AACzB,2BACG,OAAI,EAAA,WAAWC,EAAG,aAAaD,CAAS,GACtC,UAAA;AAAA,IAAAD,KAAaF,KACZ,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAU;AAAA,QAET,UAAAL;AAAA,MAAA;AAAA,IACH;AAAA,IAGDD;AAAA,IAEAG,KAAaD,KACX,gBAAAI,EAAA,OAAA,EAAI,WAAU,4BAA2B,aAAU,UACjD,UACHJ,EAAA,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es29.js","sources":["../../../node_modules/.pnpm/lucide-react@0.477.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/bolt.js"],"sourcesContent":["/**\n * @license lucide-react v0.477.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\",\n      key: \"yt0hxn\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"4\", key: \"4exip2\" }]\n];\nconst Bolt = createLucideIcon(\"Bolt\", __iconNode);\n\nexport { __iconNode, Bolt as default };\n//# sourceMappingURL=bolt.js.map\n"],"names":["__iconNode","Bolt","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASK,MAACA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACG;AAAA,EACD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAU,CAAA;AAC1D,GACMC,IAAOC,EAAiB,QAAQF,CAAU;","x_google_ignoreList":[0]}

package/dist/index.es3.js

@@ -1,356 +1,145 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-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: J,
-    setPath: m,
-    path: o,
-    handleAddProperty: M,
-    handlePropertyChange: c,
-    handleKeyChange: E,
-    handleDeleteProperty: Q,
-    setSchema: W,
-    isPropertyRequired: B,
-    handleDuplicateProperty: X
-  } = de({ onSchemaChange: a.onSchemaChange }), { getConstraintDefinitionsForType: Y } = ve();
-  ce(() => {
-    if (a.initialSchema)
-      try {
-        xe(a.initialSchema), W(ge(a.initialSchema)), g(null);
-      } catch (t) {
-        t instanceof Error ? g(t.message) : t instanceof Te.ValidationError ? g(`Schema validation error: ${t.message}`) : g("Unknown schema validation error");
-      }
-  }, [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: B(t)
-      },
-      onPropertyChange: c,
-      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(
-    "div",
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { Input as p } from "./index.es10.js";
+import { InputErrorWrapper as d } from "./index.es11.js";
+import { Label as b } from "./index.es12.js";
+import { cn as x } from "./index.es13.js";
+import { useConstraints as h } from "./index.es8.js";
+import { Button as f } from "./index.es14.js";
+import v from "./index.es16.js";
+const t = ({
+  constraintName: r,
+  value: s,
+  onConstraintChange: a,
+  disabled: u,
+  error: m,
+  onRemoveConstraint: l
+}) => {
+  const { getConstraintDefinition: o } = h(), e = o(r);
+  return e ? /* @__PURE__ */ i(
+    d,
     {
-      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(
-          C,
-          {
-            value: t,
-            onDebounce: (n) => E(t, n),
-            placeholder: "Property Key",
-            "aria-label": `Property key for ${t}`,
-            delay: 500
-          }
-        ) }),
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(
-            fe,
-            {
-              checked: B(t),
-              onCheckedChange: (n) => c(t, { isRequired: n }),
-              "aria-label": "Required"
-            }
-          ),
-          /* @__PURE__ */ e(U, { htmlFor: `required-${t}`, children: "Required" })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ i(
-          $,
-          {
-            value: typeof r == "object" && !Array.isArray(r.type) ? r.type : void 0,
-            onValueChange: (n) => c(t, {
-              type: n
-            }),
-            "aria-label": "Type",
-            children: [
-              /* @__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(
-          C,
-          {
-            value: typeof r == "object" ? r.title : void 0,
-            onDebounce: (n) => c(t, { title: n }),
-            placeholder: "Title"
-          }
-        ) }),
-        /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
-          C,
-          {
-            value: typeof r == "object" ? r.description : void 0,
-            onDebounce: (n) => c(t, { description: n }),
-            placeholder: "Description"
-          }
-        ) }),
-        /* @__PURE__ */ i("div", { className: "order-last md:order-none flex gap-2", children: [
-          /* @__PURE__ */ e(
-            d,
+      errorCode: m?.code,
+      errorDescription: m?.message,
+      showError: !!m,
+      children: /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ i(b, { className: "mb-2", htmlFor: e.name, children: e.name }),
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ i(
+            p,
             {
-              variant: "outline",
-              size: "sm",
-              onClick: () => T(t),
-              "aria-label": "Delete",
-              className: "block!",
-              children: /* @__PURE__ */ e(Re, { size: 16, className: "text-destructive" })
+              id: e.name,
+              type: "number",
+              value: s,
+              onChange: (c) => a(Number(c.target.value)),
+              disabled: u,
+              className: x({ "border-destructive": m })
             }
           ),
-          /* @__PURE__ */ e(
-            d,
+          /* @__PURE__ */ i(
+            f,
             {
-              variant: "outline",
-              size: "sm",
-              onClick: () => z(t),
-              "aria-label": "Duplicate",
-              className: "block!",
-              children: /* @__PURE__ */ e(Ie, { size: 16 })
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              onClick: () => l(),
+              children: /* @__PURE__ */ i(v, { className: "size-4" })
             }
-          ),
-          ae(t, r),
-          R(t, r)
+          )
         ] }),
-        ie(t, r)
-      ]
-    },
-    t
-  ), ie = (t, r) => {
-    if (typeof r != "object" || r.type !== "array")
-      return null;
-    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(U, { children: "Items of type:" }),
-      /* @__PURE__ */ i(
-        $,
+        e.description && /* @__PURE__ */ i("div", { className: "mt-2 text-sm text-gray-500", children: e.description })
+      ] })
+    }
+  ) : null;
+}, g = t, M = t, C = t, y = t, N = t, q = {
+  id: "number-constraints",
+  hooks: {
+    registerConstraints() {
+      return [
         {
-          value: y,
-          onValueChange: (I) => {
-            const b = {
-              ...typeof n == "object" ? n : {},
-              type: I
-            };
-            I === "object" && (b.properties = b.properties ?? {}), c(t, { items: b });
+          name: "minimum",
+          label: "Minimum",
+          appliesTo: ["number", "integer"],
+          schema: {
+            type: "number",
+            title: "Minimum Constraint",
+            description: "The minimum value for this constraint",
+            examples: [0, 1, 10]
           },
-          children: [
-            /* @__PURE__ */ e(
-              F,
-              {
-                className: "w-[200px]",
-                "aria-label": "Select items of 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" })
-            ] })
-          ]
-        }
-      ),
-      R(t, n)
-    ] });
-  }, ae = (t, r) => {
-    if (typeof r != "object") return null;
-    const n = Y(
-      typeof r.type == "string" ? r.type : ""
-    ), y = Array.isArray(r?.enum);
-    return n.length || y ? /* @__PURE__ */ e(
-      d,
-      {
-        variant: "outline",
-        size: "sm",
-        onClick: () => _(t, r),
-        "aria-label": "Edit constraints",
-        children: /* @__PURE__ */ e(qe, { size: 16 })
-      }
-    ) : null;
-  }, R = (t, r) => !Array.isArray(r) && typeof r == "object" && r?.type === "object" ? /* @__PURE__ */ i(
-    d,
-    {
-      variant: "outline",
-      size: "sm",
-      onClick: () => w(t),
-      "aria-label": "Navigate",
-      children: [
-        /* @__PURE__ */ e("span", { className: "sr-only", children: "Navigate" }),
-        /* @__PURE__ */ e(Ve, { size: 16 })
-      ]
-    }
-  ) : null, le = () => {
-    const t = a.navigationComponent;
-    return t ? /* @__PURE__ */ e(
-      t,
-      {
-        currentPath: o,
-        onNavigateUp: x,
-        onNavigateTo: m,
-        isRootPath: o.length === 0
-      }
-    ) : /* @__PURE__ */ i("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ e(
-        d,
+          description: "Constrains a number or integer to a minimum value",
+          defaultValue: 0
+        },
         {
-          variant: "outline",
-          size: "sm",
-          onClick: x,
-          disabled: o.length === 0,
-          className: D(a.backButtonClassName),
-          children: "Back"
-        }
-      ),
-      /* @__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: () => m(o.slice(0, n + 1)),
-              children: r
-            }
-          ) })
-        ] }, `path-${n}`))
-      ] }) })
-    ] });
-  }, oe = () => {
-    const t = a.addPropertyButtonComponent;
-    return t ? /* @__PURE__ */ e(
-      t,
-      {
-        onClick: () => h(!0)
-      }
-    ) : /* @__PURE__ */ i(
-      d,
-      {
-        type: "button",
-        className: D("self-center", a.addPropertyButtonClassName),
-        onClick: () => {
-          h(!0);
+          name: "maximum",
+          label: "Maximum",
+          appliesTo: ["number", "integer"],
+          schema: {
+            type: "number",
+            title: "Maximum Constraint",
+            description: "The maximum value for this constraint",
+            examples: [10, 100, 1e3]
+          },
+          description: "Constrains a number or integer to a maximum value",
+          defaultValue: 100
         },
-        children: [
-          /* @__PURE__ */ e(Ke, { className: "h-4 w-4 mr-2" }),
-          "Add Property"
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ i("div", { children: [
-    j && /* @__PURE__ */ i(Ee, { variant: "destructive", children: [
-      /* @__PURE__ */ e(Be, { children: "Schema Error" }),
-      /* @__PURE__ */ e(we, { children: j })
-    ] }),
-    le(),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: D("mt-6 overflow-x-hidden", a.propertiesListClassName),
-        children: Object.entries(Z.properties ?? {}).map(
-          ([t, r]) => typeof r == "boolean" ? null : ne(t, r)
-        )
-      }
-    ),
-    oe(),
-    /* @__PURE__ */ e(
-      ze,
-      {
-        open: k,
-        onOpenChange: h,
-        onSubmit: re
-      }
-    ),
-    A && S && /* @__PURE__ */ e(
-      ye,
-      {
-        propertyKey: A,
-        property: S,
-        open: H,
-        onOpenChange: p,
-        onSubmit: (t) => {
-          c(...t), P(void 0), N(void 0), p(!1);
+        {
+          name: "exclusiveMinimum",
+          label: "Exclusive Minimum",
+          appliesTo: ["number", "integer"],
+          schema: {
+            type: "number",
+            title: "Exclusive Minimum Constraint",
+            description: "The value must be strictly greater than this",
+            examples: [0, 1, 10]
+          },
+          description: "Value must be strictly greater than (not equal to) this value",
+          defaultValue: 0
+        },
+        {
+          name: "exclusiveMaximum",
+          label: "Exclusive Maximum",
+          appliesTo: ["number", "integer"],
+          schema: {
+            type: "number",
+            title: "Exclusive Maximum Constraint",
+            description: "The value must be strictly less than this",
+            examples: [10, 100, 1e3]
+          },
+          description: "Value must be strictly less than (not equal to) this value",
+          defaultValue: 100
+        },
+        {
+          name: "multipleOf",
+          label: "Multiple Of",
+          appliesTo: ["number", "integer"],
+          schema: {
+            type: "number",
+            title: "Multiple Of Constraint",
+            description: "Value must be a multiple of this number",
+            examples: [2, 5, 10],
+            exclusiveMinimum: 0
+          },
+          description: "Value must be divisible by this number (e.g., 5 for multiples of 5)",
+          defaultValue: 1
         }
-      }
-    ),
-    /* @__PURE__ */ e(be, { open: G, onOpenChange: u, children: /* @__PURE__ */ i(Ce, { children: [
-      /* @__PURE__ */ i(De, { children: [
-        /* @__PURE__ */ e(Ae, { children: "Are you sure?" }),
-        /* @__PURE__ */ i(Pe, { children: [
-          "This action cannot be undone. This will permanently delete the property",
-          f ? ` "${f}"` : "",
-          " from the schema."
-        ] })
-      ] }),
-      /* @__PURE__ */ i(Se, { children: [
-        /* @__PURE__ */ e(Ne, { onClick: te, children: "Cancel" }),
-        /* @__PURE__ */ e(je, { onClick: ee, children: "Delete" })
-      ] })
-    ] }) })
-  ] });
+      ];
+    },
+    registerRenderers() {
+      return {
+        minimum: g,
+        maximum: M,
+        exclusiveMinimum: C,
+        exclusiveMaximum: y,
+        multipleOf: N
+      };
+    }
+  }
 };
 export {
-  ot as SchemaBuilder
+  y as NumberExclusiveMaximumRenderer,
+  C as NumberExclusiveMinimumRenderer,
+  M as NumberMaximumRenderer,
+  g as NumberMinimumRenderer,
+  N as NumberMultipleOfRenderer,
+  q as default
 };
 //# sourceMappingURL=index.es3.js.map