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

package/dist/index.es13.js

@@ -1,32 +1,137 @@
-import { j as t } from "./index.es9.js";
-import { Root as s, Thumb as n } from "./index.es40.js";
-import { cn as e } from "./index.es22.js";
-function l({
-  className: r,
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Root as i, Trigger as d, Icon as c, Value as u, Portal as m, Content as p, Viewport as f, Item as g, ItemIndicator as v, ItemText as h, ScrollUpButton as x, ScrollDownButton as b } from "./index.es42.js";
+import { cn as r } from "./index.es21.js";
+import n from "./index.es43.js";
+import w from "./index.es44.js";
+import y from "./index.es45.js";
+function B({
+  ...t
+}) {
+  return /* @__PURE__ */ e(i, { "data-slot": "select", ...t });
+}
+function D({
+  ...t
+}) {
+  return /* @__PURE__ */ e(u, { "data-slot": "select-value", ...t });
+}
+function T({
+  className: t,
+  children: a,
+  ...s
+}) {
+  return /* @__PURE__ */ o(
+    d,
+    {
+      "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
+      ),
+      ...s,
+      children: [
+        a,
+        /* @__PURE__ */ e(c, { asChild: !0, children: /* @__PURE__ */ e(n, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function U({
+  className: t,
+  children: a,
+  position: s = "popper",
+  ...l
+}) {
+  return /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(
+    p,
+    {
+      "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",
+        s === "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: s,
+      ...l,
+      children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(
+          f,
+          {
+            className: r(
+              "p-1",
+              s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: a
+          }
+        ),
+        /* @__PURE__ */ e(N, {})
+      ]
+    }
+  ) });
+}
+function V({
+  className: t,
+  children: a,
+  ...s
+}) {
+  return /* @__PURE__ */ o(
+    g,
+    {
+      "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
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(w, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(h, { children: a })
+      ]
+    }
+  );
+}
+function z({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    x,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: r(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e(y, { className: "size-4" })
+    }
+  );
+}
+function N({
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t.jsx(
-    s,
+  return /* @__PURE__ */ e(
+    b,
     {
-      "data-slot": "switch",
-      className: e(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        r
+      "data-slot": "select-scroll-down-button",
+      className: r(
+        "flex cursor-default items-center justify-center py-1",
+        t
       ),
       ...a,
-      children: /* @__PURE__ */ t.jsx(
-        n,
-        {
-          "data-slot": "switch-thumb",
-          className: e(
-            "bg-background pointer-events-none block size-4 rounded-full ring-0 shadow-lg transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-          )
-        }
-      )
+      children: /* @__PURE__ */ e(n, { className: "size-4" })
     }
   );
 }
 export {
-  l as Switch
+  B as Select,
+  U as SelectContent,
+  V as SelectItem,
+  N as SelectScrollDownButton,
+  z as SelectScrollUpButton,
+  T as SelectTrigger,
+  D as SelectValue
 };
 //# sourceMappingURL=index.es13.js.map

package/dist/index.es13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es13.js","sources":["../src/components/ui/switch.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        \"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"bg-background pointer-events-none block size-4 rounded-full ring-0 shadow-lg transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\"\n        )}\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"names":["Switch","className","props","jsx","SwitchPrimitive.Root","cn","SwitchPrimitive.Thumb"],"mappings":";;;AAKA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,GAAsD;AAElD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAA;AAAA,QAACG;AAAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWD;AAAA,YACT;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es13.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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"}

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.es41.js";
-import { cn as r } from "./index.es22.js";
-import o from "./index.es42.js";
-import j from "./index.es43.js";
-import b from "./index.es44.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.es22.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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"}