styled-hook-form/lib/components/form-builder/editors/numeric-editor/stories/custom-locale.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CustomLocale = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const form_builder_1 = require("../../../../form-builder/form-builder");
const grommet_1 = require("grommet");
const types_1 = require("components/form-builder/types");
const grommet_icons_1 = require("grommet-icons");
const context_1 = require("context");
const CustomLocale = () => {
    const handleSubmit = (values) => {
        alert(JSON.stringify(values));
    };
    const playersFormFields = [
        {
            name: "numeric_value",
            label: "Numeric Value",
            type: types_1.FormFieldType.Number,
            tip: "This is a numeric input with german locale",
            required: true,
        }
    ];
    return (jsx_runtime_1.jsx(context_1.FormBuilderContextProvider, Object.assign({ options: { locale: "de", renderGrommet: true } }, { children: jsx_runtime_1.jsx(grommet_1.Box, Object.assign({ width: "medium", pad: "small", background: "light-2" }, { children: jsx_runtime_1.jsx(form_builder_1.FormBuilder, Object.assign({ fields: playersFormFields, onSubmit: handleSubmit }, { children: jsx_runtime_1.jsx(grommet_1.Button, { gridArea: "actions", icon: jsx_runtime_1.jsx(grommet_icons_1.Save, {}, void 0), label: "Submit", type: "submit", primary: true }, void 0) }), void 0) }), void 0) }), void 0));
};
exports.CustomLocale = CustomLocale;
exports.default = {
    title: "Form Builder/Editors/NumericInput/Custom Locale",
};