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

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.es10.js";
+import { InputErrorWrapper as u } from "./index.es11.js";
+import { Label as d } from "./index.es12.js";
+import { cn as p } from "./index.es13.js";
+import { useConstraints as h } from "./index.es8.js";
+import { Button as f } from "./index.es14.js";
+import { Switch as g } from "./index.es15.js";
+import y from "./index.es16.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":"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"}
+{"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,69 @@
-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,
+import { jsx as t } from "react/jsx-runtime";
+import { Slot as n } from "./index.es35.js";
+import { cn as a } from "./index.es13.js";
+import m from "./index.es30.js";
+function d({ ...r }) {
+  return /* @__PURE__ */ t("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
+}
+function b({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "ol",
     {
-      ...a,
-      type: n,
-      value: o,
-      ref: p,
-      onChange: (f) => {
-        s(f.target.value);
-      }
+      "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
     }
   );
-});
-I.displayName = "DebouncedInput";
+}
+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 {
-  I as DebouncedInput
+  d as Breadcrumb,
+  f as BreadcrumbItem,
+  p as BreadcrumbLink,
+  b as BreadcrumbList,
+  x as BreadcrumbSeparator
 };
 //# sourceMappingURL=index.es20.js.map

package/dist/index.es20.js.map

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