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

package/dist/index.es19.js

@@ -1,14 +1,69 @@
-import t from "ajv";
-const s = new t({ allErrors: !0 });
-function i(e) {
-  const a = s.getSchema("http://json-schema.org/draft-07/schema#");
-  if (!a?.(e)) {
-    const o = a?.errors?.map((r) => `${r.instancePath} ${r.message}`).join(", ");
-    throw new Error(`Schema validation error: ${o}`);
-  }
+import { jsx as t } from "react/jsx-runtime";
+import { Slot as n } from "./index.es34.js";
+import { cn as a } from "./index.es12.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
+    }
+  );
+}
+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
+    }
+  );
+}
+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, {})
+    }
+  );
 }
 export {
-  s as ajv,
-  i as validateSchema
+  d as Breadcrumb,
+  f as BreadcrumbItem,
+  p as BreadcrumbLink,
+  b as BreadcrumbList,
+  x as BreadcrumbSeparator
 };
 //# sourceMappingURL=index.es19.js.map

package/dist/index.es19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es19.js","sources":["../src/packages/builder/utils.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { faker } from \"@faker-js/faker\";\nimport Ajv from \"ajv\";\n\nimport type { JSONSchema7 } from \"json-schema\";\n\n// Export AJV instance for reuse\nexport const ajv = new Ajv({ allErrors: true });\n\n/**\n * Validates a JSON schema against the JSON Schema Draft 7 specification\n * @param schema Schema to validate\n * @throws Error if the schema is invalid\n */\nexport function validateSchema(schema: JSONSchema7) {\n  const validate = ajv.getSchema(\"http://json-schema.org/draft-07/schema#\");\n  const valid = validate?.(schema);\n\n  if (!valid) {\n    const errorMessages = validate?.errors\n      ?.map((err) => `${err.instancePath} ${err.message}`)\n      .join(\", \");\n\n    throw new Error(`Schema validation error: ${errorMessages}`);\n  }\n}\n\n// Test helpers\nexport const createTestSchema = (overrides = {}): JSONSchema7 => ({\n  $schema: \"http://json-schema.org/draft-07/schema#\",\n  type: \"object\",\n  title: \"Test Schema\",\n  properties: {\n    name: {\n      type: \"string\",\n      title: \"Name\",\n    },\n    age: {\n      type: \"integer\",\n      title: \"Age\",\n    },\n    address: {\n      type: \"object\",\n      title: \"Address\",\n      properties: {\n        street: {\n          type: \"string\",\n          title: \"Street\",\n        },\n        city: {\n          type: \"string\",\n          title: \"City\",\n        },\n      },\n    },\n    tags: {\n      type: \"array\",\n      title: \"Tags\",\n      items: {\n        type: \"string\",\n      },\n    },\n  },\n  required: [\"name\"],\n  ...overrides,\n});\n\ntype SampleDataType =\n  | string\n  | number\n  | boolean\n  | undefined\n  | null\n  | Record<string, any>;\n\n/**\n * Generate sample data for a JSON schema\n * @param schema JSON Schema to generate data for\n * @returns Sample data that conforms to the schema\n */\nexport const generateSampleData = (\n  schema: JSONSchema7,\n): SampleDataType | SampleDataType[] => {\n  if (!schema) return undefined;\n\n  // Handle schema references (not implemented in this basic version)\n  if (schema.$ref) {\n    // In a complete implementation, this would resolve the reference\n    return \"Reference not resolved\";\n  }\n\n  // Handle different types\n  switch (schema.type) {\n    case \"object\":\n      return generateObjectData(schema);\n    case \"array\":\n      return generateArrayData(schema);\n    case \"string\":\n      return generateStringData(schema);\n    case \"number\":\n    case \"integer\":\n      return generateNumberData(schema);\n    case \"boolean\":\n      return generateBooleanData();\n    case \"null\":\n      return null;\n    default:\n      // Handle schemas with multiple types or no type specified\n      if (Array.isArray(schema.type) && schema.type.length > 0) {\n        // Use the first type as default\n        const primaryType = schema.type[0];\n        const newSchema = { ...schema, type: primaryType };\n        return generateSampleData(newSchema);\n      }\n      // If no type is specified, default to object\n      if (schema.properties) {\n        return generateObjectData({ ...schema, type: \"object\" });\n      }\n      // Fall back to a string if we can't determine the type\n      return faker.lorem.word();\n  }\n};\n\n/**\n * Generate sample data for an object schema\n */\nconst generateObjectData = (schema: JSONSchema7): Record<string, any> => {\n  const result: Record<string, any> = {};\n\n  if (!schema.properties) return result;\n\n  // Process each property in the schema\n  Object.entries(schema.properties).forEach(([key, propSchema]) => {\n    // Only include required fields and some random non-required fields\n    const isRequired =\n      Array.isArray(schema.required) && schema.required.includes(key);\n    const includeField = isRequired ?? Math.random() > 0.3; // 70% chance to include non-required fields\n\n    if (includeField && typeof propSchema !== \"boolean\") {\n      // Handle default values\n      if (propSchema.default !== undefined) {\n        result[key] = propSchema.default;\n      } else {\n        result[key] = generateSampleData(propSchema);\n      }\n    }\n  });\n\n  return result;\n};\n\n/**\n * Generate sample data for an array schema\n */\nconst generateArrayData = (schema: JSONSchema7) => {\n  if (!schema.items) return [];\n\n  // Determine array length\n  const minItems = schema.minItems ?? 1;\n  const maxItems = schema.maxItems ?? minItems + 3;\n  const count = faker.number.int({ min: minItems, max: maxItems });\n\n  const result = [];\n  const itemSchema = Array.isArray(schema.items)\n    ? schema.items[0]\n    : schema.items;\n\n  // Generate items\n  if (typeof itemSchema !== \"boolean\" && itemSchema) {\n    for (let i = 0; i < count; i++) {\n      result.push(generateSampleData(itemSchema));\n    }\n  }\n\n  return result;\n};\n\n/**\n * Generate sample data for a string schema\n */\nconst generateStringData = (schema: JSONSchema7): string => {\n  if (schema.enum && Array.isArray(schema.enum)) {\n    // Pick a random value from the enum\n    return schema.enum[\n      Math.floor(Math.random() * schema.enum.length)\n    ] as string;\n  }\n\n  // Handle string formats\n  if (schema.format) {\n    switch (schema.format) {\n      case \"email\":\n        return faker.internet.email();\n      case \"uri\":\n      case \"url\":\n        return faker.internet.url();\n      case \"date\":\n        return faker.date.past().toISOString().split(\"T\")[0]!;\n      case \"date-time\":\n        return faker.date.past().toISOString();\n      case \"uuid\":\n        return faker.string.uuid();\n      case \"hostname\":\n        return faker.internet.domainName();\n      case \"ipv4\":\n        return faker.internet.ip();\n      case \"ipv6\":\n        return faker.internet.ipv6();\n      case \"phone\":\n        return faker.phone.number();\n      default:\n        return faker.lorem.word();\n    }\n  }\n\n  // Handle patterns\n  if (schema.pattern) {\n    try {\n      // Basic implementation for simple patterns\n      // For complex patterns, consider using a library like randexp\n      if (schema.pattern.includes(\"\\\\d\")) {\n        return faker.string.alphanumeric(10);\n      }\n      return faker.lorem.word();\n    } catch {\n      return faker.lorem.word();\n    }\n  }\n\n  // Handle length constraints\n  const minLength = schema.minLength ?? 3;\n  const maxLength = schema.maxLength ?? 12;\n\n  return faker.string.alphanumeric({\n    length: { min: minLength, max: maxLength },\n  });\n};\n\n/**\n * Generate sample data for a number schema\n */\nconst generateNumberData = (schema: JSONSchema7): number => {\n  if (schema.enum && Array.isArray(schema.enum)) {\n    return schema.enum[\n      Math.floor(Math.random() * schema.enum.length)\n    ] as number;\n  }\n\n  const isInteger = schema.type === \"integer\";\n  const minimum =\n    typeof schema.minimum === \"number\" ? schema.minimum : isInteger ? 0 : 0.0;\n  const maximum =\n    typeof schema.maximum === \"number\"\n      ? schema.maximum\n      : isInteger\n        ? 100\n        : 100.0;\n\n  if (isInteger) {\n    return faker.number.int({ min: minimum, max: maximum });\n  }\n\n  return faker.number.float({ min: minimum, max: maximum, fractionDigits: 2 });\n};\n\n/**\n * Generate sample data for a boolean schema\n */\nconst generateBooleanData = (): boolean => {\n  return faker.datatype.boolean();\n};\n"],"names":["ajv","Ajv","validateSchema","schema","validate","errorMessages","err"],"mappings":";AAOO,MAAMA,IAAM,IAAIC,EAAI,EAAE,WAAW,GAAM,CAAA;AAOvC,SAASC,EAAeC,GAAqB;AAC5C,QAAAC,IAAWJ,EAAI,UAAU,yCAAyC;AAGxE,MAAI,CAFUI,IAAWD,CAAM,GAEnB;AACV,UAAME,IAAgBD,GAAU,QAC5B,IAAI,CAACE,MAAQ,GAAGA,EAAI,YAAY,IAAIA,EAAI,OAAO,EAAE,EAClD,KAAK,IAAI;AAEZ,UAAM,IAAI,MAAM,4BAA4BD,CAAa,EAAE;AAAA,EAAA;AAE/D;"}
+{"version":3,"file":"index.es19.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.es2.js

@@ -1,121 +1,162 @@
-import { jsx as v } from "react/jsx-runtime";
-import { createContext as x, useState as y, useContext as C } from "react";
-import { a as O } from "./index.es9.js";
-import { a as m } from "./index.es10.js";
-const q = x(void 0), R = {
-  $schema: "http://json-schema.org/draft-07/schema#",
-  type: "object",
-  title: "title",
-  description: "",
-  properties: {},
-  required: []
-};
-function A({
-  children: c,
-  initialSchema: f
-}) {
-  const [p, n] = y(
-    f ?? R
-  ), [u, l] = y([]);
-  return /* @__PURE__ */ v(q.Provider, { value: { schema: p, setSchema: n, path: u, setPath: l }, children: c });
-}
-function K({
-  onSchemaChange: c
-} = {}) {
-  const f = C(q);
-  if (f === void 0)
-    throw new Error("useSchema must be used within a SchemaProvider");
-  const { path: p, schema: n, setSchema: u } = f, l = (t, e) => {
-    let r = t, i = null, o = null;
-    for (const s of e)
-      r.type === "array" && r.items && !Array.isArray(r.items) && typeof r.items == "object" && r.items.type === "object" && typeof r.items.properties?.[s] == "object" ? (o = r.items, i = r.items.properties[s], r = r.items) : r.type === "object" && r.properties && !Array.isArray(r.properties) && typeof r.properties[s] == "object" && (o = r, i = r.properties[s], r = r.properties[s]);
-    return { propertySchema: i, parentSchema: o };
-  }, a = (t) => {
-    const { propertySchema: e } = l(
-      t ?? n,
-      p
-    );
-    return e ? e.type === "array" ? e.items : e : t ?? n;
-  }, b = () => {
-    const { propertySchema: t } = l(n, p);
-    return t;
-  }, j = (t, e) => {
-    const r = m(n), i = a(r);
-    if (i.properties?.[t]) {
-      const o = Object.entries(i.properties).map(
-        ([s, g]) => [s === t ? e : s, g]
-      );
-      i.properties = Object.fromEntries(
-        o
-      );
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { Input as x } from "./index.es9.js";
+import { InputErrorWrapper as u } from "./index.es10.js";
+import { Label as d } from "./index.es11.js";
+import { cn as p } from "./index.es12.js";
+import { useConstraints as h } from "./index.es8.js";
+import { Button as f } from "./index.es13.js";
+import { Switch as g } from "./index.es14.js";
+import y from "./index.es15.js";
+const b = ({
+  constraintName: n,
+  value: s,
+  onConstraintChange: a,
+  disabled: m,
+  error: r,
+  onRemoveConstraint: o
+}) => {
+  const { getConstraintDefinition: c } = h(), e = c(n);
+  return e ? /* @__PURE__ */ t(
+    u,
+    {
+      errorCode: r?.code,
+      errorDescription: r?.message,
+      showError: !!r,
+      children: /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ t(d, { className: "mb-2", htmlFor: e.name, children: e.name }),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ t(
+            x,
+            {
+              id: e.name,
+              type: "number",
+              value: s,
+              onChange: (l) => a(Number(l.target.value)),
+              disabled: m,
+              min: 0,
+              className: p({ "border-destructive": r })
+            }
+          ),
+          /* @__PURE__ */ t(
+            f,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              onClick: () => o(),
+              children: /* @__PURE__ */ t(y, { className: "size-4" })
+            }
+          )
+        ] }),
+        e.description && /* @__PURE__ */ t("div", { className: "mt-2 text-sm text-gray-500", children: e.description })
+      ] })
     }
