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

package/dist/index.es14.js

@@ -1,137 +1,23 @@
-import { j as e } from "./index.es9.js";
-import { Root as l, Trigger as i, Icon as d, Value as c, Portal as u, Content as m, Viewport as p, Item as f, ItemIndicator as x, ItemText as g, ScrollUpButton as v, ScrollDownButton as h } from "./index.es47.js";
-import { cn as r } from "./index.es29.js";
-import o from "./index.es48.js";
-import j from "./index.es49.js";
-import b from "./index.es50.js";
-function k({
+import { jsx as o } from "react/jsx-runtime";
+import { Root as a } from "./index.es30.js";
+import { cn as r } from "./index.es21.js";
+function l({
+  className: e,
   ...t
 }) {
-  return /* @__PURE__ */ e.jsx(l, { "data-slot": "select", ...t });
-}
-function B({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(c, { "data-slot": "select-value", ...t });
-}
-function D({
-  className: t,
-  children: s,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsxs(
-    i,
-    {
-      "data-slot": "select-trigger",
-      "data-testid": "select-trigger",
-      className: r(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex h-9 w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        t
-      ),
-      ...a,
-      children: [
-        s,
-        /* @__PURE__ */ e.jsx(d, { asChild: !0, children: /* @__PURE__ */ e.jsx(o, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function R({
-  className: t,
-  children: s,
-  position: a = "popper",
-  ...n
-}) {
-  return /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsxs(
-    m,
-    {
-      "data-slot": "select-content",
-      className: r(
-        "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
-        a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        t
-      ),
-      position: a,
-      ...n,
-      children: [
-        /* @__PURE__ */ e.jsx(w, {}),
-        /* @__PURE__ */ e.jsx(
-          p,
-          {
-            className: r(
-              "p-1",
-              a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children: s
-          }
-        ),
-        /* @__PURE__ */ e.jsx(y, {})
-      ]
-    }
-  ) });
-}
-function T({
-  className: t,
-  children: s,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsxs(
-    f,
-    {
-      "data-slot": "select-item",
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        t
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ e.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsx(j, { className: "size-4" }) }) }),
-        /* @__PURE__ */ e.jsx(g, { children: s })
-      ]
-    }
-  );
-}
-function w({
-  className: t,
-  ...s
-}) {
-  return /* @__PURE__ */ e.jsx(
-    v,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: r(
-        "flex cursor-default items-center justify-center py-1",
-        t
-      ),
-      ...s,
-      children: /* @__PURE__ */ e.jsx(b, { className: "size-4" })
-    }
-  );
-}
-function y({
-  className: t,
-  ...s
-}) {
-  return /* @__PURE__ */ e.jsx(
-    h,
+  return /* @__PURE__ */ o(
+    a,
     {
-      "data-slot": "select-scroll-down-button",
+      "data-slot": "label",
       className: r(
-        "flex cursor-default items-center justify-center py-1",
-        t
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        e
       ),
-      ...s,
-      children: /* @__PURE__ */ e.jsx(o, { className: "size-4" })
+      ...t
     }
   );
 }
 export {
-  k as Select,
-  R as SelectContent,
-  T as SelectItem,
-  y as SelectScrollDownButton,
-  w as SelectScrollUpButton,
-  D as SelectTrigger,
-  B as SelectValue
+  l as Label
 };
 //# sourceMappingURL=index.es14.js.map

package/dist/index.es14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es14.js","sources":["../src/components/ui/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger>) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-testid=\"select-trigger\"\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex h-9 w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"px-2 py-1.5 text-sm font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"names":["Select","props","SelectPrimitive.Root","SelectValue","SelectPrimitive.Value","SelectTrigger","className","children","jsxs","SelectPrimitive.Trigger","cn","jsx","SelectPrimitive.Icon","ChevronDownIcon","SelectContent","position","SelectPrimitive.Portal","SelectPrimitive.Content","SelectScrollUpButton","SelectPrimitive.Viewport","SelectScrollDownButton","SelectItem","SelectPrimitive.Item","SelectPrimitive.ItemIndicator","CheckIcon","SelectPrimitive.ItemText","SelectPrimitive.ScrollUpButton","ChevronUpIcon","SelectPrimitive.ScrollDownButton"],"mappings":"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"}
+{"version":3,"file":"index.es14.js","sources":["../src/components/ui/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"names":["Label","className","props","jsx","LabelPrimitive.Root","cn"],"mappings":";;;AAOA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,GAAGC;AACL,GAAqD;AAEjD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/index.es15.js

@@ -1,23 +1,138 @@
-import { j as o } from "./index.es9.js";
-import { Root as a } from "./index.es35.js";
-import { cn as r } from "./index.es29.js";
-function d({
-  className: e,
-  ...t
+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.es10.js";
+import { Dialog as $, DialogContent as N, DialogHeader as j, DialogTitle as w, DialogDescription as E, DialogFooter as I } from "./index.es36.js";
+import { Label as L } from "./index.es14.js";
+import { a as d } from "./index.es9.js";
+import { useConstraints as _ } from "./index.es4.js";
+import k from "./index.es37.js";
+import { Separator as z } from "./index.es38.js";
+import { AddFormSchema as B } from "./index.es20.js";
+import { useForm as H } from "react-hook-form";
+import { zodResolver as M } from "./index.es39.js";
+import { Form as O } from "./index.es40.js";
+const P = B.pick({
+  constraints: !0,
+  property: !0
+});
+function et({
+  open: p,
+  onOpenChange: f,
+  onSubmit: h,
+  property: i,
+  propertyKey: g
 }) {
-  return /* @__PURE__ */ o.jsx(
-    a,
-    {
-      "data-slot": "label",
-      className: r(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        e
-      ),
-      ...t
+  const e = H({
+    resolver: M(P),
+    defaultValues: {
+      property: i
     }
-  );
+  }), 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
+      }), {})
+    };
+    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 o = v(
+      n.name,
+      r
+    );
+    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;
+    }
+    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__ */ s(O, { ...e, children: /* @__PURE__ */ u(
+      "form",
+      {
+        onSubmit: e.handleSubmit(D),
+        className: "space-y-4",
+        "data-testid": "edit-property-form",
+        children: [
+          l.length ? /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ s(L, { children: "Constraints" }),
+            /* @__PURE__ */ s(
+              k,
+              {
+                addedConstraints: m ?? [],
+                availableDefinitions: l,
+                onAdd: (t) => {
+                  e.setValue("constraints", t);
+                }
+              }
+            ),
+            /* @__PURE__ */ s(z, {}),
+            m?.map((t, r) => {
+              const a = y(t.name);
+              if (!a) return null;
+              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: t.name,
+                  value: t.value,
+                  onConstraintChange: (c) => {
+                    S(r, c);
+                  },
+                  onRemoveConstraint: () => {
+                    F(t.name);
+                  },
+                  error: o
+                },
+                t.name
+              );
+            })
+          ] }) : null,
+          /* @__PURE__ */ s(I, { children: /* @__PURE__ */ s(A, { type: "submit", children: "Save" }) })
+        ]
+      }
+    ) })
+  ] }) });
 }
 export {
-  d as Label
+  et as EditPropertyDialog
 };
 //# sourceMappingURL=index.es15.js.map

