json-schema-builder-react 0.0.6 → 0.0.7

package/dist-lib/index.d.ts

@@ -4,4 +4,7 @@
  */
 export { JsonSchemaBuilder } from "./components/JsonSchemaBuilder";
 export type { JsonSchemaBuilderProps } from "./components/JsonSchemaBuilder";
+export { default as PropertyEditDialog } from "./components/PropertyEditDialog";
+export { TypeLabelsProvider } from "./contexts/TypeLabelsContext";
 export type { TypeLabels } from "./contexts/TypeLabelsContext";
+export type { PropertyData, PropertyType } from "./types/schema";

package/dist-lib/index.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as s, Fragment as le } from "react/jsx-runtime";
 import * as y from "react";
-import { createContext as ke, useContext as Ie, useState as O, useEffect as Z, useMemo as Te, useCallback as E } from "react";
-import { Slot as Se } from "@radix-ui/react-slot";
+import { useContext as ke, createContext as Ie, useState as O, useEffect as Z, useMemo as Se, useCallback as E } from "react";
+import { Slot as Te } from "@radix-ui/react-slot";
 import { cva as de } from "class-variance-authority";
 import { clsx as De } from "clsx";
 import { twMerge as je } from "tailwind-merge";
@@ -38,9 +38,9 @@ const He = de(
       size: "default"
     }
   }