-    i.required?.includes(t) && (i.required = i.required.map(
-      (o) => o === t ? e : o
-    )), u(r), c?.(r);
-  }, P = (t, e) => {
-    const r = m(n), i = a(r);
-    typeof e == "object" && "isRequired" in e && (i.type === "object" && (i.required || (i.required = []), e.isRequired ? i.required.includes(t) || i.required.push(t) : i.required = i.required.filter((s) => s !== t)), delete e.isRequired);
-    let o = !1;
-    if (i.type === "object" && i.properties) {
-      const s = i.properties[t];
-      typeof s != "boolean" && s && typeof e != "boolean" && (e.type && e.type !== s.type ? e = {
-        title: s.title,
-        description: s.description,
-        default: s.default,
-        ...e
-      } : e.enum ? (delete e.type, delete e.items, delete e.properties, e = {
-        title: s.title,
-        description: s.description,
-        ...e
-      }) : e = { ...s, ...e }, i.properties[t] = e), o = !0;
+  ) : null;
+}, I = ({
+  constraintName: n,
+  value: s,
+  onConstraintChange: a,
+  disabled: m,
+  error: r,
+  onRemoveConstraint: o
+}) => {
+  const { getConstraintDefinition: c } = h(), e = c(n);
+  return e ? /* @__PURE__ */ t(
+    u,
+    {
+      errorCode: r?.code,
+      errorDescription: r?.message,
+      showError: !!r,
+      children: /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ i("div", { className: "mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ t(d, { htmlFor: e.name, children: e.name }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ t(
+              g,
+              {
+                id: e.name,
+                checked: s,
+                onCheckedChange: (l) => a(l),
+                disabled: m,
+                className: p({ "border-destructive": r })
+              }
+            ),
+            /* @__PURE__ */ t(
+              f,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: () => o(),
+                children: /* @__PURE__ */ t(y, { className: "size-4" })
+              }
+            )
+          ] })
+        ] }),
+        e.description && /* @__PURE__ */ t("div", { className: "mt-2 text-sm text-gray-500", children: e.description })
+      ] })
     }