package/dist/index.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es15.js","sources":["../src/components/ui/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"names":["Label","className","props","jsx","LabelPrimitive.Root","cn"],"mappings":";;;AAOA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,GAAGC;AACL,GAAqD;AAEjD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"index.es15.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.es16.js

@@ -1,138 +1,141 @@
-import { j as e } from "./index.es9.js";
-import { useMemo as S, useEffect as F } from "react";
-import { Button as R } from "./index.es11.js";
-import { Dialog as b, DialogContent as V, DialogHeader as A, DialogTitle as $, DialogDescription as E, DialogFooter as N } from "./index.es41.js";
-import { Label as w } from "./index.es15.js";
-import { a as u } from "./index.es10.js";
-import { useConstraints as I } from "./index.es4.js";
-import L from "./index.es42.js";
-import { Separator as _ } from "./index.es43.js";
-import { AddFormSchema as k } from "./index.es21.js";
-import { useForm as z } from "react-hook-form";
-import { zodResolver as B } from "./index.es44.js";
-import { Form as H } from "./index.es45.js";
-const M = k.pick({
-  constraints: !0,
-  property: !0
-});
-function tt({
-  open: p,
-  onOpenChange: d,
-  onSubmit: f,
-  property: i,
-  propertyKey: h
+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.es46.js";
+import { cn as o } from "./index.es21.js";
+import { buttonVariants as l } from "./index.es10.js";
+function N({
+  ...t
 }) {
-  const r = z({
-    resolver: B(M),
-    defaultValues: {
-      property: i
-    }
-  }), m = r.watch("constraints"), {
-    getConstraintDefinitionsForType: g,
-    getRendererForConstraint: C,
-    validateConstraintValue: j
-  } = I(), y = (t) => {
-    const { constraints: n } = t, a = {
-      ...n?.reduce((s, o) => ({
-        ...s,
-        [o.name]: o.value
-      }), {})
-    };
-    f([h, a]), r.reset();
-  }, v = (t, n) => {
-    const a = u(m), s = a?.[t];
-    if (!s) {
-      r.setError(`constraints.${t}`, {
-        message: "The constraint was not found",
-        type: "constraint_not_found"
-      });
-      return;
-    }
-    const o = j(
-      s.name,
-      n
-    );
-    if (o.status === "error") {
-      let c = o.message;
-      o.code === "invalid" && (c = `${c}: ${o.error?.map((D) => D.message).join(", ")}`), r.setError(`constraints.${t}`, {
-        type: o.code,
-        message: c
-      });
-      return;
+  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
     }
-    s.value = n, r.setValue("constraints", a), r.clearErrors(`constraints.${t}`);
-  }, x = (t) => {
-    if (!m) return;
-    const a = u(m).filter((s) => s.name !== t);
-    r.setValue("constraints", a);
-  }, l = S(() => g(
-    typeof i?.type == "string" ? i.type : ""
-  ), [i.type]);
-  return F(() => {
-    const t = [];
-    for (const n of l)
-      n.name in i && t.push({
-        name: n.name,
-        value: i[n.name]
-      });
-    r.setValue("constraints", t);
-  }, [l]), /* @__PURE__ */ e.jsx(b, { open: p, onOpenChange: d, children: /* @__PURE__ */ e.jsxs(V, { children: [
-    /* @__PURE__ */ e.jsxs(A, { children: [
-      /* @__PURE__ */ e.jsx($, { children: "Edit" }),
-      /* @__PURE__ */ e.jsx(E, { children: "Constraints and other properties" })
-    ] }),
-    /* @__PURE__ */ e.jsx(H, { ...r, children: /* @__PURE__ */ e.jsxs(
-      "form",
+  );
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(g, { children: [
+    /* @__PURE__ */ e(p, {}),
+    /* @__PURE__ */ e(
+      i,
       {
-        onSubmit: r.handleSubmit(y),
-        className: "space-y-4",
-        "data-testid": "edit-property-form",
-        children: [
-          l.length ? /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e.jsx(w, { children: "Constraints" }),
-            /* @__PURE__ */ e.jsx(
-              L,
-              {
-                addedConstraints: m ?? [],
-                availableDefinitions: l,
-                onAdd: (t) => {
-                  r.setValue("constraints", t);
-                }
-              }
-            ),
-            /* @__PURE__ */ e.jsx(_, {}),
-            m?.map((t, n) => {
-              const a = C(t.name);
-              if (!a) return null;
-              const s = r.formState.errors.constraints?.[n];
-              let o;
-              return s && (o = {
-                code: s?.type ?? "INVALID",
-                message: s.message ?? "An error occurred"
-              }), /* @__PURE__ */ e.jsx(
-                a,
-                {
-                  constraintName: t.name,
-                  value: t.value,
-                  onConstraintChange: (c) => {
-                    v(n, c);
-                  },
-                  onRemoveConstraint: () => {
-                    x(t.name);
-                  },
-                  error: o
-                },
-                t.name
-              );
-            })
-          ] }) : null,
-          /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(R, { type: "submit", children: "Save" }) })
-        ]
+        "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
+    }
+  );
+}
+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
+    }
+  );
+}
+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
+    }
+  );
 }
 export {
-  tt as EditPropertyDialog
+  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.es16.js.map