@novin-dev/formalite/dist/cjs/components/Formalite/elements/CheckGroupView/CheckGroupView.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 compare = require('react-fast-compare');
var material = require('@mui/material');
var CheckGroupView_type = require('./CheckGroupView.type.js');
var memo = require('../Bases/functions/memo.js');
var SkeletonBase = require('../Bases/SkeletonBase.js');
var CheckGroupViewAllViews = require('./CheckGroupViewAllViews.js');
var model = require('../../../base/model.js');

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

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

var CheckGroupView = function (_a) {
    var allData = _a.allData, name = _a.name, formik = _a.formik, loading = _a.loading, validationSchema = _a.validationSchema, translator = _a.translator, component = _a.component;
    var _b = allData.inputProps, helperText = _b.helperText, inputProps = tslib.__rest(_b, ["helperText"]);
    var _c = React.useState({
        status: CheckGroupView_type.CheckGroupStateEnum.PENDING,
        data: {},
    }), dataStatus = _c[0], setDataStatus = _c[1];
    var loadFunction = React.useCallback(function () {
        if (allData.dataFetching.type === model.FetchingDataEnum.AUTOMATIC) {
            setDataStatus({ status: CheckGroupView_type.CheckGroupStateEnum.PENDING, data: {} });
            var funcResult = allData.dataFetching.options();
            funcResult
                .then(function (res) {
                setDataStatus({
                    status: CheckGroupView_type.CheckGroupStateEnum.READY,
                    data: res,
                });
            })
                .catch(function (e) {
                setDataStatus({
                    status: CheckGroupView_type.CheckGroupStateEnum.REJECTED,
                    data: {},
                    error: e,
                });
            });
        }
    }, [allData.dataFetching]);
    React.useEffect(function () {
        if (allData.dataFetching.type === model.FetchingDataEnum.AUTOMATIC) {
            loadFunction();
        }
        else if (allData.dataFetching.error ||
            (!allData.dataFetching.loading && !allData.dataFetching.data)) {
            setDataStatus({
                status: CheckGroupView_type.CheckGroupStateEnum.REJECTED,
                data: {},
            });
        }
        else if (allData.dataFetching.loading) {
            setDataStatus({
                status: CheckGroupView_type.CheckGroupStateEnum.PENDING,
                data: {},
            });
        }
        else if (allData.dataFetching.data) {
            setDataStatus({
                status: CheckGroupView_type.CheckGroupStateEnum.READY,
                data: allData.dataFetching.data,
            });
        }
    }, [allData.dataFetching]);
    if (loading) {
        return (React__default["default"].createElement(material.Grid, tslib.__assign({ item: true }, allData.layoutProps),
            React__default["default"].createElement(SkeletonBase.GroupViewSkeleton, { hasHelper: !!helperText })));
    }
    return (React__default["default"].createElement(material.Grid, tslib.__assign({ item: true }, allData.layoutProps, { display: "flex", container: true, direction: "column" }),
        React__default["default"].createElement(CheckGroupViewAllViews["default"], tslib.__assign({ formik: formik, validationSchema: validationSchema, translator: translator, name: String(name), dataStatus: dataStatus, allInputProps: allData.inputProps, labelProps: allData.labelProps, component: component, loadFunction: allData.dataFetching.type === model.FetchingDataEnum.AUTOMATIC
                ? loadFunction
                : allData.dataFetching.onRetry }, inputProps))));
};
var CheckGroupView$1 = React__default["default"].memo(CheckGroupView, function (prevProps, nextProps) {
    var prevDataFetching = prevProps.allData.dataFetching;
    var nextDataFetching = nextProps.allData.dataFetching;
    return (memo.baseMemo(prevProps, nextProps) &&
        compare__default["default"](prevDataFetching, nextDataFetching));
});

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