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

package/dist/index.es21.js

@@ -1,431 +1,138 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Button as x } from "./index.es11.js";
-import { zodResolver as K } from "./index.es44.js";
-import { Dialog as M, DialogContent as _, DialogHeader as B, DialogTitle as H, DialogDescription as J, DialogFooter as G } from "./index.es41.js";
-import { Input as O } from "./index.es28.js";
-import { Label as Q } from "./index.es15.js";
-import { Select as A, SelectTrigger as j, SelectValue as F, SelectContent as N, SelectItem as s } from "./index.es14.js";
-import { Switch as U } from "./index.es13.js";
-import { DebouncedInput as V } from "./index.es20.js";
-import { a as b } from "./index.es10.js";
-import W from "./index.es46.js";
-import { useConstraints as X } from "./index.es4.js";
-import Y from "./index.es42.js";
-import { Separator as Z } from "./index.es43.js";
-import { z as t } from "zod";
-import { useForm as ee } from "react-hook-form";
-import { Form as re, FormField as m, FormItem as p, FormLabel as u, FormControl as h, FormMessage as y } from "./index.es45.js";
-const g = t.enum([
-  "string",
-  "number",
-  "integer",
-  "boolean",
-  "object",
-  "array",
-  "null"
-]), ne = t.object({
-  key: t.string().trim().min(1, { message: "Key must be at least 1 character long" }),
-  property: t.object({
-    title: t.string().trim().min(1, { message: "Title must be at least 1 character long" }),
-    type: g.or(t.array(g)),
-    description: t.string().optional(),
-    enum: t.array(
-      t.string().or(t.number()).or(t.null()).or(t.boolean()).or(t.record(t.string(), t.any()))
-    ).optional(),
-    items: t.object({
-      type: g.or(t.array(g))
-    }).or(
-      t.array(
-        t.object({ type: g.or(t.array(g)) }).or(t.boolean())
-      )
-    ).or(t.boolean()).optional()
-  }),
-  required: t.boolean().default(!1),
-  constraints: t.array(
-    t.custom(() => ({
-      name: t.string().trim().min(1),
-      value: t.any()
-    }))
-  ).optional()
+import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { useMemo as R, useEffect as V } from "react";
+import { Button as A } from "./index.es14.js";
+import { Dialog as $, DialogContent as N, DialogHeader as j, DialogTitle as w, DialogDescription as E, DialogFooter as I } from "./index.es42.js";
+import { Label as L } from "./index.es12.js";
+import { a as d } from "./index.es19.js";
+import { useConstraints as _ } from "./index.es8.js";
+import k from "./index.es43.js";
+import { Separator as z } from "./index.es44.js";
+import { AddFormSchema as B } from "./index.es25.js";
+import { useForm as H } from "react-hook-form";
+import { zodResolver as M } from "./index.es45.js";
+import { Form as O } from "./index.es46.js";
+const P = B.pick({
+  constraints: !0,
+  property: !0
 });
-function Ce({
-  open: T,
-  onOpenChange: E,
-  onSubmit: R
+function et({
+  open: p,
+  onOpenChange: f,
+  onSubmit: h,
+  property: i,
+  propertyKey: g
 }) {
-  const n = ee({
-    resolver: K(ne),
+  const e = H({
+    resolver: M(P),
     defaultValues: {
-      key: "",
-      property: {
-        title: ""
-      }
+      property: i
     }
-  }), v = n.watch("constraints"), C = n.watch("property"), I = n.watch("property.enum"), w = n.watch("property.type"), {
-    getConstraintDefinitionsForType: k,
-    getRendererForConstraint: P,
-    validateConstraintValue: q
-  } = X(), $ = (r) => {
-    const { key: o, property: a, required: l, constraints: c } = r, d = {
-      ...a,
-      ...c?.reduce((f, S) => ({
-        ...f,
-        [S.name]: S.value
+  }), m = e.watch("constraints"), {
+    getConstraintDefinitionsForType: C,
+    getRendererForConstraint: y,
+    validateConstraintValue: v
+  } = _(), D = (t) => {
+    const { constraints: r } = t, a = {
+      ...r?.reduce((n, o) => ({
+        ...n,
+        [o.name]: o.value
       }), {})
     };
-    R(o, d, l), n.reset();
-  }, z = (r, o) => {
-    const a = b(v), l = a?.[r];
-    if (!l) {
-      n.setError(`constraints.${r}`, {
+    h([g, a]), e.reset();
+  }, S = (t, r) => {
+    const a = d(m), n = a?.[t];
+    if (!n) {
+      e.setError(`constraints.${t}`, {
         message: "The constraint was not found",
         type: "constraint_not_found"
       });
       return;
     }
-    const c = q(
-      l.name,
-      o
+    const o = v(
+      n.name,
+      r
     );
-    if (c.status === "error") {
-      let d = c.message;
-      c.code === "invalid" && (d = `${d}: ${c.error?.map((f) => f.message).join(", ")}`), n.setError(`constraints.${r}`, {
-        type: c.code,
-        message: d
+    if (o.status === "error") {
+      let c = o.message;
+      o.code === "invalid" && (c = `${c}: ${o.error?.map((b) => b.message).join(", ")}`), e.setError(`constraints.${t}`, {
+        type: o.code,
+        message: c
       });
       return;
     }
-    l.value = o, n.setValue("constraints", a), n.clearErrors(`constraints.${r}`);
-  }, L = (r) => {
-    if (!v) return;
-    const a = b(v).filter((l) => l.name !== r);
-    n.setValue("constraints", a);
-  }, D = k(
-    typeof C?.type == "string" ? C.type : ""
-  );
-  return /* @__PURE__ */ e(M, { open: T, onOpenChange: E, children: /* @__PURE__ */ i(_, { "data-testid": "add-property-dialog", children: [
-    /* @__PURE__ */ i(B, { children: [
-      /* @__PURE__ */ e(H, { children: "Add" }),
-      /* @__PURE__ */ e(J, { children: "Required property values and constraints" })
+    n.value = r, e.setValue("constraints", a), e.clearErrors(`constraints.${t}`);
+  }, F = (t) => {
+    if (!m) return;
+    const a = d(m).filter((n) => n.name !== t);
+    e.setValue("constraints", a);
+  }, l = R(() => C(
+    typeof i?.type == "string" ? i.type : ""
+  ), [i.type]);
+  return V(() => {
+    const t = [];
+    for (const r of l)
+      r.name in i && t.push({
+        name: r.name,
+        value: i[r.name]
+      });
+    e.setValue("constraints", t);
+  }, [l]), /* @__PURE__ */ s($, { open: p, onOpenChange: f, children: /* @__PURE__ */ u(N, { children: [
+    /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ s(w, { children: "Edit" }),
+      /* @__PURE__ */ s(E, { children: "Constraints and other properties" })
     ] }),
-    /* @__PURE__ */ e(re, { ...n, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ s(O, { ...e, children: /* @__PURE__ */ u(
       "form",
       {
-        onSubmit: (r) => {
-          r.stopPropagation(), r.preventDefault(), n.handleSubmit($)(r);
-        },
+        onSubmit: e.handleSubmit(D),
         className: "space-y-4",
-        "data-testid": "add-property-form",
-        id: "add-property-form",
+        "data-testid": "edit-property-form",
         children: [
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
-            m,
-            {
-              control: n.control,
-              name: "key",
-              render: ({ field: r }) => {
-                const { onChange: o, ...a } = r;
-                return /* @__PURE__ */ i(p, { children: [
-                  /* @__PURE__ */ e(u, { children: "Property Key" }),
-                  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
-                    V,
-                    {
-                      ...a,
-                      onDebounce: (l) => o(l)
-                    }
-                  ) }),
-                  /* @__PURE__ */ e(y, {})
-                ] });
-              }
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
-            m,
-            {
-              control: n.control,
-              name: "property.title",
-              render: ({ field: r }) => {
-                const { onChange: o, ...a } = r;
-                return /* @__PURE__ */ i(p, { children: [
-                  /* @__PURE__ */ e(u, { children: "Property Title" }),
-                  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
-                    V,
-                    {
-                      ...a,
-                      onDebounce: (l) => o(l)
-                    }
-                  ) }),
-                  /* @__PURE__ */ e(y, {})
-                ] });
-              }
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
-            m,
-            {
-              control: n.control,
-              name: "property.type",
-              render: ({ field: r }) => /* @__PURE__ */ i(p, { children: [
-                /* @__PURE__ */ e(u, { children: "Type" }),
-                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ i(
-                  A,
-                  {
-                    value: Array.isArray(r.value) ? void 0 : r.value,
-                    onValueChange: (o) => {
-                      o === "enum" ? n.setValue("property.enum", []) : n.setValue("property.enum", void 0), r.value === "array" && o !== "array" && (n.clearErrors("property.items"), n.setValue("property.items", void 0)), r.onChange(o);
-                    },
-                    children: [
-                      /* @__PURE__ */ e(
-                        j,
-                        {
-                          className: "w-full",
-                          "aria-label": "Select type",
-                          children: /* @__PURE__ */ e(F, {})
-                        }
-                      ),
-                      /* @__PURE__ */ i(N, { children: [
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "string",
-                            children: "string"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "number",
-                            children: "number"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "integer",
-                            children: "integer"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "boolean",
-                            children: "boolean"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "object",
-                            children: "object"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "array",
-                            children: "array"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "null",
-                            children: "null"
-                          }
-                        )
-                      ] })
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ e(y, {})
-              ] })
-            }
-          ) }),
-          w === "array" && /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
-            m,
-            {
-              control: n.control,
-              name: "property.items.type",
-              render: ({ field: r }) => /* @__PURE__ */ i(p, { children: [
-                /* @__PURE__ */ e(u, { children: "Items of type" }),
-                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ i(
-                  A,
-                  {
-                    value: Array.isArray(r.value) ? void 0 : r.value,
-                    onValueChange: (o) => {
-                      n.clearErrors("property.items.type"), n.setValue(
-                        "property.items.type",
-                        o
-                      );
-                    },
-                    children: [
-                      /* @__PURE__ */ e(
-                        j,
-                        {
-                          className: "w-full",
-                          "aria-label": "Select items of type",
-                          children: /* @__PURE__ */ e(F, { placeholder: "Select item type" })
-                        }
-                      ),
-                      /* @__PURE__ */ i(N, { children: [
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "string",
-                            children: "string"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "number",
-                            children: "number"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "integer",
-                            children: "integer"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "boolean",
-                            children: "boolean"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "object",
-                            children: "object"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "array",
-                            children: "array"
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          s,
-                          {
-                            value: "null",
-                            children: "null"
-                          }
-                        )
-                      ] })
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ e(y, {})
-              ] })
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e(
-            m,
-            {
-              control: n.control,
-              name: "required",
-              render: ({ field: r }) => /* @__PURE__ */ i(p, { children: [
-                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
-                  U,
-                  {
-                    checked: r.value,
-                    onCheckedChange: (o) => r.onChange(o)
-                  }
-                ) }),
-                /* @__PURE__ */ e(u, { children: "Required" }),
-                /* @__PURE__ */ e(y, {})
-              ] })
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
-            m,
-            {
-              control: n.control,
-              name: "property.description",
-              render: ({ field: r }) => /* @__PURE__ */ i(p, { children: [
-                /* @__PURE__ */ e(u, { children: "Description" }),
-                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(O, { ...r }) }),
-                /* @__PURE__ */ e(y, {})
-              ] })
-            }
-          ) }),
-          I ? /* @__PURE__ */ e(
-            m,
-            {
-              control: n.control,
-              name: "property.enum",
-              render: ({ field: r }) => /* @__PURE__ */ i(p, { children: [
-                /* @__PURE__ */ e(u, { children: "Enum" }),
-                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
-                  W,
-                  {
-                    values: r.value?.filter((o) => typeof o == "string") ?? [],
-                    onAddValue: (o) => {
-                      const a = [];
-                      r.value && a.push(...r.value), a.push(o), r.onChange(a);
-                    },
-                    onRemoveValue: (o) => {
-                      const a = b(r.value ?? []);
-                      a.splice(o, 1), r.onChange(a);
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ e(y, {})
-              ] })
-            }
-          ) : null,
-          D.length ? /* @__PURE__ */ i("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e(Q, { children: "Constraints" }),
-            /* @__PURE__ */ e(
-              Y,
+          l.length ? /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ s(L, { children: "Constraints" }),
+            /* @__PURE__ */ s(
+              k,
               {
-                addedConstraints: v ?? [],
-                availableDefinitions: D,
-                onAdd: (r) => {
-                  n.setValue("constraints", r);
+                addedConstraints: m ?? [],
+                availableDefinitions: l,
+                onAdd: (t) => {
+                  e.setValue("constraints", t);
                 }
               }
             ),
-            /* @__PURE__ */ e(Z, {}),
-            v?.map((r, o) => {
-              const a = P(r.name);
+            /* @__PURE__ */ s(z, {}),
+            m?.map((t, r) => {
+              const a = y(t.name);
               if (!a) return null;
-              const l = n.formState.errors.constraints?.[o];
-              let c;
-              return l && (c = {
-                code: l?.type ?? "INVALID",
-                message: l.message ?? "An error occurred"
-              }), /* @__PURE__ */ e(
+              const n = e.formState.errors.constraints?.[r];
+              let o;
+              return n && (o = {
+                code: n?.type ?? "INVALID",
+                message: n.message ?? "An error occurred"
+              }), /* @__PURE__ */ s(
                 a,
                 {
-                  constraintName: r.name,
-                  value: r.value,
-                  onConstraintChange: (d) => {
-                    z(o, d);
+                  constraintName: t.name,
+                  value: t.value,
+                  onConstraintChange: (c) => {
+                    S(r, c);
                   },
                   onRemoveConstraint: () => {
-                    L(r.name);
+                    F(t.name);
                   },
-                  error: c
+                  error: o
                 },
-                r.name
+                t.name
               );
             })
           ] }) : null,
-          /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(x, { type: "submit", form: "add-property-form", children: "Add Property" }) })
+          /* @__PURE__ */ s(I, { children: /* @__PURE__ */ s(A, { type: "submit", children: "Save" }) })
         ]
       }
     ) })
   ] }) });
 }
 export {
-  ne as AddFormSchema,
-  Ce as AddPropertyDialog
+  et as EditPropertyDialog
 };
 //# sourceMappingURL=index.es21.js.map

package/dist/index.es21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es21.js","sources":["../src/packages/builder/add-dialog.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogFooter,\n  DialogDescription,\n} from \"@/components/ui/dialog\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport { Switch } from \"@/components/ui/switch\";\nimport type { JSONSchema7, JSONSchema7TypeName } from \"json-schema\";\nimport { DebouncedInput } from \"@/components/depounced-input\";\nimport { clone } from \"remeda\";\nimport MultiInput from \"@/components/multi-input\";\nimport { Constraint, useConstraints } from \"@/packages/constraints/context\";\nimport ConstraintsAdd from \"@/packages/constraints/constraint-add\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { z } from \"zod\";\nimport { useForm } from \"react-hook-form\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form\";\nimport type { OperationError } from \"./shared-types\";\n\nexport interface AddPropertyDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onSubmit: (key: string, property: JSONSchema7, required: boolean) => void;\n}\n\nconst zodJsonTypes = z.enum([\n  \"string\",\n  \"number\",\n  \"integer\",\n  \"boolean\",\n  \"object\",\n  \"array\",\n  \"null\",\n]);\n\nexport const AddFormSchema = z.object({\n  key: z\n    .string()\n    .trim()\n    .min(1, { message: \"Key must be at least 1 character long\" }),\n  property: z.object({\n    title: z\n      .string()\n      .trim()\n      .min(1, { message: \"Title must be at least 1 character long\" }),\n    type: zodJsonTypes.or(z.array(zodJsonTypes)),\n    description: z.string().optional(),\n    enum: z\n      .array(\n        z\n          .string()\n          .or(z.number())\n          .or(z.null())\n          .or(z.boolean())\n          .or(z.record(z.string(), z.any())),\n      )\n      .optional(),\n    items: z\n      .object({\n        type: zodJsonTypes.or(z.array(zodJsonTypes)),\n      })\n      //only to satisfy the other types but we actually don't handle it\n      .or(\n        z.array(\n          z\n            .object({ type: zodJsonTypes.or(z.array(zodJsonTypes)) })\n            .or(z.boolean()),\n        ),\n      )\n      .or(z.boolean())\n      .optional(),\n  }),\n  required: z.boolean().default(false),\n  constraints: z\n    .array(\n      z.custom<Constraint>(() => ({\n        name: z.string().trim().min(1),\n        value: z.any(),\n      })),\n    )\n    .optional(),\n});\n\n/**\n * Handles adding a property to a parent JSON schema's \"properties\".\n * This means you are working under a child property.\n */\nexport function AddPropertyDialog({\n  open,\n  onOpenChange,\n  onSubmit,\n}: AddPropertyDialogProps) {\n  const form = useForm<z.infer<typeof AddFormSchema>>({\n    resolver: zodResolver(AddFormSchema),\n    defaultValues: {\n      key: \"\",\n      property: {\n        title: \"\",\n      },\n    },\n  });\n\n  const currentConstraints = form.watch(\"constraints\");\n  const currentProperty = form.watch(\"property\");\n  const currentEnum = form.watch(\"property.enum\");\n  const currentType = form.watch(\"property.type\");\n\n  const {\n    getConstraintDefinitionsForType,\n    getRendererForConstraint,\n    validateConstraintValue,\n  } = useConstraints();\n\n  const handleSubmit = (data: z.infer<typeof AddFormSchema>) => {\n    const { key, property, required, constraints } = data;\n    const propertyToSubmit: JSONSchema7 = {\n      ...property,\n      ...constraints?.reduce((acc, constraint) => {\n        return {\n          ...acc,\n          [constraint.name]: constraint.value,\n        } satisfies JSONSchema7;\n      }, {}),\n    };\n    onSubmit(key, propertyToSubmit, required);\n    form.reset();\n  };\n\n  const handleConstraintChange = (\n    index: number,\n    newVal: Constraint[\"value\"],\n  ) => {\n    const constraintsCopy = clone(currentConstraints);\n\n    const constraintToChange = constraintsCopy?.[index];\n\n    if (!constraintToChange) {\n      form.setError(`constraints.${index}`, {\n        message: \"The constraint was not found\",\n        type: \"constraint_not_found\",\n      });\n      return;\n    }\n\n    const validationResult = validateConstraintValue(\n      constraintToChange.name,\n      newVal,\n    );\n\n    if (validationResult.status === \"error\") {\n      let message = validationResult.message;\n      if (validationResult.code === \"invalid\") {\n        message = `${message}: ${validationResult.error?.map((i) => i.message).join(\", \")}`;\n      }\n      form.setError(`constraints.${index}`, {\n        type: validationResult.code,\n        message,\n      });\n      return;\n    }\n\n    //edit reference\n    constraintToChange.value = newVal;\n    form.setValue(\"constraints\", constraintsCopy);\n    form.clearErrors(`constraints.${index}`);\n  };\n\n  const handleRemoveConstraint = (constraintName: Constraint[\"name\"]) => {\n    if (!currentConstraints) return;\n    const copy = clone(currentConstraints);\n    const newConstraints = copy.filter((c) => c.name !== constraintName);\n    form.setValue(\"constraints\", newConstraints);\n  };\n\n  const availableDefinitions = getConstraintDefinitionsForType(\n    typeof currentProperty?.type === \"string\" ? currentProperty.type : \"\",\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-testid=\"add-property-dialog\">\n        <DialogHeader>\n          <DialogTitle>Add</DialogTitle>\n          <DialogDescription>\n            Required property values and constraints\n          </DialogDescription>\n        </DialogHeader>\n        <Form {...form}>\n          <form\n            onSubmit={(e) => {\n              e.stopPropagation();\n              e.preventDefault();\n              void form.handleSubmit(handleSubmit)(e);\n            }}\n            className=\"space-y-4\"\n            data-testid=\"add-property-form\"\n            id=\"add-property-form\"\n          >\n            <div className=\"space-y-2\">\n              <FormField\n                control={form.control}\n                name=\"key\"\n                render={({ field }) => {\n                  // Pull the onChange since debounced input should\n                  // be calling onDebounce instead\n                  const { onChange, ...rest } = field;\n\n                  return (\n                    <FormItem>\n                      <FormLabel>Property Key</FormLabel>\n                      <FormControl>\n                        <DebouncedInput\n                          {...rest}\n                          onDebounce={(newVal) => onChange(newVal)}\n                        />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  );\n                }}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <FormField\n                control={form.control}\n                name=\"property.title\"\n                render={({ field }) => {\n                  const { onChange, ...rest } = field;\n                  return (\n                    <FormItem>\n                      <FormLabel>Property Title</FormLabel>\n                      <FormControl>\n                        <DebouncedInput\n                          {...rest}\n                          onDebounce={(newVal) => onChange(newVal)}\n                        />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  );\n                }}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <FormField\n                control={form.control}\n                name=\"property.type\"\n                render={({ field }) => {\n                  return (\n                    <FormItem>\n                      <FormLabel>Type</FormLabel>\n                      <FormControl>\n                        <Select\n                          value={\n                            !Array.isArray(field.value)\n                              ? field.value\n                              : undefined\n                          }\n                          onValueChange={(newVal) => {\n                            if (newVal === \"enum\") {\n                              form.setValue(\"property.enum\", []);\n                            } else {\n                              form.setValue(\"property.enum\", undefined);\n                            }\n\n                            // If changing away from array, clear any array item errors\n                            if (field.value === \"array\" && newVal !== \"array\") {\n                              form.clearErrors(\"property.items\");\n                              form.setValue(\"property.items\", undefined);\n                            }\n\n                            field.onChange(newVal);\n                          }}\n                        >\n                          <SelectTrigger\n                            className=\"w-full\"\n                            aria-label=\"Select type\"\n                          >\n                            <SelectValue />\n                          </SelectTrigger>\n                          <SelectContent>\n                            <SelectItem\n                              value={\"string\" satisfies JSONSchema7TypeName}\n                            >\n                              string\n                            </SelectItem>\n                            <SelectItem\n                              value={\"number\" satisfies JSONSchema7TypeName}\n                            >\n                              number\n                            </SelectItem>\n                            <SelectItem\n                              value={\"integer\" satisfies JSONSchema7TypeName}\n                            >\n                              integer\n                            </SelectItem>\n                            <SelectItem\n                              value={\"boolean\" satisfies JSONSchema7TypeName}\n                            >\n                              boolean\n                            </SelectItem>\n                            <SelectItem\n                              value={\"object\" satisfies JSONSchema7TypeName}\n                            >\n                              object\n                            </SelectItem>\n                            <SelectItem\n                              value={\"array\" satisfies JSONSchema7TypeName}\n                            >\n                              array\n                            </SelectItem>\n                            <SelectItem\n                              value={\"null\" satisfies JSONSchema7TypeName}\n                            >\n                              null\n                            </SelectItem>\n                          </SelectContent>\n                        </Select>\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  );\n                }}\n              />\n            </div>\n\n            {/* Array Items Type selector */}\n            {currentType === \"array\" && (\n              <div className=\"space-y-2\">\n                <FormField\n                  control={form.control}\n                  name=\"property.items.type\"\n                  render={({ field }) => {\n                    return (\n                      <FormItem>\n                        <FormLabel>Items of type</FormLabel>\n                        <FormControl>\n                          <Select\n                            value={\n                              !Array.isArray(field.value)\n                                ? field.value\n                                : undefined\n                            }\n                            onValueChange={(newVal) => {\n                              form.clearErrors(\"property.items.type\");\n                              form.setValue(\n                                \"property.items.type\",\n                                newVal as JSONSchema7TypeName,\n                              );\n                            }}\n                          >\n                            <SelectTrigger\n                              className=\"w-full\"\n                              aria-label=\"Select items of type\"\n                            >\n                              <SelectValue placeholder=\"Select item type\" />\n                            </SelectTrigger>\n                            <SelectContent>\n                              <SelectItem\n                                value={\"string\" satisfies JSONSchema7TypeName}\n                              >\n                                string\n                              </SelectItem>\n                              <SelectItem\n                                value={\"number\" satisfies JSONSchema7TypeName}\n                              >\n                                number\n                              </SelectItem>\n                              <SelectItem\n                                value={\"integer\" satisfies JSONSchema7TypeName}\n                              >\n                                integer\n                              </SelectItem>\n                              <SelectItem\n                                value={\"boolean\" satisfies JSONSchema7TypeName}\n                              >\n                                boolean\n                              </SelectItem>\n                              <SelectItem\n                                value={\"object\" satisfies JSONSchema7TypeName}\n                              >\n                                object\n                              </SelectItem>\n                              <SelectItem\n                                value={\"array\" satisfies JSONSchema7TypeName}\n                              >\n                                array\n                              </SelectItem>\n                              <SelectItem\n                                value={\"null\" satisfies JSONSchema7TypeName}\n                              >\n                                null\n                              </SelectItem>\n                            </SelectContent>\n                          </Select>\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    );\n                  }}\n                />\n              </div>\n            )}\n\n            <div className=\"flex items-center space-x-2\">\n              <FormField\n                control={form.control}\n                name=\"required\"\n                render={({ field }) => {\n                  return (\n                    <FormItem>\n                      <FormControl>\n                        <Switch\n                          checked={field.value}\n                          onCheckedChange={(checked) => field.onChange(checked)}\n                        />\n                      </FormControl>\n                      <FormLabel>Required</FormLabel>\n                      <FormMessage />\n                    </FormItem>\n                  );\n                }}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <FormField\n                control={form.control}\n                name=\"property.description\"\n                render={({ field }) => {\n                  return (\n                    <FormItem>\n                      <FormLabel>Description</FormLabel>\n                      <FormControl>\n                        <Input {...field} />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  );\n                }}\n              />\n            </div>\n            {currentEnum ? (\n              <FormField\n                control={form.control}\n                name=\"property.enum\"\n                render={({ field }) => {\n                  return (\n                    <FormItem>\n                      <FormLabel>Enum</FormLabel>\n                      <FormControl>\n                        <MultiInput\n                          values={\n                            field.value?.filter((i) => typeof i === \"string\") ??\n                            []\n                          }\n                          onAddValue={(newVal) => {\n                            const updates = [];\n                            if (field.value) {\n                              updates.push(...field.value);\n                            }\n                            updates.push(newVal);\n                            field.onChange(updates);\n                          }}\n                          onRemoveValue={(index) => {\n                            const newEnums = clone(field.value ?? []);\n                            newEnums.splice(index, 1);\n                            field.onChange(newEnums);\n                          }}\n                        />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  );\n                }}\n              />\n            ) : null}\n\n            {availableDefinitions.length ? (\n              <div className=\"space-y-2\">\n                <Label>Constraints</Label>\n                <ConstraintsAdd\n                  addedConstraints={currentConstraints ?? []}\n                  availableDefinitions={availableDefinitions}\n                  onAdd={(newConstraints) => {\n                    form.setValue(\"constraints\", newConstraints);\n                  }}\n                />\n                <Separator />\n                {currentConstraints?.map((constraint, i) => {\n                  const Renderer = getRendererForConstraint(constraint.name);\n                  if (!Renderer) return null;\n\n                  const error = form.formState.errors.constraints?.[i];\n                  let mappedError: OperationError | undefined;\n\n                  if (error) {\n                    mappedError = {\n                      code: error?.type ?? \"INVALID\",\n                      message: error.message ?? \"An error occurred\",\n                    };\n                  }\n\n                  return (\n                    <Renderer\n                      key={constraint.name}\n                      constraintName={constraint.name}\n                      value={constraint.value}\n                      onConstraintChange={(newVal) => {\n                        handleConstraintChange(i, newVal);\n                      }}\n                      onRemoveConstraint={() => {\n                        handleRemoveConstraint(constraint.name);\n                      }}\n                      error={mappedError}\n                    />\n                  );\n                })}\n              </div>\n            ) : null}\n\n            <DialogFooter>\n              <Button type=\"submit\" form=\"add-property-form\">\n                Add Property\n              </Button>\n            </DialogFooter>\n          </form>\n        </Form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":["zodJsonTypes","z","AddFormSchema","AddPropertyDialog","open","onOpenChange","onSubmit","form","useForm","zodResolver","currentConstraints","currentProperty","currentEnum","currentType","getConstraintDefinitionsForType","getRendererForConstraint","validateConstraintValue","useConstraints","handleSubmit","data","key","property","required","constraints","propertyToSubmit","acc","constraint","handleConstraintChange","index","newVal","constraintsCopy","clone","constraintToChange","validationResult","message","i","handleRemoveConstraint","constraintName","newConstraints","c","availableDefinitions","Dialog","jsxs","DialogContent","DialogHeader","jsx","DialogTitle","DialogDescription","Form","e","FormField","field","onChange","rest","FormItem","FormLabel","FormControl","DebouncedInput","FormMessage","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Switch","checked","Input","MultiInput","updates","newEnums","Label","ConstraintsAdd","Separator","Renderer","error","mappedError","DialogFooter","Button"],"mappings":"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"}
+{"version":3,"file":"index.es21.js","sources":["../src/packages/builder/edit-dialog.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogFooter,\n  DialogDescription,\n} from \"@/components/ui/dialog\";\nimport { Label } from \"@/components/ui/label\";\n\nimport type { JSONSchema7 } from \"json-schema\";\nimport { clone } from \"remeda\";\nimport { Constraint, useConstraints } from \"@/packages/constraints/context\";\nimport ConstraintsAdd from \"@/packages/constraints/constraint-add\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { z } from \"zod\";\nimport { AddFormSchema } from \"./add-dialog\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { OperationError } from \"./shared-types\";\nimport { Form } from \"@/components/ui/form\";\nimport { useSchema } from \"./context\";\n\nexport interface EditPropertyDialogProps {\n  property: JSONSchema7;\n  propertyKey: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onSubmit: (\n    params: Parameters<ReturnType<typeof useSchema>[\"handlePropertyChange\"]>,\n  ) => void;\n}\n\nconst EditFormSchema = AddFormSchema.pick({\n  constraints: true,\n  property: true,\n});\n\n/**\n * Handles editing a constraints and other properties of a JSON schema property\n * that aren't shown in the main UI.\n */\nexport function EditPropertyDialog({\n  open,\n  onOpenChange,\n  onSubmit,\n  property: propertyToEdit,\n  propertyKey,\n}: EditPropertyDialogProps) {\n  const form = useForm<z.infer<typeof EditFormSchema>>({\n    resolver: zodResolver(EditFormSchema),\n    defaultValues: {\n      property: propertyToEdit,\n    },\n  });\n\n  const currentConstraints = form.watch(\"constraints\");\n\n  const {\n    getConstraintDefinitionsForType,\n    getRendererForConstraint,\n    validateConstraintValue,\n  } = useConstraints();\n\n  const handleSubmit = (data: z.infer<typeof EditFormSchema>) => {\n    const { constraints } = data;\n    const propertyUpdatesOnly: JSONSchema7 = {\n      ...constraints?.reduce((acc, constraint) => {\n        return {\n          ...acc,\n          [constraint.name]: constraint.value,\n        } satisfies JSONSchema7;\n      }, {}),\n    };\n    onSubmit([propertyKey, propertyUpdatesOnly]);\n    form.reset();\n  };\n\n  const handleConstraintChange = (\n    index: number,\n    newVal: Constraint[\"value\"],\n  ) => {\n    const constraintsCopy = clone(currentConstraints);\n\n    const constraintToChange = constraintsCopy?.[index];\n\n    if (!constraintToChange) {\n      form.setError(`constraints.${index}`, {\n        message: \"The constraint was not found\",\n        type: \"constraint_not_found\",\n      });\n      return;\n    }\n\n    const validationResult = validateConstraintValue(\n      constraintToChange.name,\n      newVal,\n    );\n\n    if (validationResult.status === \"error\") {\n      let message = validationResult.message;\n      if (validationResult.code === \"invalid\") {\n        message = `${message}: ${validationResult.error?.map((i) => i.message).join(\", \")}`;\n      }\n      form.setError(`constraints.${index}`, {\n        type: validationResult.code,\n        message,\n      });\n      return;\n    }\n\n    //edit reference\n    constraintToChange.value = newVal;\n    form.setValue(\"constraints\", constraintsCopy);\n    form.clearErrors(`constraints.${index}`);\n  };\n\n  const handleRemoveConstraint = (constraintName: Constraint[\"name\"]) => {\n    if (!currentConstraints) return;\n    const copy = clone(currentConstraints);\n    const newConstraints = copy.filter((c) => c.name !== constraintName);\n    form.setValue(\"constraints\", newConstraints);\n  };\n\n  const availableDefinitions = useMemo(() => {\n    return getConstraintDefinitionsForType(\n      typeof propertyToEdit?.type === \"string\" ? propertyToEdit.type : \"\",\n    );\n  }, [propertyToEdit.type]);\n\n  useEffect(() => {\n    //get the current constraints from the property based on the available definitions\n    const newConstraints: Constraint[] = [];\n    for (const constraintDef of availableDefinitions) {\n      if (constraintDef.name in propertyToEdit) {\n        newConstraints.push({\n          name: constraintDef.name,\n          value: propertyToEdit[constraintDef.name],\n        });\n      }\n    }\n    form.setValue(\"constraints\", newConstraints);\n  }, [availableDefinitions]);\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Edit</DialogTitle>\n          <DialogDescription>\n            Constraints and other properties\n          </DialogDescription>\n        </DialogHeader>\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(handleSubmit)}\n            className=\"space-y-4\"\n            data-testid=\"edit-property-form\"\n          >\n            {availableDefinitions.length ? (\n              <div className=\"space-y-2\">\n                <Label>Constraints</Label>\n                <ConstraintsAdd\n                  addedConstraints={currentConstraints ?? []}\n                  availableDefinitions={availableDefinitions}\n                  onAdd={(newConstraints) => {\n                    form.setValue(\"constraints\", newConstraints);\n                  }}\n                />\n                <Separator />\n                {currentConstraints?.map((constraint, i) => {\n                  const Renderer = getRendererForConstraint(constraint.name);\n                  if (!Renderer) return null;\n\n                  const error = form.formState.errors.constraints?.[i];\n                  let mappedError: OperationError | undefined;\n\n                  if (error) {\n                    mappedError = {\n                      code: error?.type ?? \"INVALID\",\n                      message: error.message ?? \"An error occurred\",\n                    };\n                  }\n\n                  return (\n                    <Renderer\n                      key={constraint.name}\n                      constraintName={constraint.name}\n                      value={constraint.value}\n                      onConstraintChange={(newVal) => {\n                        handleConstraintChange(i, newVal);\n                      }}\n                      onRemoveConstraint={() => {\n                        handleRemoveConstraint(constraint.name);\n                      }}\n                      error={mappedError}\n                    />\n                  );\n                })}\n              </div>\n            ) : null}\n\n            <DialogFooter>\n              <Button type=\"submit\">Save</Button>\n            </DialogFooter>\n          </form>\n        </Form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":["EditFormSchema","AddFormSchema","EditPropertyDialog","open","onOpenChange","onSubmit","propertyToEdit","propertyKey","form","useForm","zodResolver","currentConstraints","getConstraintDefinitionsForType","getRendererForConstraint","validateConstraintValue","useConstraints","handleSubmit","data","constraints","propertyUpdatesOnly","acc","constraint","handleConstraintChange","index","newVal","constraintsCopy","clone","constraintToChange","validationResult","message","i","handleRemoveConstraint","constraintName","newConstraints","c","availableDefinitions","useMemo","useEffect","constraintDef","jsx","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","Form","Label","ConstraintsAdd","Separator","Renderer","error","mappedError","DialogFooter","Button"],"mappings":"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"}