styled-hook-form/lib/components/form-builder/editors/drop-down/stories/Simple.js

React form library for styled-components based on grommet and react-hook-form

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Simple = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const form_builder_1 = require("components/form-builder/form-builder");
const types_1 = require("components/form-builder/types");
const grommet_1 = require("grommet");
const Simple = () => {
    let fields = [
        {
            name: "single",
            label: "Single",
            type: types_1.FormFieldType.DropDown,
            itemLabelKey: "text",
            itemValueKey: "value",
            options: [
                {
                    text: "Option1",
                    value: "option1",
                },
                {
                    text: "Option2",
                    value: "option2",
                },
                {
                    text: "Option3",
                    value: "option3",
                }
            ],
        },
        {
            name: "multiple",
            label: "Multiple",
            type: types_1.FormFieldType.DropDown,
            itemLabelKey: "text",
            itemValueKey: "value",
            multiple: true,
            options: [
                {
                    text: "Option1",
                    value: "option1",
                },
                {
                    text: "Option2",
                    value: "option2",
                },
                {
                    text: "Option3",
                    value: "option3",
                },
            ],
        }
    ];
    return (jsx_runtime_1.jsx(grommet_1.Box, Object.assign({ width: "medium" }, { children: jsx_runtime_1.jsx(form_builder_1.FormBuilder, Object.assign({ fields: fields, onSubmit: (values) => {
                alert(JSON.stringify(values));
            } }, { children: jsx_runtime_1.jsx(grommet_1.Button, { label: "submit", type: "submit" }, void 0) }), void 0) }), void 0));
};
exports.Simple = Simple;
exports.default = {
    title: "Form Builder/Editors/DropDown/Simple",
};