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

package/dist/index.es5.js

@@ -1,106 +1,252 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { Input as C } from "./index.es28.js";
-import { InputErrorWrapper as l } from "./index.es29.js";
-import { Label as p } from "./index.es15.js";
-import { cn as h } from "./index.es22.js";
-import { useConstraints as u } from "./index.es4.js";
-import { Button as f } from "./index.es11.js";
-import { Switch as N } from "./index.es13.js";
-import g from "./index.es30.js";
-const v = ({
-  constraintName: i,
-  value: s,
-  onConstraintChange: o,
-  disabled: a,
-  error: t,
-  onRemoveConstraint: c
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Input as b } from "./index.es9.js";
+import { InputErrorWrapper as u } from "./index.es10.js";
+import { Label as h } from "./index.es11.js";
+import { cn as p } from "./index.es12.js";
+import { useConstraints as g } from "./index.es8.js";
+import { Button as f } from "./index.es13.js";
+import { Select as C, SelectTrigger as N, SelectValue as R, SelectContent as y, SelectItem as D } from "./index.es16.js";
+import v from "./index.es15.js";
+const x = ({
+  constraintName: r,
+  value: a,
+  onConstraintChange: s,
+  disabled: l,
+  error: n,
+  onRemoveConstraint: o
 }) => {
-  const { getConstraintDefinition: m } = u(), e = m(i);
-  return e ? /* @__PURE__ */ r(
-    l,
+  const { getConstraintDefinition: m } = g(), t = m(r);
+  return t ? /* @__PURE__ */ e(
+    u,
     {
-      errorCode: t?.code,
-      errorDescription: t?.message,
-      showError: !!t,
-      children: /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ r(p, { className: "mb-2", htmlFor: e.name, children: e.name }),
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ r(
-            C,
+      errorCode: n?.code,
+      errorDescription: n?.message,
+      showError: !!n,
+      children: /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e(h, { className: "mb-2", htmlFor: t.name, children: t.name }),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            b,
             {
-              id: e.name,
+              id: t.name,
               type: "number",
-              value: s,
-              onChange: (d) => o(Number(d.target.value)),
-              disabled: a,
+              value: a,
+              onChange: (c) => s(Number(c.target.value)),
+              disabled: l,
               min: 0,
-              className: h({ "border-destructive": t })
+              className: p({ "border-destructive": n })
+            }
+          ),
+          /* @__PURE__ */ e(
+            f,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              onClick: () => o(),
+              children: /* @__PURE__ */ e(v, { className: "size-4" })
+            }
+          )
+        ] }),
+        t.description && /* @__PURE__ */ e("div", { className: "mt-2 text-sm text-gray-500", children: t.description })
+      ] })
+    }
+  ) : null;
+}, L = ({
+  constraintName: r,
+  value: a,
+  onConstraintChange: s,
+  disabled: l,
+  error: n,
+  onRemoveConstraint: o
+}) => {
+  const { getConstraintDefinition: m } = g(), t = m(r);
+  return t ? /* @__PURE__ */ e(
+    u,
+    {
+      errorCode: n?.code,
+      errorDescription: n?.message,
+      showError: !!n,
+      children: /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e(h, { className: "mb-2", htmlFor: t.name, children: t.name }),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            b,
+            {
+              id: t.name,
+              type: "text",
+              value: a,
+              onChange: (c) => s(c.target.value),
+              disabled: l,
+              placeholder: "Regular expression pattern",
+              className: p({ "border-destructive": n })
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ e(
             f,
             {
               type: "button",
               variant: "ghost",
               size: "icon",
-              onClick: () => c(),
-              children: /* @__PURE__ */ r(g, { className: "size-4" })
+              onClick: () => o(),
+              children: /* @__PURE__ */ e(v, { className: "size-4" })
             }
           )
         ] }),
-        e.description && /* @__PURE__ */ r("div", { className: "mt-2 text-sm text-gray-500", children: e.description })
+        t.description && /* @__PURE__ */ e("div", { className: "mt-2 text-sm text-gray-500", children: t.description })
       ] })
     }
   ) : null;
