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

package/dist/index.es19.js

@@ -1,14 +1,26 @@
-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 m } from "react/jsx-runtime";
+import { forwardRef as c, useState as i, useEffect as d } from "react";
+import { useDebounce as l } from "./index.es47.js";
+import { Input as b } from "./index.es27.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);
+      }
+    }
+  );
+});
+I.displayName = "DebouncedInput";
 export {
-  s as ajv,
-  i as validateSchema
+  I as DebouncedInput
 };
 //# 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/depounced-input.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect } from \"react\";\nimport { useDebounce } from \"use-debounce\";\nimport { Input } from \"@/components/ui/input\";\n\nexport const DebouncedInput = forwardRef<\n  HTMLInputElement,\n  React.ComponentProps<\"input\"> & {\n    onDebounce?: (newVal: string) => void;\n    delay?: number;\n  }\n>(({ onDebounce, type, delay = 200, value, ...props }, ref) => {\n  const [inputValue, setInputValue] = useState(value);\n\n  const [debouncedValue] = useDebounce(inputValue, delay);\n\n  useEffect(() => {\n    //prevents the initial value from being sent\n    if (typeof debouncedValue === \"string\" && debouncedValue !== value) {\n      onDebounce?.(debouncedValue);\n    }\n  }, [debouncedValue]);\n\n  return (\n    <Input\n      {...props}\n      type={type}\n      value={inputValue}\n      ref={ref}\n      onChange={(e) => {\n        setInputValue(e.target.value);\n      }}\n    />\n  );\n});\nDebouncedInput.displayName = \"DebouncedInput\";\n"],"names":["DebouncedInput","forwardRef","onDebounce","type","delay","value","props","ref","inputValue","setInputValue","useState","debouncedValue","useDebounce","useEffect","jsx","Input","e"],"mappings":";;;;AAIO,MAAMA,IAAiBC,EAM5B,CAAC,EAAE,YAAAC,GAAY,MAAAC,GAAM,OAAAC,IAAQ,KAAK,OAAAC,GAAO,GAAGC,EAAM,GAAGC,MAAQ;AAC7D,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASL,CAAK,GAE5C,CAACM,CAAc,IAAIC,EAAYJ,GAAYJ,CAAK;AAEtD,SAAAS,EAAU,MAAM;AAEd,IAAI,OAAOF,KAAmB,YAAYA,MAAmBN,KAC3DH,IAAaS,CAAc;AAAA,EAC7B,GACC,CAACA,CAAc,CAAC,GAGjB,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,MAAAH;AAAA,MACA,OAAOK;AAAA,MACP,KAAAD;AAAA,MACA,UAAU,CAACS,MAAM;AACD,QAAAP,EAAAO,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAC9B;AAAA,EACF;AAEJ,CAAC;AACDhB,EAAe,cAAc;"}

package/dist/index.es2.js

@@ -1,6 +1,6 @@
-import { j as y } from "./index.es9.js";
+import { jsx as y } from "react/jsx-runtime";
 import { createContext as q, useState as m, useContext as b } from "react";
