styled-hook-form
Version:
React form library for styled-components based on grommet and react-hook-form
23 lines (22 loc) • 1.34 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.BoolEditor = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const react_hook_form_1 = require("react-hook-form");
const grommet_1 = require("grommet");
const context_1 = require("../../../../context");
const BoolEditor = react_1.forwardRef((props, ref) => {
let vrules = props.validationRules || {};
const { translate: T } = context_1.useFormBuilderContext();
let { name, defaultValue: initialValue, shouldUnregister, controlType, required, methods, label, } = props;
if (required) {
vrules.required = {
value: required,
message: T("required-msg", { name: label }),
};
}
let control = methods === null || methods === void 0 ? void 0 : methods.control;
return (jsx_runtime_1.jsx(react_hook_form_1.Controller, { name: name, defaultValue: initialValue !== null && initialValue !== void 0 ? initialValue : false, rules: vrules, control: control, shouldUnregister: shouldUnregister, render: ({ field }) => (jsx_runtime_1.jsx(grommet_1.CheckBox, { ref: ref, label: label, checked: field.value, onChange: (e) => field.onChange(e), value: field.value, toggle: controlType === "switch" }, void 0)) }, void 0));
});
exports.BoolEditor = BoolEditor;