@satoshibits/react-json-schema-builder 1.1.3 → 1.1.5

package/dist/index.es20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es20.js","sources":["../src/components/depounced-input.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect } from \"react\";\nimport { useDebounce } from \"use-debounce\";\nimport { Input } from \"@/components/ui/input\";\n\nexport const DebouncedInput = forwardRef<\n  HTMLInputElement,\n  React.ComponentProps<\"input\"> & {\n    onDebounce?: (newVal: string) => void;\n    delay?: number;\n  }\n>(({ onDebounce, type, delay = 200, value, ...props }, ref) => {\n  const [inputValue, setInputValue] = useState(value);\n\n  const [debouncedValue] = useDebounce(inputValue, delay);\n\n  useEffect(() => {\n    //prevents the initial value from being sent\n    if (typeof debouncedValue === \"string\" && debouncedValue !== value) {\n      onDebounce?.(debouncedValue);\n    }\n  }, [debouncedValue]);\n\n  return (\n    <Input\n      {...props}\n      type={type}\n      value={inputValue}\n      ref={ref}\n      onChange={(e) => {\n        setInputValue(e.target.value);\n      }}\n    />\n  );\n});\nDebouncedInput.displayName = \"DebouncedInput\";\n"],"names":["DebouncedInput","forwardRef","onDebounce","type","delay","value","props","ref","inputValue","setInputValue","useState","debouncedValue","useDebounce","useEffect","jsx","Input","e"],"mappings":";;;;AAIO,MAAMA,IAAiBC,EAM5B,CAAC,EAAE,YAAAC,GAAY,MAAAC,GAAM,OAAAC,IAAQ,KAAK,OAAAC,GAAO,GAAGC,EAAM,GAAGC,MAAQ;AAC7D,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASL,CAAK,GAE5C,CAACM,CAAc,IAAIC,EAAYJ,GAAYJ,CAAK;AAEtD,SAAAS,EAAU,MAAM;AAEd,IAAI,OAAOF,KAAmB,YAAYA,MAAmBN,KAC3DH,IAAaS,CAAc;AAAA,EAC7B,GACC,CAACA,CAAc,CAAC,GAGjB,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,MAAAH;AAAA,MACA,OAAOK;AAAA,MACP,KAAAD;AAAA,MACA,UAAU,CAACS,MAAM;AACD,QAAAP,EAAAO,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAC9B;AAAA,EACF;AAEJ,CAAC;AACDhB,EAAe,cAAc;"}
+{"version":3,"file":"index.es20.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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"}

package/dist/index.es21.js

@@ -1,431 +1,141 @@
-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.es40.js";
-import { Dialog as M, DialogContent as _, DialogHeader as B, DialogTitle as H, DialogDescription as J, DialogFooter as G } from "./index.es37.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.es42.js";
-import { useConstraints as X } from "./index.es4.js";
-import Y from "./index.es38.js";
-import { Separator as Z } from "./index.es39.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.es41.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()
-});
-function Ce({
-  open: T,
-  onOpenChange: E,
-  onSubmit: R
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Root as n, Content as i, Title as s, Description as d, Cancel as c, Action as u, Portal as f, Overlay as m } from "./index.es47.js";
+import { cn as o } from "./index.es12.js";
+import { buttonVariants as l } from "./index.es13.js";
+function N({
+  ...t
 }) {
-  const n = ee({
-    resolver: K(ne),
-    defaultValues: {
-      key: "",
-      property: {
-        title: ""
+  return /* @__PURE__ */ e(n, { "data-slot": "alert-dialog", ...t });
+}
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e(f, { "data-slot": "alert-dialog-portal", ...t });
+}
+function p({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    m,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: o(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(g, { children: [
+    /* @__PURE__ */ e(p, {}),
+    /* @__PURE__ */ e(
+      i,
+      {
+        "data-slot": "alert-dialog-content",
+        className: o(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          t
+        ),
+        ...a
       }
+    )
+  ] });
+}
+function y({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: o("flex flex-col gap-2 text-center sm:text-left", t),
+      ...a
     }
-  }), 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
-      }), {})
-    };
-    R(o, d, l), n.reset();
-  }, z = (r, o) => {
-    const a = b(v), l = a?.[r];
-    if (!l) {
-      n.setError(`constraints.${r}`, {
-        message: "The constraint was not found",
-        type: "constraint_not_found"
-      });
-      return;
+  );
+}
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: o(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...a
     }
-    const c = q(
-      l.name,
-      o
-    );
-    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
-      });
-      return;
+  );
+}
+function C({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    s,
+    {
+      "data-slot": "alert-dialog-title",
+      className: o("text-lg font-semibold", t),
+      ...a
+    }
+  );
+}
+function z({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    d,
+    {
+      "data-slot": "alert-dialog-description",
+      className: o("text-muted-foreground text-sm", t),
+      ...a
+    }
+  );
+}
+function h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    u,
+    {
+      className: o(l(), t),
+      ...a
+    }
+  );
+}
+function j({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    c,
+    {
+      className: o(l({ variant: "outline" }), t),
+      ...a
     }
-    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" })
-    ] }),
-    /* @__PURE__ */ e(re, { ...n, children: /* @__PURE__ */ i(
-      "form",
-      {
-        onSubmit: (r) => {
-          r.stopPropagation(), r.preventDefault(), n.handleSubmit($)(r);
-        },
-        className: "space-y-4",
-        "data-testid": "add-property-form",
-        id: "add-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,
-              {
-                addedConstraints: v ?? [],
-                availableDefinitions: D,
-                onAdd: (r) => {
-                  n.setValue("constraints", r);
-                }
-              }
-            ),
-            /* @__PURE__ */ e(Z, {}),
-            v?.map((r, o) => {
-              const a = P(r.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(
-                a,
-                {
-                  constraintName: r.name,
-                  value: r.value,
-                  onConstraintChange: (d) => {
-                    z(o, d);
-                  },
-                  onRemoveConstraint: () => {
-                    L(r.name);
-                  },
-                  error: c
-                },
-                r.name
-              );
-            })
-          ] }) : null,
-          /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(x, { type: "submit", form: "add-property-form", children: "Add Property" }) })
-        ]
-      }
-    ) })
-  ] }) });
 }
 export {
-  ne as AddFormSchema,
-  Ce as AddPropertyDialog
+  N as AlertDialog,
+  h as AlertDialogAction,
+  j as AlertDialogCancel,
+  b as AlertDialogContent,
+  z as AlertDialogDescription,
+  w as AlertDialogFooter,
+  y as AlertDialogHeader,
+  p as AlertDialogOverlay,
+  g as AlertDialogPortal,
+  C as AlertDialogTitle
 };
 //# sourceMappingURL=index.es21.js.map