-import { a as f } from "./index.es10.js";
+import { a as f } from "./index.es9.js";
 const d = q(void 0), j = {
   $schema: "http://json-schema.org/draft-07/schema#",
   type: "object",
@@ -16,9 +16,9 @@ function B({
   const [n, a] = m(
     c ?? j
   ), [u, p] = m([]);
-  return /* @__PURE__ */ y.jsx(d.Provider, { value: { schema: n, setSchema: a, path: u, setPath: p }, children: l });
+  return /* @__PURE__ */ y(d.Provider, { value: { schema: n, setSchema: a, path: u, setPath: p }, children: l });
 }
-function E() {
+function D() {
   const l = b(d);
   if (l === void 0)
     throw new Error("useSchema must be used within a SchemaProvider");
@@ -103,6 +103,6 @@ function E() {
 export {
   d as SchemaContext,
   B as SchemaProvider,
-  E as useSchema
+  D as useSchema
 };
 //# 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 } 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  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  };\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\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    // 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\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  };\n\n  //   const handleDuplicateProperty = (key: string) => {\n  //     const currentProperties = getCurrentSchema().properties;\n  //     if (!currentProperties || typeof currentProperties[key] === \"boolean\") {\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  //     const result = handleAddProperty(\n  //       newKey,\n  //       newProperty,\n  //       isPropertyRequired(key),\n  //     );\n\n  //     // Notify if needed\n  //     if (result.status === \"error\") {\n  //       props.onPropertyAddError?.(result);\n  //     } else {\n  //       props.onPropertyAddSuccess?.(result);\n  //     }\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  return {\n    ...context,\n    getCurrentSchema,\n    getCurrentProperty,\n    handlePropertyChange,\n    handleAddProperty,\n    handleKeyChange,\n    navigateToCorrectNesting,\n    handleDeleteProperty,\n    isPropertyRequired,\n  };\n}\n\nexport { SchemaProvider, useSchema };\n"],"names":["SchemaContext","createContext","defaultSchema","SchemaProvider","children","initialSchema","schema","setSchema","useState","path","setPath","jsx","useSchema","context","useContext","navigateToCorrectNesting","providedSchema","providedPath","current","propertySchema","parentSchema","p","getCurrentSchema","key","updates","newSchema","clone","item","isUpdated","originalProperty","propertyToAdd","isRequired","newKey","newProperties","k","val"],"mappings":"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"}
+{"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 } 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  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  };\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\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    // 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\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  };\n\n  //   const handleDuplicateProperty = (key: string) => {\n  //     const currentProperties = getCurrentSchema().properties;\n  //     if (!currentProperties || typeof currentProperties[key] === \"boolean\") {\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  //     const result = handleAddProperty(\n  //       newKey,\n  //       newProperty,\n  //       isPropertyRequired(key),\n  //     );\n\n  //     // Notify if needed\n  //     if (result.status === \"error\") {\n  //       props.onPropertyAddError?.(result);\n  //     } else {\n  //       props.onPropertyAddSuccess?.(result);\n  //     }\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  return {\n    ...context,\n    getCurrentSchema,\n    getCurrentProperty,\n    handlePropertyChange,\n    handleAddProperty,\n    handleKeyChange,\n    navigateToCorrectNesting,\n    handleDeleteProperty,\n    isPropertyRequired,\n  };\n}\n\nexport { SchemaProvider, useSchema };\n"],"names":["SchemaContext","createContext","defaultSchema","SchemaProvider","children","initialSchema","schema","setSchema","useState","path","setPath","jsx","useSchema","context","useContext","navigateToCorrectNesting","providedSchema","providedPath","current","propertySchema","parentSchema","p","getCurrentSchema","key","updates","newSchema","clone","item","isUpdated","originalProperty","propertyToAdd","isRequired","newKey","newProperties","k","val"],"mappings":"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"}

package/dist/index.es20.js

@@ -1,26 +1,428 @@
-import { j as m } from "./index.es9.js";
-import { forwardRef as i, useState as c, useEffect as d } from "react";
-import { useDebounce as l } from "./index.es52.js";
-import { Input as b } from "./index.es28.js";
-const x = i(({ onDebounce: u, type: n, delay: r = 200, value: t, ...s }, a) => {
-  const [o, p] = c(t), [e] = l(o, r);
-  return d(() => {
-    typeof e == "string" && e !== t && u?.(e);
-  }, [e]), /* @__PURE__ */ m.jsx(
-    b,
-    {
-      ...s,
-      type: n,
-      value: o,
-      ref: a,
-      onChange: (f) => {
-        p(f.target.value);
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Button as x } from "./index.es10.js";
+import { zodResolver as K } from "./index.es39.js";
+import { Dialog as M, DialogContent as _, DialogHeader as B, DialogTitle as H, DialogDescription as J, DialogFooter as G } from "./index.es36.js";
+import { Input as O } from "./index.es27.js";
+import { Label as Q } from "./index.es14.js";
+import { Select as A, SelectTrigger as j, SelectValue as F, SelectContent as N, SelectItem as s } from "./index.es13.js";
+import { Switch as U } from "./index.es12.js";
+import { DebouncedInput as V } from "./index.es19.js";
+import { a as f } from "./index.es9.js";
+import W from "./index.es41.js";
+import { useConstraints as X } from "./index.es4.js";
+import Y from "./index.es37.js";
+import { Separator as Z } from "./index.es38.js";
+import { z as t } from "zod";
+import { useForm as ee } from "react-hook-form";
+import { Form as re, FormField as u, FormItem as d, FormLabel as p, FormControl as h, FormMessage as y } from "./index.es40.js";
+const g = t.enum([
+  "string",
+  "number",
+  "integer",
+  "boolean",
+  "object",
+  "array",
+  "null"
+]), ne = t.object({
+  key: t.string().trim().min(1, { message: "Key must be at least 1 character long" }),
+  property: t.object({
+    title: t.string().trim().min(1, { message: "Title must be at least 1 character long" }),
+    type: g.or(t.array(g)),
+    description: t.string().optional(),
+    enum: t.array(
+      t.string().or(t.number()).or(t.null()).or(t.boolean()).or(t.record(t.string(), t.any()))
+    ).optional(),
+    items: t.object({
+      type: g.or(t.array(g))
+    }).or(
+      t.array(
+        t.object({ type: g.or(t.array(g)) }).or(t.boolean())
+      )
+    ).or(t.boolean()).optional()
+  }),
+  required: t.boolean().default(!1),
+  constraints: t.array(
+    t.custom(() => ({
+      name: t.string().trim().min(1),
+      value: t.any()
+    }))
+  ).optional()
+});
+function Ce({
+  open: T,
+  onOpenChange: E,
+  onSubmit: R
+}) {
+  const n = ee({
+    resolver: K(ne),
+    defaultValues: {
+      key: "",
+      property: {
+        title: ""
       }
     }
+  }), v = n.watch("constraints"), C = n.watch("property"), I = n.watch("property.enum"), w = n.watch("property.type"), {
+    getConstraintDefinitionsForType: k,
+    getRendererForConstraint: q,
+    validateConstraintValue: P
+  } = X(), $ = (r) => {
+    const { key: o, property: a, required: l, constraints: c } = r, m = {
+      ...a,
+      ...c?.reduce((b, D) => ({
+        ...b,
+        [D.name]: D.value
+      }), {})
+    };
+    R(o, m, l), n.reset();
+  }, z = (r, o) => {
+    const a = f(v), l = a?.[r];
+    if (!l) {
+      n.setError(`constraints.${r}`, {
+        message: "The constraint was not found",
+        type: "constraint_not_found"
+      });
+      return;
+    }
+    const c = P(
+      l.name,
+      o
+    );
+    if (c.status === "error") {
+      let m = c.message;
+      c.code === "invalid" && (m = `${m}: ${c.error?.map((b) => b.message).join(", ")}`), n.setError(`constraints.${r}`, {
+        type: c.code,
+        message: m
+      });
+      return;
+    }
+    l.value = o, n.setValue("constraints", a), n.clearErrors(`constraints.${r}`);
+  }, L = (r) => {
+    if (!v) return;
+    const a = f(v).filter((l) => l.name !== r);
+    n.setValue("constraints", a);
+  }, S = k(
+    typeof C?.type == "string" ? C.type : ""
   );
-});
-x.displayName = "DebouncedInput";
+  return /* @__PURE__ */ e(M, { open: T, onOpenChange: E, children: /* @__PURE__ */ i(_, { "data-testid": "add-property-dialog", children: [
+    /* @__PURE__ */ i(B, { children: [
+      /* @__PURE__ */ e(H, { children: "Add" }),
+      /* @__PURE__ */ e(J, { children: "Required property values and constraints" })
+    ] }),
+    /* @__PURE__ */ e(re, { ...n, children: /* @__PURE__ */ i(
+      "form",
+      {
+        onSubmit: n.handleSubmit($),
+        className: "space-y-4",
+        "data-testid": "add-property-form",
+        children: [
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
+            u,
+            {
+              control: n.control,
+              name: "key",
+              render: ({ field: r }) => {
+                const { onChange: o, ...a } = r;
+                return /* @__PURE__ */ i(d, { children: [
+                  /* @__PURE__ */ e(p, { children: "Property Key" }),
+                  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+                    V,
+                    {
+                      ...a,
+                      onDebounce: (l) => o(l)
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(y, {})
+                ] });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
+            u,
+            {
+              control: n.control,
+              name: "property.title",
+              render: ({ field: r }) => {
+                const { onChange: o, ...a } = r;
+                return /* @__PURE__ */ i(d, { children: [
+                  /* @__PURE__ */ e(p, { children: "Property Title" }),
+                  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+                    V,
+                    {
+                      ...a,
+                      onDebounce: (l) => o(l)
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(y, {})
+                ] });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
+            u,
+            {
+              control: n.control,
+              name: "property.type",
+              render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
+                /* @__PURE__ */ e(p, { children: "Type" }),
+                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ i(
+                  A,
+                  {
+                    value: Array.isArray(r.value) ? void 0 : r.value,
+                    onValueChange: (o) => {
+                      o === "enum" ? n.setValue("property.enum", []) : n.setValue("property.enum", void 0), r.value === "array" && o !== "array" && (n.clearErrors("property.items"), n.setValue("property.items", void 0)), r.onChange(o);
+                    },
+                    children: [
+                      /* @__PURE__ */ e(
+                        j,
+                        {
+                          className: "w-full",
+                          "aria-label": "Select type",
+                          children: /* @__PURE__ */ e(F, {})
+                        }
+                      ),
+                      /* @__PURE__ */ i(N, { children: [
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "string",
+                            children: "string"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "number",
+                            children: "number"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "integer",
+                            children: "integer"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "boolean",
+                            children: "boolean"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "object",
+                            children: "object"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "array",
+                            children: "array"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "null",
+                            children: "null"
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ e(y, {})
+              ] })
+            }
+          ) }),
+          w === "array" && /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
+            u,
+            {
+              control: n.control,
+              name: "property.items.type",
+              render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
+                /* @__PURE__ */ e(p, { children: "Items of type" }),
+                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ i(
+                  A,
+                  {
+                    value: Array.isArray(r.value) ? void 0 : r.value,
+                    onValueChange: (o) => {
+                      n.clearErrors("property.items.type"), n.setValue(
+                        "property.items.type",
+                        o
+                      );
+                    },
+                    children: [
+                      /* @__PURE__ */ e(
+                        j,
+                        {
+                          className: "w-full",
+                          "aria-label": "Select items of type",
+                          children: /* @__PURE__ */ e(F, { placeholder: "Select item type" })
+                        }
+                      ),
+                      /* @__PURE__ */ i(N, { children: [
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "string",
+                            children: "string"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "number",
+                            children: "number"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "integer",
+                            children: "integer"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "boolean",
+                            children: "boolean"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "object",
+                            children: "object"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "array",
+                            children: "array"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            value: "null",
+                            children: "null"
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ e(y, {})
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e(
+            u,
+            {
+              control: n.control,
+              name: "required",
+              render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
+                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+                  U,
+                  {
+                    checked: r.value,
+                    onCheckedChange: (o) => r.onChange(o)
+                  }
+                ) }),
+                /* @__PURE__ */ e(p, { children: "Required" }),
+                /* @__PURE__ */ e(y, {})
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
+            u,
+            {
+              control: n.control,
+              name: "property.description",
+              render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
+                /* @__PURE__ */ e(p, { children: "Description" }),
+                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(O, { ...r }) }),
+                /* @__PURE__ */ e(y, {})
+              ] })
+            }
+          ) }),
+          I ? /* @__PURE__ */ e(
+            u,
+            {
+              control: n.control,
+              name: "property.enum",
+              render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
+                /* @__PURE__ */ e(p, { children: "Enum" }),
+                /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+                  W,
+                  {
+                    values: r.value?.filter((o) => typeof o == "string") ?? [],
+                    onAddValue: (o) => {
+                      const a = [];
+                      r.value && a.push(...r.value), a.push(o), r.onChange(a);
+                    },
+                    onRemoveValue: (o) => {
+                      const a = f(r.value ?? []);
+                      a.splice(o, 1), r.onChange(a);
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ e(y, {})
+              ] })
+            }
+          ) : null,
+          S.length ? /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(Q, { children: "Constraints" }),
+            /* @__PURE__ */ e(
+              Y,
+              {
+                addedConstraints: v ?? [],
+                availableDefinitions: S,
+                onAdd: (r) => {
+                  n.setValue("constraints", r);
+                }
+              }
+            ),
+            /* @__PURE__ */ e(Z, {}),
+            v?.map((r, o) => {
+              const a = q(r.name);
+              if (!a) return null;
+              const l = n.formState.errors.constraints?.[o];
+              let c;
+              return l && (c = {
+                code: l?.type ?? "INVALID",
+                message: l.message ?? "An error occurred"
+              }), /* @__PURE__ */ e(
+                a,
+                {
+                  constraintName: r.name,
+                  value: r.value,
+                  onConstraintChange: (m) => {
+                    z(o, m);
+                  },
+                  onRemoveConstraint: () => {
+                    L(r.name);
+                  },
+                  error: c
+                },
+                r.name
+              );
+            })
+          ] }) : null,
+          /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(x, { type: "submit", children: "Add Property" }) })
+        ]
+      }
+    ) })
+  ] }) });
+}
 export {
-  x as DebouncedInput
+  ne as AddFormSchema,
+  Ce as AddPropertyDialog
 };
 //# sourceMappingURL=index.es20.js.map