kwikid-components-react/components/forms/stories/configs/report-generation.json

KwikID's Component Library in React

{
  "title": "Generate Report",
  "key": "REPORT_GENERATION_FORM",
  "fields": [
    {
      "type": "title",
      "label": "Report Generation",
      "key": "report_title"
    },
    {
      "type": "html",
      "key": "report_description",
      "html": "<div style='margin-bottom: 20px; color: #666;'>Please fill in the details to generate your report.</div>"
    },
    {
      "label": "Report Type",
      "type": "select",
      "key": "reportType",
      "disabled": false,
      "validators": {
        "required": true
      },
      "options": [
        {
          "label": "Sales Report",
          "value": "SALES_REPORT"
        },
        {
          "label": "Inventory Report",
          "value": "INVENTORY_REPORT"
        },
        {
          "label": "Customer Analytics",
          "value": "CUSTOMER_ANALYTICS"
        },
        {
          "label": "Financial Summary",
          "value": "FINANCIAL_SUMMARY"
        },
        {
          "label": "Performance Metrics",
          "value": "PERFORMANCE_METRICS"
        }
      ],
      "properties": {
        "placeholder": "Select report type"
      }
    },
    {
      "label": "Recipient Email",
      "type": "text",
      "key": "recipient",
      "disabled": false,
      "validators": {
        "required": true,
        "pattern": {
          "key": "IS_EMAIL"
        }
      },
      "properties": {
        "placeholder": "Enter recipient's email address",
        "readOnly": false
      }
    },
    {
      "label": "Report Template",
      "type": "select",
      "key": "template",
      "disabled": false,
      "validators": {
        "required": true
      },
      "properties": {
        "placeholder": "Select template",
        "options": [
          {
            "label": "Standard Template",
            "value": "STANDARD_TEMPLATE"
          },
          {
            "label": "Executive Summary",
            "value": "EXECUTIVE_SUMMARY"
          },
          {
            "label": "Detailed Analysis",
            "value": "DETAILED_ANALYSIS"
          },
          {
            "label": "Visual Dashboard",
            "value": "VISUAL_DASHBOARD"
          }
        ]
      }
    },
    {
      "label": "Start Date",
      "type": "date",
      "key": "startDate",
      "disabled": false,
      "validators": {
        "required": true
      },
      "properties": {
        "placeholder": "Select start date",
        "readOnly": false
      }
    },
    {
      "label": "End Date",
      "type": "date",
      "key": "endDate",
      "disabled": false,
      "validators": {
        "required": true
      },
      "properties": {
        "placeholder": "Select end date",
        "readOnly": false
      }
    },
    {
      "label": "Additional Notes",
      "type": "textarea",
      "key": "additionalNotes",
      "disabled": false,
      "validators": {
        "required": false
      },
      "properties": {
        "placeholder": "Enter any additional information or special requirements",
        "readOnly": false,
        "rows": 4
      }
    },
    {
      "type": "button",
      "label": "Generate Report",
      "key": "generate_button",
      "properties": {
        "variant": "primary",
        "size": "medium",
        "action": "submit"
      }
    }
  ],
  "layout": {
    "type": "vertical",
    "styles": {
      "container": {
        "maxWidth": "600px",
        "margin": "0 auto",
        "padding": "30px",
        "backgroundColor": "#ffffff",
        "borderRadius": "8px",
        "boxShadow": "0 4px 6px rgba(0, 0, 0, 0.1)"
      }
    }
  }
}