@novin-dev/formalite
Version:
Generate MUI form with few line of code
42 lines (35 loc) • 2.48 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var tslib = require('tslib');
var React = require('react');
var Formalite_type = require('../../Formalite.type.js');
var RadioGroupView = require('../RadioGroupView/RadioGroupView.js');
var material = require('@mui/material');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var formatOptionFn = function (option) {
return tslib.__assign(tslib.__assign({}, option), { label: (React__default["default"].createElement(material.Box, null,
React__default["default"].createElement(material.Box, { sx: {
fontWeight: 600,
fontSize: "1.1rem",
lineHeight: "0.9",
} }, option.label),
React__default["default"].createElement(material.Box, { sx: {
fontSize: "1rem",
color: "text.disabled",
} }, option.description))) });
};
var BigRadioGroupView = function (props) {
var _a;
var allData = props.allData, name = props.name, formik = props.formik, loading = props.loading, validationSchema = props.validationSchema, translator = props.translator;
return (React__default["default"].createElement(RadioGroupView["default"], { key: String(name), name: String(name), allData: tslib.__assign(tslib.__assign({}, allData), { inputProps: tslib.__assign(tslib.__assign({}, allData.inputProps), { sx: tslib.__assign(tslib.__assign({}, allData.inputProps.sx), { "& .MuiFormControlLabel-root": {
alignItems: "flex-start",
marginBottom: 1.5,
".MuiRadio-root": {
marginTop: -1,
},
} }), row: false }), labelProps: tslib.__assign(tslib.__assign({}, allData.labelProps), { style: tslib.__assign(tslib.__assign({}, (_a = allData.labelProps) === null || _a === void 0 ? void 0 : _a.style), { display: "none" }) }), type: Formalite_type.ViewTypes.RadioGroupView }), formik: formik, loading: loading, validationSchema: validationSchema, translator: translator, formatOptionFn: formatOptionFn }));
};
var BigRadioGroupView$1 = React__default["default"].memo(BigRadioGroupView);
exports["default"] = BigRadioGroupView$1;
//# sourceMappingURL=BigRadioGroupView.js.map