-}, b = ({
-  constraintName: i,
-  value: s,
-  onConstraintChange: o,
-  disabled: a,
-  error: t,
-  onRemoveConstraint: c
+}, S = ({
+  constraintName: r,
+  value: a,
+  onConstraintChange: s,
+  disabled: l,
+  error: n,
+  onRemoveConstraint: o
 }) => {
-  const { getConstraintDefinition: m } = u(), e = m(i);
-  return e ? /* @__PURE__ */ r(
-    l,
+  const { getConstraintDefinition: m } = g(), t = m(r), c = [
+    { value: "email", label: "Email" },
+    { value: "uri", label: "URI" },
+    { value: "url", label: "URL" },
+    { value: "date", label: "Date" },
+    { value: "date-time", label: "Date-Time" },
+    { value: "uuid", label: "UUID" },
+    { value: "hostname", label: "Hostname" },
+    { value: "ipv4", label: "IPv4" },
+    { value: "ipv6", label: "IPv6" },
+    { value: "phone", label: "Phone" }
+  ];
+  return t ? /* @__PURE__ */ e(
+    u,
     {
-      errorCode: t?.code,
-      errorDescription: t?.message,
-      showError: !!t,
-      children: /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ n("div", { className: "mb-2 flex items-center justify-between", children: [
-          /* @__PURE__ */ r(p, { htmlFor: e.name, children: e.name }),
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ r(
-              N,
-              {
-                id: e.name,
-                checked: s,
-                onCheckedChange: (d) => o(d),
-                disabled: a,
-                className: h({ "border-destructive": t })
-              }
-            ),
-            /* @__PURE__ */ r(
-              f,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => c(),
-                children: /* @__PURE__ */ r(g, { className: "size-4" })
-              }
-            )
-          ] })
+      errorCode: n?.code,
+      errorDescription: n?.message,
+      showError: !!n,
+      children: /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e(h, { className: "mb-2", htmlFor: t.name, children: t.name }),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ i(
+            C,
+            {
+              value: a,
+              onValueChange: (d) => s(d),
+              disabled: l,
+              children: [
+                /* @__PURE__ */ e(
+                  N,
+                  {
+                    id: t.name,
+                    className: p("flex-1", { "border-destructive": n }),
+                    children: /* @__PURE__ */ e(R, { placeholder: "Select format" })
+                  }
+                ),
+                /* @__PURE__ */ e(y, { children: c.map((d) => /* @__PURE__ */ e(D, { value: d.value, children: d.label }, d.value)) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            f,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              onClick: () => o(),
+              children: /* @__PURE__ */ e(v, { className: "size-4" })
+            }
+          )
         ] }),
-        e.description && /* @__PURE__ */ r("div", { className: "mt-2 text-sm text-gray-500", children: e.description })
+        t.description && /* @__PURE__ */ e("div", { className: "mt-2 text-sm text-gray-500", children: t.description })
       ] })
     }
   ) : null;
-}, j = v, E = v, B = b;
+}, P = x, T = x, z = L, F = S, B = {
+  id: "string-constraints",
+  hooks: {
+    registerConstraints() {
+      return [
+        {
+          name: "minLength",
+          label: "Min Length",
+          appliesTo: ["string"],
+          schema: {
+            type: "integer",
+            title: "Minimum Length Constraint",
+            description: "The minimum length of the string",
+            examples: [1, 5, 10],
+            minimum: 0
+          },
+          description: "Constrains a string to a minimum length",
+          defaultValue: 0
+        },
+        {
+          name: "maxLength",
+          label: "Max Length",
+          appliesTo: ["string"],
+          schema: {
+            type: "integer",
+            title: "Maximum Length Constraint",
+            description: "The maximum length of the string",
+            examples: [50, 100, 255],
+            minimum: 0
+          },
+          description: "Constrains a string to a maximum length",
+          defaultValue: 100
+        },
+        {
+          name: "pattern",
+          label: "Pattern",
+          appliesTo: ["string"],
+          schema: {
+            type: "string",
+            title: "Pattern Constraint",
+            description: "Regular expression pattern the string must match",
+            examples: ["^[a-zA-Z0-9]+$", "\\d{3}-\\d{2}-\\d{4}"]
+          },
+          description: "Regular expression that the string must match",
+          defaultValue: ""
+        },
+        {
+          name: "format",
+          label: "Format",
+          appliesTo: ["string"],
+          schema: {
+            type: "string",
+            title: "Format Constraint",
+            description: "Predefined format the string must follow",
+            enum: [
+              "email",
+              "uri",
+              "url",
+              "date",
+              "date-time",
+              "uuid",
+              "hostname",
+              "ipv4",
+              "ipv6",
+              "phone"
+            ]
+          },
+          description: "Predefined format validation for the string",
+          defaultValue: "email"
+        }
+      ];
+    },
+    registerRenderers() {
+      return {
+        minLength: P,
+        maxLength: T,
+        pattern: z,
+        format: F
+      };
+    }
+  }
+};
 export {
-  E as ArrayMaxItemsRenderer,
-  j as ArrayMinItemsRenderer,
-  B as ArrayUniqueItemsRenderer
+  F as StringFormatRenderer,
+  T as StringMaxLengthRenderer,
+  P as StringMinLengthRenderer,
+  z as StringPatternRenderer,
+  B as default
 };
 //# sourceMappingURL=index.es5.js.map