-    if (u(r), c?.(r), o)
-      return { status: "success", property: i.properties[t] };
-  }, d = (t, e, r) => {
-    const i = m(n), o = a(i);
-    return o.type !== "object" && (o.type = "object"), o.properties || (o.properties = {}), o.properties[t] ? {
-      status: "error",
-      code: "key-exists",
-      message: `Property with key ${t} already exists`
-    } : (e.enum && (delete e.type, delete e.items, delete e.properties), e = Object.fromEntries(
-      Object.entries(e).filter(([, s]) => s !== void 0)
-    ), o.properties[t] = e, r && (o.required || (o.required = []), o.required.includes(t) || o.required.push(t)), u(i), c?.(i), {
-      status: "success",
-      property: o.properties[t]
-    });
-  }, S = (t) => {
-    const e = m(n), r = a(e);
-    r.type === "object" && r.required && (r.required = r.required.filter((i) => i !== t)), r.type === "object" && r.properties && delete r.properties[t], u(e), c?.(e);
-  }, w = (t) => {
-    const e = a().properties;
-    if (!e || O(e) || typeof e[t] == "boolean")
-      return;
-    const r = e[t], i = `${t}_copy`, o = m(r);
-    return d(i, o, h(t));
-  }, h = (t) => {
-    if (p.length) {
-      const { propertySchema: e } = l(n, p);
-      return e?.type === "array" && e.items && typeof e.items != "boolean" && !Array.isArray(e.items) && e.items?.type === "object" ? !!e.items?.required?.includes(t) : !!e?.required?.includes(t);
+  ) : null;
+}, C = b, v = b, N = I, j = {
+  id: "array-constraints",
+  hooks: {
+    registerConstraints() {
+      return [
+        {
+          name: "minItems",
+          label: "Min Items",
+          appliesTo: ["array"],
+          schema: {
+            type: "integer",
+            title: "Minimum Items Constraint",
+            description: "The minimum number of items the array must contain",
+            examples: [1, 2, 5],
+            minimum: 0
+          },
+          description: "Specifies the minimum number of items in the array",
+          defaultValue: 0
+        },
+        {
+          name: "maxItems",
+          label: "Max Items",
+          appliesTo: ["array"],
+          schema: {
+            type: "integer",
+            title: "Maximum Items Constraint",
+            description: "The maximum number of items the array can contain",
+            examples: [10, 20, 100],
+            minimum: 0
+          },
+          description: "Specifies the maximum number of items in the array",
+          defaultValue: 10
+        },
+        {
+          name: "uniqueItems",
+          label: "Unique Items",
+          appliesTo: ["array"],
+          schema: {
+            type: "boolean",
+            title: "Unique Items Constraint",
+            description: "Whether array items must be unique"
+          },
+          description: "When true, all items in the array must be unique",
+          defaultValue: !1
+        }
+      ];
+    },
+    registerRenderers() {
+      return {
+        minItems: C,
+        maxItems: v,
+        uniqueItems: N
+      };
     }
-    return !!n?.required?.includes(t);
-  };
-  return {
-    ...f,
-    getCurrentSchema: a,
-    getCurrentProperty: b,
-    handlePropertyChange: P,
-    handleAddProperty: d,
-    handleKeyChange: j,
-    navigateToCorrectNesting: l,
-    handleDeleteProperty: S,
-    isPropertyRequired: h,
-    getValue: () => n,
-    handleDuplicateProperty: w
-  };
-}
+  }
+};
 export {
-  q as SchemaContext,
-  A as SchemaProvider,
-  K as useSchema
+  v as ArrayMaxItemsRenderer,
+  C as ArrayMinItemsRenderer,
+  N as ArrayUniqueItemsRenderer,
+  j as default
 };
 //# sourceMappingURL=index.es2.js.map

