UNPKG

@tomino/dynamic-form-semantic-ui

Version:

Semantic UI form renderer based on dynamic form generation

18 lines 1.04 kB
"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 semantic_ui_react_1 = require("semantic-ui-react"); const wrapper_1 = require("../wrapper"); const helpers_1 = require("../helpers"); const checkboxProps = ['radio', 'slider', 'toggle']; const CheckboxComponent = props => { const { source, disabled, controlProps, value, handleChange } = helpers_1.processControl(props); return (React.createElement(wrapper_1.DynamicComponent, Object.assign({}, props, { control: semantic_ui_react_1.Checkbox, controlProps: checkboxProps, name: source, label: controlProps.text, readOnly: disabled, checked: !!value, onChange: handleChange, disabled: disabled }))); }; exports.CheckboxView = { Component: mobx_react_1.observer(CheckboxComponent), toString: (_owner, props, context) => (helpers_1.getValue(props, context) ? 'Yes' : 'No') }; //# sourceMappingURL=checkbox_view.js.map