@tomino/dynamic-form-semantic-ui/dist/cjs/properties/checkbox.js

Semantic UI form renderer based on dynamic form generation

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const mobx_react_1 = require("mobx-react");
const properties_common_1 = require("./properties_common");
const editor_context_1 = require("../editor/editor_context");
const common_1 = require("../common");
exports.Checkbox = mobx_react_1.observer((componentProps) => {
    const context = React.useContext(editor_context_1.EditorContext);
    const onChange = React.useMemo(() => properties_common_1.onChangeHandler.bind({ props: componentProps, editorState: context }), [componentProps, context]);
    const { readOnly } = componentProps;
    const { value, error } = properties_common_1.parseProps(componentProps, context, true);
    return (React.createElement("div", { className: properties_common_1.controlMargin },
        React.createElement("input", { key: (!!value).toString() + 'key', type: "checkbox", name: "source", checked: value, "data-value": value, onChange: onChange, className: common_1.names({ invalid: error }), readOnly: readOnly })));
});
//# sourceMappingURL=checkbox.js.map