package/dist/index.es2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es2.js","sources":["../src/packages/builder/context.tsx"],"sourcesContent":["import { createContext, useContext, useState } from \"react\";\n\nimport type { PropsWithChildren, SetStateAction } from \"react\";\nimport type { JSONSchema7, JSONSchema7Definition } from \"json-schema\";\nimport { clone, isEmpty } from \"remeda\";\nimport type { OperationError } from \"./shared-types\";\n\ninterface ContextState<T extends JSONSchema7> {\n  schema: T;\n  setSchema: React.Dispatch<T>;\n  path: string[];\n  setPath: React.Dispatch<SetStateAction<string[]>>;\n}\n\nexport const SchemaContext = createContext<\n  ContextState<JSONSchema7> | undefined\n>(undefined);\n\nconst defaultSchema: JSONSchema7 = {\n  $schema: \"http://json-schema.org/draft-07/schema#\",\n  type: \"object\",\n  title: \"title\",\n  description: \"\",\n  properties: {},\n  required: [],\n};\n\nfunction SchemaProvider({\n  children,\n  initialSchema,\n}: PropsWithChildren<{ initialSchema?: JSONSchema7 }>) {\n  const [schema, setSchema] = useState<JSONSchema7>(\n    initialSchema ?? defaultSchema,\n  );\n\n  /**\n   * Path represents the path to a nested property in the schema.\n   * It should only contain property keys.\n   * An empty path means the current schema is the root schema since\n   * the path only represents nested properties.\n   */\n  const [path, setPath] = useState<string[]>([]);\n\n  // NOTE: you *might* need to memoize your values\n  // Learn more in http://kcd.im/optimize-context\n\n  return (\n    <SchemaContext.Provider value={{ schema, setSchema, path, setPath }}>\n      {children}\n    </SchemaContext.Provider>\n  );\n}\n\nexport type PropertyAddError = OperationError & {\n  status: \"error\";\n};\n\nexport interface PropertyAddSuccess {\n  status: \"success\";\n  property: JSONSchema7;\n}\n\nexport interface PropertyChangeSuccess {\n  status: \"success\";\n  property: JSONSchema7Definition;\n}\n\nfunction useSchema({\n  onSchemaChange,\n}: {\n  onSchemaChange?: (schema: JSONSchema7) => void;\n} = {}) {\n  const context = useContext(SchemaContext);\n\n  if (context === undefined) {\n    throw new Error(\"useSchema must be used within a SchemaProvider\");\n  }\n\n  const { path, schema, setSchema } = context;\n\n  /**\n   * Navigates to the correct property schema of the latest key in the provided path.\n   *\n   * It will traverse both \"properties\" and \"items\" to find the correct property schema.\n   *\n   * It will only return a property schema if the provided path is valid i.e. it\n   * correctly follows the schema's nesting structure.\n   *\n   * It will only return a parent schema if the provided path is valid i.e. it\n   * correctly follows the schema's nesting structure.\n   */\n  const navigateToCorrectNesting = (\n    providedSchema: JSONSchema7,\n    providedPath: string[],\n  ) => {\n    let current = providedSchema;\n    let propertySchema: JSONSchema7 | null = null;\n    // Should be the schema of type \"object\" containing the property in its properties key\n    let parentSchema: JSONSchema7 | null = null;\n\n    for (const p of providedPath) {\n      if (\n        current.type === \"array\" &&\n        current.items &&\n        !Array.isArray(current.items) &&\n        typeof current.items === \"object\" &&\n        current.items.type === \"object\" &&\n        typeof current.items.properties?.[p] === \"object\"\n      ) {\n        parentSchema = current.items;\n        propertySchema = current.items.properties[p];\n        current = current.items;\n      } else if (\n        current.type === \"object\" &&\n        current.properties &&\n        !Array.isArray(current.properties) &&\n        typeof current.properties[p] === \"object\"\n      ) {\n        parentSchema = current;\n        propertySchema = current.properties[p];\n        current = current.properties[p];\n      }\n    }\n\n    return { propertySchema, parentSchema };\n  };\n\n  /**\n   * Gets the current schema of the latest key in the path.\n   * If path is empty, it will return the root schema.\n   *\n   * It should always return the \"object\" schema of the current path.\n   */\n  const getCurrentSchema = (initialSchema?: JSONSchema7) => {\n    // Gets the correct object schema if under nesting\n    // Otherwise, return the root schema\n    const { propertySchema } = navigateToCorrectNesting(\n      initialSchema ?? schema,\n      path,\n    );\n\n    if (propertySchema) {\n      if (propertySchema.type === \"array\") {\n        return propertySchema.items as JSONSchema7;\n      }\n\n      return propertySchema;\n    }\n\n    return initialSchema ?? schema;\n  };\n\n  /**\n   * Gets the correct property schema of the latest key in the path.\n   * If no path is provided, it will return null.\n   */\n  const getCurrentProperty = () => {\n    const { propertySchema } = navigateToCorrectNesting(schema, path);\n\n    return propertySchema;\n  };\n\n  /**\n   * Change the key of a property in the schema. It expects\n   * the find the key at the current path.\n   */\n  const handleKeyChange = (key: string, newKey: string) => {\n    const newSchema = clone(schema);\n\n    // The current schema containing the property to change\n    const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n    if (current.properties?.[key]) {\n      //Important: maintain order as to not confuse users\n      const newProperties = Object.entries(current.properties).map(\n        ([k, val]) => {\n          return [k === key ? newKey : k, val];\n        },\n      );\n\n      current.properties = Object.fromEntries(\n        newProperties,\n      ) as JSONSchema7[\"properties\"];\n    }\n\n    if (current.required?.includes(key)) {\n      current.required = current.required.map((item) =>\n        item === key ? newKey : item,\n      );\n    }\n\n    setSchema(newSchema);\n    onSchemaChange?.(newSchema);\n  };\n\n  const handlePropertyChange = (\n    key: string,\n    updates: Partial<JSONSchema7Definition> & { isRequired?: boolean },\n  ): PropertyChangeSuccess | undefined => {\n    const newSchema = clone(schema);\n\n    // The current schema containing the property to change\n    const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n    // Handle required field updates\n    if (typeof updates === \"object\" && \"isRequired\" in updates) {\n      if (current.type === \"object\") {\n        if (!current.required) {\n          current.required = [];\n        }\n        if (updates.isRequired) {\n          if (!current.required.includes(key)) {\n            current.required.push(key);\n          }\n        } else {\n          current.required = current.required.filter((item) => item !== key);\n        }\n      }\n      delete updates.isRequired;\n    }\n\n    let isUpdated = false;\n\n    // Update the property\n    if (current.type === \"object\" && current.properties) {\n      const originalProperty = current.properties[key];\n      // Ensure the property exists and is not a boolean\n      if (typeof originalProperty !== \"boolean\" && originalProperty) {\n        if (typeof updates !== \"boolean\") {\n          //if updates changes the type of the property,\n          //only the  title, description, and default properties should remain\n          //from the original property\n          if (updates.type && updates.type !== originalProperty.type) {\n            updates = {\n              title: originalProperty.title,\n              description: originalProperty.description,\n              default: originalProperty.default,\n              ...updates,\n            };\n          } else if (updates.enum) {\n            //if the property is an enum, only the title and description should remain\n            //from the original property\n            delete updates.type;\n            delete updates.items;\n            delete updates.properties;\n            updates = {\n              title: originalProperty.title,\n              description: originalProperty.description,\n              ...updates,\n            };\n          } else {\n            updates = { ...originalProperty, ...updates };\n          }\n\n          current.properties[key] = updates;\n        }\n      }\n      isUpdated = true;\n    }\n\n    setSchema(newSchema);\n    onSchemaChange?.(newSchema);\n\n    if (isUpdated) {\n      return { status: \"success\", property: current.properties![key]! };\n    }\n  };\n\n  /**\n   * Adds a sibling property to the current schema.\n   */\n  const handleAddProperty = (\n    key: string,\n    propertyToAdd: JSONSchema7,\n    isRequired: boolean,\n  ) => {\n    const newSchema = clone(schema);\n\n    // The current schema containing the property to add\n    const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n    // Ensure the current schema has a properties object\n    if (current.type !== \"object\") {\n      current.type = \"object\";\n    }\n    if (!current.properties) {\n      current.properties = {};\n    }\n\n    //Ensure there's no existing property with the same key\n    if (current.properties[key]) {\n      return {\n        status: \"error\",\n        code: \"key-exists\" as const,\n        message: `Property with key ${key} already exists`,\n      } satisfies PropertyAddError;\n    }\n\n    if (propertyToAdd.enum) {\n      //ensure that only the enum property is present\n      delete propertyToAdd.type;\n      delete propertyToAdd.items;\n      delete propertyToAdd.properties;\n    }\n\n    // Clean the propertyToAdd object ensuring it doesn't contain\n    //keys with undefined values\n    propertyToAdd = Object.fromEntries(\n      Object.entries(propertyToAdd).filter(([, value]) => value !== undefined),\n    );\n\n    // Add the new property\n    current.properties[key] = propertyToAdd;\n\n    // Handle required field\n    if (isRequired) {\n      if (!current.required) {\n        current.required = [];\n      }\n      if (!current.required.includes(key)) {\n        current.required.push(key);\n      }\n    }\n\n    setSchema(newSchema);\n    onSchemaChange?.(newSchema);\n\n    return {\n      status: \"success\" as const,\n      property: current.properties[key],\n    } satisfies PropertyAddSuccess;\n  };\n\n  const handleDeleteProperty = (key: string) => {\n    const newSchema = clone(schema);\n\n    // The current schema containing the property to delete\n    const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n    // Handle required field updates\n    if (current.type === \"object\") {\n      if (current.required) {\n        current.required = current.required.filter((item) => item !== key);\n      }\n    }\n\n    // Delete the property\n    if (current.type === \"object\" && current.properties) {\n      delete current.properties[key];\n    }\n\n    setSchema(newSchema);\n    onSchemaChange?.(newSchema);\n  };\n\n  const handleDuplicateProperty = (key: string) => {\n    const currentProperties = getCurrentSchema().properties;\n    if (\n      !currentProperties ||\n      isEmpty(currentProperties) ||\n      typeof currentProperties[key] === \"boolean\"\n    ) {\n      return;\n    }\n\n    const propertyToDuplicate = currentProperties[key]!;\n    const newKey = `${key}_copy`;\n    const newProperty = clone(propertyToDuplicate);\n\n    // Add the duplicated property\n    return handleAddProperty(newKey, newProperty, isPropertyRequired(key));\n  };\n\n  const isPropertyRequired = (key: string) => {\n    if (path.length) {\n      const { propertySchema } = navigateToCorrectNesting(schema, path);\n\n      if (\n        propertySchema?.type === \"array\" &&\n        propertySchema.items &&\n        typeof propertySchema.items !== \"boolean\" &&\n        !Array.isArray(propertySchema.items) &&\n        propertySchema.items?.type === \"object\"\n      ) {\n        return Boolean(propertySchema.items?.required?.includes(key));\n      } else {\n        return Boolean(propertySchema?.required?.includes(key));\n      }\n    }\n\n    return Boolean(schema?.required?.includes(key));\n  };\n\n  /**\n   * Programatically get the current schema value\n   */\n  const getValue = () => {\n    return schema;\n  };\n\n  return {\n    ...context,\n    getCurrentSchema,\n    getCurrentProperty,\n    handlePropertyChange,\n    handleAddProperty,\n    handleKeyChange,\n    navigateToCorrectNesting,\n    handleDeleteProperty,\n    isPropertyRequired,\n    getValue,\n    handleDuplicateProperty,\n  };\n}\n\nexport { SchemaProvider, useSchema };\n"],"names":["SchemaContext","createContext","defaultSchema","SchemaProvider","children","initialSchema","schema","setSchema","useState","path","setPath","jsx","useSchema","onSchemaChange","context","useContext","navigateToCorrectNesting","providedSchema","providedPath","current","propertySchema","parentSchema","p","getCurrentSchema","getCurrentProperty","handleKeyChange","key","newKey","newSchema","clone","newProperties","k","val","item","handlePropertyChange","updates","isUpdated","originalProperty","handleAddProperty","propertyToAdd","isRequired","value","handleDeleteProperty","handleDuplicateProperty","currentProperties","isEmpty","propertyToDuplicate","newProperty","isPropertyRequired"],"mappings":";;;;AAca,MAAAA,IAAgBC,EAE3B,MAAS,GAELC,IAA6B;AAAA,EACjC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,YAAY,CAAC;AAAA,EACb,UAAU,CAAA;AACZ;AAEA,SAASC,EAAe;AAAA,EACtB,UAAAC;AAAA,EACA,eAAAC;AACF,GAAuD;AAC/C,QAAA,CAACC,GAAQC,CAAS,IAAIC;AAAA,IAC1BH,KAAiBH;AAAA,EACnB,GAQM,CAACO,GAAMC,CAAO,IAAIF,EAAmB,CAAA,CAAE;AAM3C,SAAA,gBAAAG,EAACX,EAAc,UAAd,EAAuB,OAAO,EAAE,QAAAM,GAAQ,WAAAC,GAAW,MAAAE,GAAM,SAAAC,EAAQ,GAC/D,UAAAN,EACH,CAAA;AAEJ;AAgBA,SAASQ,EAAU;AAAA,EACjB,gBAAAC;AACF,IAEI,IAAI;AACA,QAAAC,IAAUC,EAAWf,CAAa;AAExC,MAAIc,MAAY;AACR,UAAA,IAAI,MAAM,gDAAgD;AAGlE,QAAM,EAAE,MAAAL,GAAM,QAAAH,GAAQ,WAAAC,EAAc,IAAAO,GAa9BE,IAA2B,CAC/BC,GACAC,MACG;AACH,QAAIC,IAAUF,GACVG,IAAqC,MAErCC,IAAmC;AAEvC,eAAWC,KAAKJ;AAEZ,MAAAC,EAAQ,SAAS,WACjBA,EAAQ,SACR,CAAC,MAAM,QAAQA,EAAQ,KAAK,KAC5B,OAAOA,EAAQ,SAAU,YACzBA,EAAQ,MAAM,SAAS,YACvB,OAAOA,EAAQ,MAAM,aAAaG,CAAC,KAAM,YAEzCD,IAAeF,EAAQ,OACNC,IAAAD,EAAQ,MAAM,WAAWG,CAAC,GAC3CH,IAAUA,EAAQ,SAElBA,EAAQ,SAAS,YACjBA,EAAQ,cACR,CAAC,MAAM,QAAQA,EAAQ,UAAU,KACjC,OAAOA,EAAQ,WAAWG,CAAC,KAAM,aAElBD,IAAAF,GACEC,IAAAD,EAAQ,WAAWG,CAAC,GAC3BH,IAAAA,EAAQ,WAAWG,CAAC;AAI3B,WAAA,EAAE,gBAAAF,GAAgB,cAAAC,EAAa;AAAA,EACxC,GAQME,IAAmB,CAAClB,MAAgC;AAGlD,UAAA,EAAE,gBAAAe,MAAmBJ;AAAA,MACzBX,KAAiBC;AAAA,MACjBG;AAAA,IACF;AAEA,WAAIW,IACEA,EAAe,SAAS,UACnBA,EAAe,QAGjBA,IAGFf,KAAiBC;AAAA,EAC1B,GAMMkB,IAAqB,MAAM;AAC/B,UAAM,EAAE,gBAAAJ,EAAmB,IAAAJ,EAAyBV,GAAQG,CAAI;AAEzD,WAAAW;AAAA,EACT,GAMMK,IAAkB,CAACC,GAAaC,MAAmB;AACjD,UAAAC,IAAYC,EAAMvB,CAAM,GAGxBa,IAAuBI,EAAiBK,CAAS;AAEnD,QAAAT,EAAQ,aAAaO,CAAG,GAAG;AAE7B,YAAMI,IAAgB,OAAO,QAAQX,EAAQ,UAAU,EAAE;AAAA,QACvD,CAAC,CAACY,GAAGC,CAAG,MACC,CAACD,MAAML,IAAMC,IAASI,GAAGC,CAAG;AAAA,MAEvC;AAEA,MAAAb,EAAQ,aAAa,OAAO;AAAA,QAC1BW;AAAA,MACF;AAAA,IAAA;AAGF,IAAIX,EAAQ,UAAU,SAASO,CAAG,MACxBP,EAAA,WAAWA,EAAQ,SAAS;AAAA,MAAI,CAACc,MACvCA,MAASP,IAAMC,IAASM;AAAA,IAC1B,IAGF1B,EAAUqB,CAAS,GACnBf,IAAiBe,CAAS;AAAA,EAC5B,GAEMM,IAAuB,CAC3BR,GACAS,MACsC;AAChC,UAAAP,IAAYC,EAAMvB,CAAM,GAGxBa,IAAuBI,EAAiBK,CAAS;AAGvD,IAAI,OAAOO,KAAY,YAAY,gBAAgBA,MAC7ChB,EAAQ,SAAS,aACdA,EAAQ,aACXA,EAAQ,WAAW,CAAC,IAElBgB,EAAQ,aACLhB,EAAQ,SAAS,SAASO,CAAG,KACxBP,EAAA,SAAS,KAAKO,CAAG,IAG3BP,EAAQ,WAAWA,EAAQ,SAAS,OAAO,CAACc,MAASA,MAASP,CAAG,IAGrE,OAAOS,EAAQ;AAGjB,QAAIC,IAAY;AAGhB,QAAIjB,EAAQ,SAAS,YAAYA,EAAQ,YAAY;AAC7C,YAAAkB,IAAmBlB,EAAQ,WAAWO,CAAG;AAE3C,MAAA,OAAOW,KAAqB,aAAaA,KACvC,OAAOF,KAAY,cAIjBA,EAAQ,QAAQA,EAAQ,SAASE,EAAiB,OAC1CF,IAAA;AAAA,QACR,OAAOE,EAAiB;AAAA,QACxB,aAAaA,EAAiB;AAAA,QAC9B,SAASA,EAAiB;AAAA,QAC1B,GAAGF;AAAA,MACL,IACSA,EAAQ,QAGjB,OAAOA,EAAQ,MACf,OAAOA,EAAQ,OACf,OAAOA,EAAQ,YACLA,IAAA;AAAA,QACR,OAAOE,EAAiB;AAAA,QACxB,aAAaA,EAAiB;AAAA,QAC9B,GAAGF;AAAA,MACL,KAEAA,IAAU,EAAE,GAAGE,GAAkB,GAAGF,EAAQ,GAGtChB,EAAA,WAAWO,CAAG,IAAIS,IAGlBC,IAAA;AAAA,IAAA;AAMd,QAHA7B,EAAUqB,CAAS,GACnBf,IAAiBe,CAAS,GAEtBQ;AACF,aAAO,EAAE,QAAQ,WAAW,UAAUjB,EAAQ,WAAYO,CAAG,EAAG;AAAA,EAEpE,GAKMY,IAAoB,CACxBZ,GACAa,GACAC,MACG;AACG,UAAAZ,IAAYC,EAAMvB,CAAM,GAGxBa,IAAuBI,EAAiBK,CAAS;AAWnD,WARAT,EAAQ,SAAS,aACnBA,EAAQ,OAAO,WAEZA,EAAQ,eACXA,EAAQ,aAAa,CAAC,IAIpBA,EAAQ,WAAWO,CAAG,IACjB;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS,qBAAqBA,CAAG;AAAA,IACnC,KAGEa,EAAc,SAEhB,OAAOA,EAAc,MACrB,OAAOA,EAAc,OACrB,OAAOA,EAAc,aAKvBA,IAAgB,OAAO;AAAA,MACrB,OAAO,QAAQA,CAAa,EAAE,OAAO,CAAC,GAAGE,CAAK,MAAMA,MAAU,MAAS;AAAA,IACzE,GAGQtB,EAAA,WAAWO,CAAG,IAAIa,GAGtBC,MACGrB,EAAQ,aACXA,EAAQ,WAAW,CAAC,IAEjBA,EAAQ,SAAS,SAASO,CAAG,KACxBP,EAAA,SAAS,KAAKO,CAAG,IAI7BnB,EAAUqB,CAAS,GACnBf,IAAiBe,CAAS,GAEnB;AAAA,MACL,QAAQ;AAAA,MACR,UAAUT,EAAQ,WAAWO,CAAG;AAAA,IAClC;AAAA,EACF,GAEMgB,IAAuB,CAAChB,MAAgB;AACtC,UAAAE,IAAYC,EAAMvB,CAAM,GAGxBa,IAAuBI,EAAiBK,CAAS;AAGnD,IAAAT,EAAQ,SAAS,YACfA,EAAQ,aACVA,EAAQ,WAAWA,EAAQ,SAAS,OAAO,CAACc,MAASA,MAASP,CAAG,IAKjEP,EAAQ,SAAS,YAAYA,EAAQ,cAChC,OAAAA,EAAQ,WAAWO,CAAG,GAG/BnB,EAAUqB,CAAS,GACnBf,IAAiBe,CAAS;AAAA,EAC5B,GAEMe,IAA0B,CAACjB,MAAgB;AACzC,UAAAkB,IAAoBrB,IAAmB;AAE3C,QAAA,CAACqB,KACDC,EAAQD,CAAiB,KACzB,OAAOA,EAAkBlB,CAAG,KAAM;AAElC;AAGI,UAAAoB,IAAsBF,EAAkBlB,CAAG,GAC3CC,IAAS,GAAGD,CAAG,SACfqB,IAAclB,EAAMiB,CAAmB;AAG7C,WAAOR,EAAkBX,GAAQoB,GAAaC,EAAmBtB,CAAG,CAAC;AAAA,EACvE,GAEMsB,IAAqB,CAACtB,MAAgB;AAC1C,QAAIjB,EAAK,QAAQ;AACf,YAAM,EAAE,gBAAAW,EAAmB,IAAAJ,EAAyBV,GAAQG,CAAI;AAEhE,aACEW,GAAgB,SAAS,WACzBA,EAAe,SACf,OAAOA,EAAe,SAAU,aAChC,CAAC,MAAM,QAAQA,EAAe,KAAK,KACnCA,EAAe,OAAO,SAAS,WAExB,EAAQA,EAAe,OAAO,UAAU,SAASM,CAAG,IAEpD,EAAQN,GAAgB,UAAU,SAASM,CAAG;AAAA,IACvD;AAGF,WAAO,EAAQpB,GAAQ,UAAU,SAASoB,CAAG;AAAA,EAC/C;AASO,SAAA;AAAA,IACL,GAAGZ;AAAA,IACH,kBAAAS;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAU;AAAA,IACA,mBAAAI;AAAA,IACA,iBAAAb;AAAA,IACA,0BAAAT;AAAA,IACA,sBAAA0B;AAAA,IACA,oBAAAM;AAAA,IACA,UAde,MACR1C;AAAA,IAcP,yBAAAqC;AAAA,EACF;AACF;"}
+{"version":3,"file":"index.es2.js","sources":["../src/packages/plugins/array.tsx"],"sourcesContent":["import { Input } from \"@/components/ui/input\";\nimport { InputErrorWrapper } from \"@/components/input-error\";\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  BaseJSONSchemaPlugin,\n  ConstraintRendererProps,\n  useConstraints,\n} from \"@/packages/constraints/context\";\nimport { Button } from \"@/components/ui/button\";\nimport { X } from \"lucide-react\";\nimport { Switch } from \"@/components/ui/switch\";\n\n// Generic numeric constraint renderer for arrays (minItems, maxItems)\nconst ArrayNumberConstraintRenderer = ({\n  constraintName,\n  value,\n  onConstraintChange,\n  disabled,\n  error,\n  onRemoveConstraint,\n}: ConstraintRendererProps<number> & { disabled?: boolean }) => {\n  const { getConstraintDefinition } = useConstraints();\n  const constraintDef = getConstraintDefinition(constraintName);\n\n  if (!constraintDef) {\n    return null;\n  }\n\n  return (\n    <InputErrorWrapper\n      errorCode={error?.code}\n      errorDescription={error?.message}\n      showError={!!error}\n    >\n      <div>\n        <Label className=\"mb-2\" htmlFor={constraintDef.name}>\n          {constraintDef.name}\n        </Label>\n        <div className=\"flex items-center gap-2\">\n          <Input\n            id={constraintDef.name}\n            type=\"number\"\n            value={value}\n            onChange={(e) => onConstraintChange(Number(e.target.value))}\n            disabled={disabled}\n            min={0}\n            className={cn({ \"border-destructive\": error })}\n          />\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={() => onRemoveConstraint()}\n          >\n            <X className=\"size-4\" />\n          </Button>\n        </div>\n        {constraintDef.description && (\n          <div className=\"mt-2 text-sm text-gray-500\">\n            {constraintDef.description}\n          </div>\n        )}\n      </div>\n    </InputErrorWrapper>\n  );\n};\n\n// Boolean constraint renderer for uniqueItems\nconst ArrayBooleanConstraintRenderer = ({\n  constraintName,\n  value,\n  onConstraintChange,\n  disabled,\n  error,\n  onRemoveConstraint,\n}: ConstraintRendererProps<boolean> & { disabled?: boolean }) => {\n  const { getConstraintDefinition } = useConstraints();\n  const constraintDef = getConstraintDefinition(constraintName);\n\n  if (!constraintDef) {\n    return null;\n  }\n\n  return (\n    <InputErrorWrapper\n      errorCode={error?.code}\n      errorDescription={error?.message}\n      showError={!!error}\n    >\n      <div>\n        <div className=\"mb-2 flex items-center justify-between\">\n          <Label htmlFor={constraintDef.name}>{constraintDef.name}</Label>\n          <div className=\"flex items-center gap-2\">\n            <Switch\n              id={constraintDef.name}\n              checked={value}\n              onCheckedChange={(checked) => onConstraintChange(checked)}\n              disabled={disabled}\n              className={cn({ \"border-destructive\": error })}\n            />\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={() => onRemoveConstraint()}\n            >\n              <X className=\"size-4\" />\n            </Button>\n          </div>\n        </div>\n        {constraintDef.description && (\n          <div className=\"mt-2 text-sm text-gray-500\">\n            {constraintDef.description}\n          </div>\n        )}\n      </div>\n    </InputErrorWrapper>\n  );\n};\n\n// Export the renderers\nexport const ArrayMinItemsRenderer = ArrayNumberConstraintRenderer;\nexport const ArrayMaxItemsRenderer = ArrayNumberConstraintRenderer;\nexport const ArrayUniqueItemsRenderer = ArrayBooleanConstraintRenderer;\n\nconst plugin: BaseJSONSchemaPlugin = {\n  id: \"array-constraints\",\n  hooks: {\n    registerConstraints() {\n      return [\n        {\n          name: \"minItems\",\n          label: \"Min Items\",\n          appliesTo: [\"array\"],\n          schema: {\n            type: \"integer\",\n            title: \"Minimum Items Constraint\",\n            description: \"The minimum number of items the array must contain\",\n            examples: [1, 2, 5],\n            minimum: 0,\n          },\n          description: \"Specifies the minimum number of items in the array\",\n          defaultValue: 0,\n        },\n        {\n          name: \"maxItems\",\n          label: \"Max Items\",\n          appliesTo: [\"array\"],\n          schema: {\n            type: \"integer\",\n            title: \"Maximum Items Constraint\",\n            description: \"The maximum number of items the array can contain\",\n            examples: [10, 20, 100],\n            minimum: 0,\n          },\n          description: \"Specifies the maximum number of items in the array\",\n          defaultValue: 10,\n        },\n        {\n          name: \"uniqueItems\",\n          label: \"Unique Items\",\n          appliesTo: [\"array\"],\n          schema: {\n            type: \"boolean\",\n            title: \"Unique Items Constraint\",\n            description: \"Whether array items must be unique\",\n          },\n          description: \"When true, all items in the array must be unique\",\n          defaultValue: false,\n        },\n      ];\n    },\n    registerRenderers() {\n      return {\n        minItems: ArrayMinItemsRenderer,\n        maxItems: ArrayMaxItemsRenderer,\n        uniqueItems: ArrayUniqueItemsRenderer,\n      };\n    },\n  },\n};\n\nexport default plugin;\n"],"names":["ArrayNumberConstraintRenderer","constraintName","value","onConstraintChange","disabled","error","onRemoveConstraint","getConstraintDefinition","useConstraints","constraintDef","jsx","InputErrorWrapper","Label","jsxs","Input","e","cn","Button","X","ArrayBooleanConstraintRenderer","Switch","checked","ArrayMinItemsRenderer","ArrayMaxItemsRenderer","ArrayUniqueItemsRenderer","plugin"],"mappings":"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"}

package/dist/index.es20.js

@@ -1,26 +1,138 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as c, useState as i, useEffect as d } from "react";
-import { useDebounce as l } from "./index.es48.js";
-import { Input as b } from "./index.es28.js";
-const I = c(({ onDebounce: u, type: n, delay: r = 200, value: t, ...a }, p) => {
-  const [o, s] = i(t), [e] = l(o, r);
-  return d(() => {
-    typeof e == "string" && e !== t && u?.(e);
-  }, [e]), /* @__PURE__ */ m(
-    b,
-    {
-      ...a,
-      type: n,
-      value: o,
-      ref: p,
-      onChange: (f) => {
-        s(f.target.value);
-      }
-    }
-  );
+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
 });
-I.displayName = "DebouncedInput";
+function et({
+  open: p,
+  onOpenChange: f,
+  onSubmit: h,
+  property: i,
+  propertyKey: g
+}) {
+  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 {
-  I as DebouncedInput
+  et as EditPropertyDialog
 };
 //# sourceMappingURL=index.es20.js.map