-), T = y.forwardRef(
+), S = y.forwardRef(
   ({ className: t, variant: i, size: a, asChild: d = !1, ...n }, l) => /* @__PURE__ */ e(
-    d ? Se : "button",
+    d ? Te : "button",
     {
       className: p(He({ variant: i, size: a, className: t })),
       ref: l,
@@ -48,7 +48,7 @@ const He = de(
     }
   )
 );
-T.displayName = "Button";
+S.displayName = "Button";
 const D = y.forwardRef(
   ({ className: t, type: i, ...a }, d) => /* @__PURE__ */ e(
     "input",
@@ -340,7 +340,7 @@ const tt = (t) => t.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g,
   array: "Array",
   null: "Null",
   file: "File"
-}, be = ke({
+}, be = Ie({
   getTypeLabel: (t) => X[t],
   typeLabels: X
 });
@@ -352,13 +352,13 @@ function it({
   return /* @__PURE__ */ e(be.Provider, { value: { getTypeLabel: d, typeLabels: a }, children: t });
 }
 function Ne() {
-  return Ie(be);
+  return ke(be);
 }
 function G({
   property: t,
   open: i,
   onOpenChange: a,
-  onUpdate: d,
+  onSave: d,
   isArrayItem: n = !1,
   isNewProperty: l = !1,
   propertyLabel: r = { singular: "Property", plural: "Properties" },
@@ -522,7 +522,7 @@ function G({
                 )
               ] }),
               /* @__PURE__ */ s(
-                T,
+                S,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -536,7 +536,7 @@ function G({
                 }
               )
             ] }) : /* @__PURE__ */ s(
-              T,
+              S,
               {
                 variant: "outline",
                 size: "sm",
@@ -637,15 +637,15 @@ function G({
                       placeholder: j === (((A = o.enum) == null ? void 0 : A.length) || 0) ? "Add new value..." : "Enum value",
                       value: m,
                       onChange: (J) => {
-                        const S = J.target.value, R = o.enum || [];
+                        const T = J.target.value, R = o.enum || [];
                         if (j === R.length)
-                          S.trim() && b("enum", [
+                          T.trim() && b("enum", [
                             ...R,
-                            S.trim()
+                            T.trim()
                           ]);
-                        else if (S.trim()) {
+                        else if (T.trim()) {
                           const z = [...R];
-                          z[j] = S.trim(), b("enum", z);
+                          z[j] = T.trim(), b("enum", z);
                         } else {
                           const z = R.filter(
                             (vt, Ce) => Ce !== j
@@ -763,7 +763,7 @@ function G({
         ] }),
         /* @__PURE__ */ s(ye, { className: "px-6 py-4 border-t bg-background shrink-0", children: [
           /* @__PURE__ */ e(
-            T,
+            S,
             {
               variant: "outline",
               onClick: h,
@@ -772,7 +772,7 @@ function G({
             }
           ),
           /* @__PURE__ */ e(
-            T,
+            S,
             {
               onClick: q,
               "data-testid": "button-save",
@@ -983,7 +983,7 @@ function Q({
               ] })
             ] }) }),
             t.type === "object" && /* @__PURE__ */ e(
-              T,
+              S,
               {
                 variant: "ghost",
                 size: "icon",
@@ -1025,7 +1025,7 @@ function Q({
       ] }) }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
         /* @__PURE__ */ e(
-          T,
+          S,
           {
             variant: "ghost",
             size: "icon",
@@ -1036,7 +1036,7 @@ function Q({
           }
         ),
         I && t.type !== "object" && /* @__PURE__ */ e(
-          T,
+          S,
           {
             variant: "ghost",
             size: "icon",
@@ -1047,7 +1047,7 @@ function Q({
           }
         ),
         /* @__PURE__ */ e(
-          T,
+          S,
           {
             variant: "ghost",
             size: "icon",
@@ -1107,7 +1107,7 @@ function Q({
         property: c.data || t,
         open: c.isOpen,
         onOpenChange: c.setIsOpen,
-        onUpdate: (h) => {
+        onSave: (h) => {
           i(h), c.close();
         },
         isArrayItem: n,
@@ -1123,7 +1123,7 @@ function Q({
         open: g.addChildDialog.isOpen,
         isNewProperty: !0,
         onOpenChange: g.addChildDialog.setIsOpen,
-        onUpdate: g.addChildDialog.confirm,
+        onSave: g.addChildDialog.confirm,
         showRegex: l,
         keyEditable: r
       }
@@ -1211,7 +1211,7 @@ function ut({ schema: t }) {
       /* @__PURE__ */ e("h2", { className: "text-sm font-medium", children: "JSON Schema Output" }),
       /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ e(
-          T,
+          S,
           {
             variant: "outline",
             size: "sm",
@@ -1223,7 +1223,7 @@ function ut({ schema: t }) {
           }
         ),
         /* @__PURE__ */ e(
-          T,
+          S,
           {
             variant: "outline",
             size: "sm",
@@ -1255,7 +1255,7 @@ function ht({
   const [n, l] = O(!1);
   return /* @__PURE__ */ s(ne, { className: "p-4", children: [
     /* @__PURE__ */ s(
-      T,
+      S,
       {
         variant: "ghost",
         onClick: () => l(!n),
@@ -1393,7 +1393,7 @@ const M = (t, i, a = !0) => {
   onChange: i,
   includeMetadata: a = !0
 }) => {
-  const { properties: d, metadata: n } = Te(
+  const { properties: d, metadata: n } = Se(
     () => ft(t),
     [t]
   ), l = d, r = n || {
@@ -1465,7 +1465,7 @@ function gt() {
     const n = localStorage.getItem("theme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
     i(n), document.documentElement.classList.toggle("dark", n === "dark");
   }, []), /* @__PURE__ */ e(
-    T,
+    S,
     {
       variant: "ghost",
       size: "icon",
@@ -1508,8 +1508,8 @@ function It({
     includeMetadata: a
   }), j = ie({
     createInitialData: () => I(),
-    onConfirm: (S) => {
-      b(S.id, S);
+    onConfirm: (T) => {
+      b(T.id, T);
     }
   }), A = () => {
     h();
@@ -1519,7 +1519,7 @@ function It({
   return /* @__PURE__ */ e(it, { customLabels: c, children: /* @__PURE__ */ s("div", { className: `${u} flex flex-col json-schema-builder-react`, children: [
     r && /* @__PURE__ */ e("header", { className: "h-16 border-b flex items-center justify-between px-6", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
       d && /* @__PURE__ */ e(
-        T,
+        S,
         {
           variant: "outline",
           size: "sm",
@@ -1529,7 +1529,7 @@ function It({
         }
       ),
       n && /* @__PURE__ */ e(
-        T,
+        S,
         {
           variant: "outline",
           size: "sm",
@@ -1550,7 +1550,7 @@ function It({
               title: f.title,
               description: f.description,
               version: f.version,
-              onUpdate: (S, R) => L(S, R)
+              onUpdate: (T, R) => L(T, R)
             }
           ),
           g.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
@@ -1566,7 +1566,7 @@ function It({
               o.singular
             ] }),
             /* @__PURE__ */ s(
-              T,
+              S,
               {
                 onClick: () => j.open(),
                 "data-testid": "button-add-first",
@@ -1578,16 +1578,16 @@ function It({
               }
             )
           ] }) : /* @__PURE__ */ s(le, { children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: g.map((S) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: g.map((T) => /* @__PURE__ */ e(
               Q,
               {
-                property: S,
-                onUpdate: (R) => b(S.id, R),
-                onDelete: () => q(S.id),
+                property: T,
+                onUpdate: (R) => b(T.id, R),
+                onDelete: () => q(T.id),
                 showRegex: v,
                 keyEditable: x
               },
-              S.id
+              T.id
             )) }),
             C && /* @__PURE__ */ s("div", { className: "pt-4 border-t flex items-center justify-between text-sm text-muted-foreground", children: [
               /* @__PURE__ */ s("span", { children: [
@@ -1596,14 +1596,14 @@ function It({
                 g.length === 1 ? o.singular : o.plural
               ] }),
               /* @__PURE__ */ s("span", { children: [
-                g.filter((S) => S.required).length,
+                g.filter((T) => T.required).length,
                 " required"
               ] })
             ] })
           ] })
         ] }),
         g.length > 0 && /* @__PURE__ */ e("div", { className: "border-t p-2 pt-4 bg-background", children: /* @__PURE__ */ s(
-          T,
+          S,
           {
             onClick: () => j.open(),
             className: "w-full",
@@ -1627,7 +1627,7 @@ function It({
         isNewProperty: !0,
         onOpenChange: j.setIsOpen,
         propertyLabel: o,
-        onUpdate: j.confirm,
+        onSave: j.confirm,
         showRegex: v,
         keyEditable: x
       }
@@ -1635,6 +1635,8 @@ function It({
   ] }) });
 }
 export {
-  It as JsonSchemaBuilder
+  It as JsonSchemaBuilder,
+  G as PropertyEditDialog,
+  it as TypeLabelsProvider
 };
 //# sourceMappingURL=index.js.map