@novin-dev/formalite/dist/cjs/components/Formalite/elements/ComponentView/ComponentView.js

Generate MUI form with few line of code

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib = require('tslib');
var React = require('react');
var material = require('@mui/material');
var memo = require('../Bases/functions/memo.js');
var utils = require('../../config/utils.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

var ComponentView = function (props) {
    var allData = props.allData, name = props.name, formik = props.formik, loading = props.loading;
    var value = utils.getData({ source: formik.values, key: name });
    var onChange = function (newValue) {
        return formik.setFieldValue(String(name), newValue);
    };
    var error = utils.getData({ source: formik.errors, key: name });
    var isTouched = utils.getData({ source: formik.touched, key: name });
    if (loading) {
        return (React__default["default"].createElement(material.Grid, tslib.__assign({ item: true }, allData.layoutProps),
            React__default["default"].createElement(material.Skeleton, { variant: "rectangular", animation: "wave", height: 55 })));
    }
    return (React__default["default"].createElement(material.Grid, tslib.__assign({ item: true }, allData.layoutProps), allData.render(String(name), value, onChange, error, isTouched)));
};
var ComponentView$1 = React__default["default"].memo(ComponentView, function (prevProps, nextProps) {
    return memo.baseMemo(prevProps, nextProps);
});

exports["default"] = ComponentView$1;
//# sourceMappingURL=ComponentView.js.map