@anri1214/dynamic-forms-mui-mcp 0.1.5

package/dist/schema/0.1/fieldTypes.json

@@ -0,0 +1,213 @@
+{
+  "fieldTypes": [
+    {
+      "type": "text",
+      "description": "Single-line text input",
+      "config": "TextFieldConfig",
+      "specificProps": ["autoComplete"],
+      "applicableValidations": ["required", "minLength", "maxLength", "pattern", "matchField", "asyncValidation"],
+      "example": {
+        "type": "text",
+        "label": "Full Name",
+        "placeholder": "John Doe",
+        "validation": { "required": true, "minLength": 2, "maxLength": 100 }
+      }
+    },
+    {
+      "type": "password",
+      "description": "Password input with masked characters",
+      "config": "TextFieldConfig",
+      "specificProps": ["autoComplete"],
+      "applicableValidations": ["required", "minLength", "maxLength", "hasUppercase", "hasLowercase", "hasNumber", "hasSpecialChar", "matchField"],
+      "example": {
+        "type": "password",
+        "label": "Password",
+        "validation": {
+          "required": true,
+          "minLength": 8,
+          "hasUppercase": true,
+          "hasLowercase": true,
+          "hasSpecialChar": true,
+          "messages": {
+            "hasUppercase": "Must contain an uppercase letter",
+            "hasSpecialChar": "Must contain a special character"
+          }
+        }
+      }
+    },
+    {
+      "type": "email",
+      "description": "Email input with built-in email validation",
+      "config": "TextFieldConfig",
+      "specificProps": ["autoComplete"],
+      "applicableValidations": ["required", "email", "asyncValidation"],
+      "example": {
+        "type": "email",
+        "label": "Email Address",
+        "placeholder": "user@example.com",
+        "validation": { "required": true, "email": true }
+      }
+    },
+    {
+      "type": "number",
+      "description": "Numeric input with optional min/max/step constraints",
+      "config": "NumberFieldConfig",
+      "specificProps": ["min", "max", "step"],
+      "applicableValidations": ["required", "min", "max"],
+      "example": {
+        "type": "number",
+        "label": "Age",
+        "min": 0,
+        "max": 150,
+        "step": 1,
+        "validation": { "required": true, "min": 18, "max": 120 }
+      }
+    },
+    {
+      "type": "textarea",
+      "description": "Multi-line text input",
+      "config": "TextFieldConfig",
+      "specificProps": ["rows"],
+      "applicableValidations": ["required", "minLength", "maxLength", "pattern"],
+      "example": {
+        "type": "textarea",
+        "label": "Bio",
+        "rows": 4,
+        "placeholder": "Tell us about yourself...",
+        "validation": { "maxLength": 500 }
+      }
+    },
+    {
+      "type": "select",
+      "description": "Single-value dropdown select. Options can be static or loaded from an API. Supports initialOptions for pre-selected values.",
+      "config": "SelectFieldConfig",
+      "specificProps": ["options", "optionsSource", "initialOptions"],
+      "applicableValidations": ["required"],
+      "example": {
+        "type": "select",
+        "label": "Country",
+        "options": [
+          { "value": "us", "label": "United States" },
+          { "value": "uk", "label": "United Kingdom" }
+        ],
+        "validation": { "required": true }
+      }
+    },
+    {
+      "type": "multiselect",
+      "description": "Multi-value dropdown select (tags / chips). Options can be static or loaded from an API. Supports initialOptions for pre-selected values.",
+      "config": "SelectFieldConfig",
+      "specificProps": ["options", "optionsSource", "initialOptions"],
+      "applicableValidations": ["required"],
+      "example": {
+        "type": "multiselect",
+        "label": "Skills",
+        "optionsSource": {
+          "apiUrl": "/api/skills",
+          "valueKey": "id",
+          "labelKey": "name"
+        }
+      }
+    },
+    {
+      "type": "autocomplete",
+      "description": "Single-value autocomplete with typeahead. Supports async search via dependsOnInput in queryParams.",
+      "config": "AutocompleteFieldConfig",
+      "specificProps": ["options", "optionsSource", "initialOptions"],
+      "applicableValidations": ["required", "asyncValidation"],
+      "example": {
+        "type": "autocomplete",
+        "label": "City",
+        "optionsSource": {
+          "apiUrl": "/api/cities",
+          "queryParams": [{ "key": "search", "dependsOnInput": true }],
+          "valueKey": "id",
+          "labelKey": "name"
+        }
+      }
+    },
+    {
+      "type": "checkbox",
+      "description": "Boolean checkbox (checked / unchecked)",
+      "config": "CheckboxFieldConfig",
+      "specificProps": [],
+      "applicableValidations": ["required"],
+      "example": {
+        "type": "checkbox",
+        "label": "I agree to the Terms of Service",
+        "defaultValue": false,
+        "validation": { "required": true, "messages": { "required": "You must accept the terms" } }
+      }
+    },
+    {
+      "type": "radio",
+      "description": "Radio button group — single choice from visible options",
+      "config": "RadioFieldConfig",
+      "specificProps": ["options", "optionsSource", "direction"],
+      "applicableValidations": ["required"],
+      "example": {
+        "type": "radio",
+        "label": "Gender",
+        "direction": "row",
+        "options": [
+          { "value": "male", "label": "Male" },
+          { "value": "female", "label": "Female" },
+          { "value": "other", "label": "Other" }
+        ]
+      }
+    },
+    {
+      "type": "switch",
+      "description": "Toggle switch (on / off), similar to checkbox but with different UI",
+      "config": "CheckboxFieldConfig",
+      "specificProps": [],
+      "applicableValidations": ["required"],
+      "example": {
+        "type": "switch",
+        "label": "Enable notifications",
+        "defaultValue": true
+      }
+    },
+    {
+      "type": "date",
+      "description": "Date picker (optionally with time)",
+      "config": "DateFieldConfig",
+      "specificProps": ["includeTime", "minDate", "maxDate", "format"],
+      "applicableValidations": ["required", "minDate", "maxDate"],
+      "example": {
+        "type": "date",
+        "label": "Date of Birth",
+        "format": "dd/MM/yyyy",
+        "validation": { "required": true }
+      }
+    },
+    {
+      "type": "dateRange",
+      "description": "Date range picker (start and end date)",
+      "config": "DateFieldConfig",
+      "specificProps": ["includeTime", "minDate", "maxDate", "format"],
+      "applicableValidations": ["required", "minDate", "maxDate"],
+      "example": {
+        "type": "dateRange",
+        "label": "Vacation Period",
+        "format": "dd/MM/yyyy"
+      }
+    },
+    {
+      "type": "file",
+      "description": "File upload field (single or multiple)",
+      "config": "FileFieldConfig",
+      "specificProps": ["accept", "maxSize", "multiple"],
+      "applicableValidations": ["required", "maxSize", "minFiles", "maxFiles"],
+      "example": {
+        "type": "file",
+        "label": "Resume",
+        "accept": ".pdf,.doc,.docx",
+        "maxSize": 5242880,
+        "multiple": false,
+        "validation": { "required": true, "maxSize": 5242880 }
+      }
+    }
+  ]
+}
+