package/dist/index.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es5.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"],"mappings":"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"}
+{"version":3,"file":"index.es5.js","sources":["../src/packages/plugins/string.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 {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\n\n// Generic string constraint renderer for number-based constraints (minLength, maxLength)\nconst StringNumberConstraintRenderer = ({\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// Pattern constraint renderer for regex input\nconst PatternConstraintRenderer = ({\n  constraintName,\n  value,\n  onConstraintChange,\n  disabled,\n  error,\n  onRemoveConstraint,\n}: ConstraintRendererProps<string> & { 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=\"text\"\n            value={value}\n            onChange={(e) => onConstraintChange(e.target.value)}\n            disabled={disabled}\n            placeholder=\"Regular expression pattern\"\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// Format constraint renderer with predefined format options\nconst FormatConstraintRenderer = ({\n  constraintName,\n  value,\n  onConstraintChange,\n  disabled,\n  error,\n  onRemoveConstraint,\n}: ConstraintRendererProps<string> & { disabled?: boolean }) => {\n  const { getConstraintDefinition } = useConstraints();\n  const constraintDef = getConstraintDefinition(constraintName);\n\n  const formatOptions = [\n    { value: \"email\", label: \"Email\" },\n    { value: \"uri\", label: \"URI\" },\n    { value: \"url\", label: \"URL\" },\n    { value: \"date\", label: \"Date\" },\n    { value: \"date-time\", label: \"Date-Time\" },\n    { value: \"uuid\", label: \"UUID\" },\n    { value: \"hostname\", label: \"Hostname\" },\n    { value: \"ipv4\", label: \"IPv4\" },\n    { value: \"ipv6\", label: \"IPv6\" },\n    { value: \"phone\", label: \"Phone\" },\n  ];\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          <Select\n            value={value}\n            onValueChange={(newValue) => onConstraintChange(newValue)}\n            disabled={disabled}\n          >\n            <SelectTrigger\n              id={constraintDef.name}\n              className={cn(\"flex-1\", { \"border-destructive\": error })}\n            >\n              <SelectValue placeholder=\"Select format\" />\n            </SelectTrigger>\n            <SelectContent>\n              {formatOptions.map((option) => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\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// Export the renderers\nexport const StringMinLengthRenderer = StringNumberConstraintRenderer;\nexport const StringMaxLengthRenderer = StringNumberConstraintRenderer;\nexport const StringPatternRenderer = PatternConstraintRenderer;\nexport const StringFormatRenderer = FormatConstraintRenderer;\n\nconst plugin: BaseJSONSchemaPlugin = {\n  id: \"string-constraints\",\n  hooks: {\n    registerConstraints() {\n      return [\n        {\n          name: \"minLength\",\n          label: \"Min Length\",\n          appliesTo: [\"string\"],\n          schema: {\n            type: \"integer\",\n            title: \"Minimum Length Constraint\",\n            description: \"The minimum length of the string\",\n            examples: [1, 5, 10],\n            minimum: 0,\n          },\n          description: \"Constrains a string to a minimum length\",\n          defaultValue: 0,\n        },\n        {\n          name: \"maxLength\",\n          label: \"Max Length\",\n          appliesTo: [\"string\"],\n          schema: {\n            type: \"integer\",\n            title: \"Maximum Length Constraint\",\n            description: \"The maximum length of the string\",\n            examples: [50, 100, 255],\n            minimum: 0,\n          },\n          description: \"Constrains a string to a maximum length\",\n          defaultValue: 100,\n        },\n        {\n          name: \"pattern\",\n          label: \"Pattern\",\n          appliesTo: [\"string\"],\n          schema: {\n            type: \"string\",\n            title: \"Pattern Constraint\",\n            description: \"Regular expression pattern the string must match\",\n            examples: [\"^[a-zA-Z0-9]+$\", \"\\\\d{3}-\\\\d{2}-\\\\d{4}\"],\n          },\n          description: \"Regular expression that the string must match\",\n          defaultValue: \"\",\n        },\n        {\n          name: \"format\",\n          label: \"Format\",\n          appliesTo: [\"string\"],\n          schema: {\n            type: \"string\",\n            title: \"Format Constraint\",\n            description: \"Predefined format the string must follow\",\n            enum: [\n              \"email\",\n              \"uri\",\n              \"url\",\n              \"date\",\n              \"date-time\",\n              \"uuid\",\n              \"hostname\",\n              \"ipv4\",\n              \"ipv6\",\n              \"phone\",\n            ],\n          },\n          description: \"Predefined format validation for the string\",\n          defaultValue: \"email\",\n        },\n      ];\n    },\n    registerRenderers() {\n      return {\n        minLength: StringMinLengthRenderer,\n        maxLength: StringMaxLengthRenderer,\n        pattern: StringPatternRenderer,\n        format: StringFormatRenderer,\n      };\n    },\n  },\n};\n\nexport default plugin;\n"],"names":["StringNumberConstraintRenderer","constraintName","value","onConstraintChange","disabled","error","onRemoveConstraint","getConstraintDefinition","useConstraints","constraintDef","jsx","InputErrorWrapper","Label","jsxs","Input","e","cn","Button","X","PatternConstraintRenderer","FormatConstraintRenderer","formatOptions","Select","newValue","SelectTrigger","SelectValue","SelectContent","option","SelectItem","StringMinLengthRenderer","StringMaxLengthRenderer","StringPatternRenderer","StringFormatRenderer","plugin"],"mappings":"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"}