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

package/dist/index.es20.js

@@ -1,138 +1,69 @@
-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.es13.js";
-import { Dialog as $, DialogContent as N, DialogHeader as j, DialogTitle as w, DialogDescription as E, DialogFooter as I } from "./index.es37.js";
-import { Label as L } from "./index.es11.js";
-import { a as d } from "./index.es18.js";
-import { useConstraints as _ } from "./index.es8.js";
-import k from "./index.es38.js";
-import { Separator as z } from "./index.es39.js";
-import { AddFormSchema as B } from "./index.es25.js";
-import { useForm as H } from "react-hook-form";
-import { zodResolver as M } from "./index.es40.js";
-import { Form as O } from "./index.es41.js";
-const P = B.pick({
-  constraints: !0,
-  property: !0
-});
-function et({
-  open: p,
-  onOpenChange: f,
-  onSubmit: h,
-  property: i,
-  propertyKey: g
-}) {
-  const e = H({
-    resolver: M(P),
-    defaultValues: {
-      property: i
+import { jsx as t } from "react/jsx-runtime";
+import { Slot as n } from "./index.es35.js";
+import { cn as a } from "./index.es13.js";
+import m from "./index.es30.js";
+function d({ ...r }) {
+  return /* @__PURE__ */ t("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
+}
+function b({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: a(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function f({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: a("inline-flex items-center gap-1.5", r),
+      ...e
     }
-  }), 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;
+  );
+}
+function p({
+  asChild: r,
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    r ? n : "a",
+    {
+      "data-slot": "breadcrumb-link",
+      className: a("hover:text-foreground transition-colors", e),
+      ...o
     }
-    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;
+  );
+}
+function x({
+  children: r,
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: a("[&>svg]:size-3.5", e),
+      ...o,
+      children: r ?? /* @__PURE__ */ t(m, {})
     }
-    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 {
-  et as EditPropertyDialog
+  d as Breadcrumb,
+  f as BreadcrumbItem,
+  p as BreadcrumbLink,
+  b as BreadcrumbList,
+  x as BreadcrumbSeparator
 };
 //# sourceMappingURL=index.es20.js.map

package/dist/index.es20.js.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"index.es20.js","sources":["../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"text-foreground font-normal\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","props","BreadcrumbList","className","jsx","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbSeparator","children","ChevronRight"],"mappings":";;;;AAMA,SAASA,EAAW,EAAE,GAAGC,KAAsC;AAC7D,2BAAQ,OAAI,EAAA,cAAW,cAAa,aAAU,cAAc,GAAGA,GAAO;AACxE;AAEA,SAASC,EAAe,EAAE,WAAAC,GAAW,GAAGF,KAAqC;AAEzE,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MACF;AAAA,MACC,GAAGF;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASK,EAAe,EAAE,WAAAH,GAAW,GAAGF,KAAqC;AAEzE,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,oCAAoCF,CAAS;AAAA,MAC1D,GAAGF;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASM,EAAe;AAAA,EACtB,SAAAC;AAAA,EACA,WAAAL;AAAA,EACA,GAAGF;AACL,GAEG;AAIC,SAAA,gBAAAG;AAAA,IAHWI,IAAUC,IAAO;AAAA,IAG3B;AAAA,MACC,aAAU;AAAA,MACV,WAAWJ,EAAG,2CAA2CF,CAAS;AAAA,MACjE,GAAGF;AAAA,IAAA;AAAA,EACN;AAEJ;AAeA,SAASS,EAAoB;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGF;AACL,GAA+B;AAE3B,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWC,EAAG,oBAAoBF,CAAS;AAAA,MAC1C,GAAGF;AAAA,MAEH,UAAAU,uBAAaC,GAAa,CAAA,CAAA;AAAA,IAAA;AAAA,EAC7B;AAEJ;"}

package/dist/index.es21.js

@@ -1,141 +1,138 @@
-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
+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.es37.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.es38.js";
+import { Separator as z } from "./index.es39.js";
+import { AddFormSchema as B } from "./index.es25.js";
+import { useForm as H } from "react-hook-form";
+import { zodResolver as M } from "./index.es40.js";
+import { Form as O } from "./index.es41.js";
+const P = B.pick({
+  constraints: !0,
+  property: !0
+});
+function et({
+  open: p,
+  onOpenChange: f,
+  onSubmit: h,
+  property: i,
+  propertyKey: g
 }) {
-  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
-    }
-  );
-}
-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 e = H({
+    resolver: M(P),
+    defaultValues: {
+      property: i
     }
-  );
-}
-function C({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    s,
-    {
-      "data-slot": "alert-dialog-title",
-      className: o("text-lg font-semibold", t),
-      ...a
+  }), 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;
     }
-  );
-}
-function z({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    d,
-    {
-      "data-slot": "alert-dialog-description",
-      className: o("text-muted-foreground text-sm", t),
-      ...a
+    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;
     }
-  );
-}
-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
-    }
-  );
+    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 {
-  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
+  et as EditPropertyDialog
 };
 //# sourceMappingURL=index.es21.js.map

package/dist/index.es21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es21.js","sources":["../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"@/components/ui/button\"\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"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\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants(), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive.Root","AlertDialogPortal","AlertDialogPrimitive.Portal","AlertDialogOverlay","className","jsx","AlertDialogPrimitive.Overlay","cn","AlertDialogContent","AlertDialogPrimitive.Content","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogPrimitive.Title","AlertDialogDescription","AlertDialogPrimitive.Description","AlertDialogAction","AlertDialogPrimitive.Action","buttonVariants","AlertDialogCancel","AlertDialogPrimitive.Cancel"],"mappings":";;;;AAMA,SAASA,EAAY;AAAA,EACnB,GAAGC;AACL,GAA2D;AACzD,2BAAQC,GAAA,EAA0B,aAAU,gBAAgB,GAAGD,GAAO;AACxE;AAUA,SAASE,EAAkB;AAAA,EACzB,GAAGF;AACL,GAA6D;AAC3D,2BACGG,GAAA,EAA4B,aAAU,uBAAuB,GAAGH,GAAO;AAE5E;AAEA,SAASI,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGL;AACL,GAA8D;AAE1D,SAAA,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASS,EAAmB;AAAA,EAC1B,WAAAJ;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,2BACGE,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAI,EAACF,GAAmB,EAAA;AAAA,IACpB,gBAAAE;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAWF;AAAA,UACT;AAAA,UACAH;AAAA,QACF;AAAA,QACC,GAAGL;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAASW,EAAkB;AAAA,EACzB,WAAAN;AAAA,EACA,GAAGL;AACL,GAAgC;AAE5B,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,gDAAgDH,CAAS;AAAA,MACtE,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASY,EAAkB;AAAA,EACzB,WAAAP;AAAA,EACA,GAAGL;AACL,GAAgC;AAE5B,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASa,EAAiB;AAAA,EACxB,WAAAR;AAAA,EACA,GAAGL;AACL,GAA4D;AAExD,SAAA,gBAAAM;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWN,EAAG,yBAAyBH,CAAS;AAAA,MAC/C,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASe,EAAuB;AAAA,EAC9B,WAAAV;AAAA,EACA,GAAGL;AACL,GAAkE;AAE9D,SAAA,gBAAAM;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWR,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASiB,EAAkB;AAAA,EACzB,WAAAZ;AAAA,EACA,GAAGL;AACL,GAA6D;AAEzD,SAAA,gBAAAM;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAWV,EAAGW,EAAe,GAAGd,CAAS;AAAA,MACxC,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASoB,EAAkB;AAAA,EACzB,WAAAf;AAAA,EACA,GAAGL;AACL,GAA6D;AAEzD,SAAA,gBAAAM;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWb,EAAGW,EAAe,EAAE,SAAS,UAAU,CAAC,GAAGd,CAAS;AAAA,MAC9D,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"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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"}