admin_lsac 1.1.4 → 1.2.2

package/dist/esm/components/GenericForm.js

@@ -1,243 +1,243 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Button, FormControl, FormErrorMessage, FormLabel, Input, Select, } from "@chakra-ui/react";
-import { Field, Form, Formik, FieldArray, getIn } from "formik";
-import * as Yup from "yup";
-import Swal from "sweetalert2";
-import { useEffect, useState } from "react";
-function parseValidation(fields) {
-    if (!fields) {
-        return {};
-    }
-    return fields.reduce(function (acc, field) {
-        if (field.type !== "dropdown" &&
-            field.type !== "object" &&
-            field.type !== "array") {
-            acc[field.name] = field.validationSchema;
-        }
-        else if (field.type === "array") {
-            if (field.element.type === "dropdown") {
-                acc[field.name] = Yup.array().of(Yup.string().required());
-            }
-            else if (field.element.type === "object") {
-                acc[field.name] = Yup.array().of(Yup.object(parseValidation(field.element.fields)));
-            }
-            else {
-                acc[field.name] = Yup.array().of(field.element.validationSchema);
-            }
-        }
-        else if (field.type === "object") {
-            acc[field.name] = Yup.object(parseValidation(field.fields));
-        }
-        if (field.type === "dropdown") {
-            acc[field.name] = Yup.string().required();
-        }
-        return acc;
-    }, {});
-}
-function generateSingleField(formfield, fieldName, key) {
-    return (_jsx(Field, __assign({ name: fieldName }, { children: function (_a) {
-            var _b;
-            var field = _a.field, form = _a.form;
-            return (_jsxs(FormControl, __assign({ isInvalid: getIn(form.touched, fieldName) && getIn(form.errors, fieldName) }, { children: [_jsx(FormLabel, __assign({ marginTop: 2 }, { children: formfield.label })), formfield.type === "string" || formfield.type === "number" ? (_jsx(Input, __assign({}, field, { type: formfield.type === "number" ? "number" : "text", placeholder: "" }))) : formfield.type === "file" ? (_jsx(Input, { type: "file", name: fieldName, onChange: function (event) {
-                            if (event.currentTarget.files != null) {
-                                form.setFieldValue(fieldName, event.currentTarget.files[0]);
-                            }
-                        } })) : (_jsxs(Select, __assign({}, field, { defaultValue: "" }, { children: [_jsx("option", __assign({ disabled: true, value: "" }, { children: "Select an option!" })), (_b = formfield.options) === null || _b === void 0 ? void 0 : _b.map(function (option, key) { return (_jsx("option", __assign({ value: "".concat(option.value) }, { children: option.display }), key)); })] }))), _jsx(FormErrorMessage, { children: getIn(form.errors, fieldName) })] })));
-        } }), key));
-}
-function parseFields(fields, previous) {
-    if (!fields) {
-        return [];
-    }
-    var computedFields = fields.map(function (formfield, key) {
-        var fieldName = previous !== undefined ? previous + "." + formfield.name : formfield.name;
-        if (formfield.type === "object") {
-            var objectFields = parseFields(formfield.fields, fieldName);
-            return _jsx(FormControl, { children: objectFields }, fieldName);
-        }
-        else if (formfield.type === "array") {
-            return (_jsx(FieldArray, __assign({ name: fieldName }, { children: function (_a) {
-                    var remove = _a.remove, push = _a.push, form = _a.form;
-                    return (_jsxs("div", { children: [_jsx(FormLabel, __assign({ marginTop: 2 }, { children: formfield.label })), getIn(form.values, fieldName).length > 0 &&
-                                getIn(form.values, fieldName).map(function (element, index) { return (_jsxs(Box, __assign({ paddingLeft: 10 }, { children: [_jsx("h4", { children: _jsx("b", { children: "".concat(fieldName, ".").concat(index) }) }), _jsx(Box, __assign({ paddingLeft: 10 }, { children: formfield.element.type === "object"
-                                                ? parseFields(formfield.element.fields, "".concat(fieldName, ".").concat(index))
-                                                : generateSingleField(formfield.element, "".concat(fieldName, ".").concat(index), key) })), _jsxs(Button, __assign({ type: "button", colorScheme: "red", marginY: 2, onClick: function () { return remove(index); } }, { children: ["Remove ", "".concat(fieldName, ".").concat(index)] }))] }))); }), _jsxs(Button, __assign({ type: "button", marginY: 2, colorScheme: "blue", onClick: function () {
-                                    var value = undefined;
-                                    if (formfield.element.type === "object") {
-                                        value = getInitialValues(formfield.element.fields);
-                                    }
-                                    else {
-                                        value = getInitialValues([formfield.element])[0];
-                                    }
-                                    push(value);
-                                } }, { children: ["Add ", fieldName] }))] }));
-                } })));
-        }
-        else {
-            return generateSingleField(formfield, fieldName, key);
-        }
-    });
-    return computedFields;
-}
-function getInitialValues(fields) {
-    var obj = {};
-    if (!fields) {
-        return obj;
-    }
-    fields.forEach(function (field) {
-        if (field.type === "array")
-            obj[field.name] = [];
-        else if (field.type === "object")
-            obj[field.name] = getInitialValues(field.fields);
-        else if (field.type === "string")
-            obj[field.name] = "";
-        else if (field.type === "number")
-            obj[field.name] = 0;
-        else
-            obj[field.name] = null;
-    });
-    return obj;
-}
-function setOptions(fields) {
-    return __awaiter(this, void 0, void 0, function () {
-        var promises;
-        var _this = this;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!fields) {
-                        return [2 /*return*/];
-                    }
-                    promises = fields.map(function (field) { return __awaiter(_this, void 0, void 0, function () {
-                        var _a;
-                        return __generator(this, function (_b) {
-                            switch (_b.label) {
-                                case 0:
-                                    if (!(field.type === "dropdown")) return [3 /*break*/, 2];
-                                    _a = field;
-                                    return [4 /*yield*/, field.getOptions()];
-                                case 1:
-                                    _a.options = _b.sent();
-                                    return [3 /*break*/, 6];
-                                case 2:
-                                    if (!(field.type === "array")) return [3 /*break*/, 4];
-                                    return [4 /*yield*/, setOptions([field.element])];
-                                case 3:
-                                    _b.sent();
-                                    return [3 /*break*/, 6];
-                                case 4:
-                                    if (!(field.type === "object")) return [3 /*break*/, 6];
-                                    return [4 /*yield*/, setOptions(field.fields)];
-                                case 5:
-                                    _b.sent();
-                                    _b.label = 6;
-                                case 6: return [2 /*return*/];
-                            }
-                        });
-                    }); });
-                    return [4 /*yield*/, Promise.all(promises)];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-}
-export function GenericForm(_a) {
-    var _this = this;
-    var action = _a.action, onClose = _a.onClose, rowId = _a.rowId;
-    var _b = useState(parseFields(action.fields)), formFields = _b[0], setFormFields = _b[1];
-    var initialValues = useState(getInitialValues(action.fields))[0];
-    var validationSchema = useState(parseValidation(action.fields))[0];
-    useEffect(function () {
-        setOptions(action.fields).then(function () {
-            setFormFields(parseFields(action.fields));
-        });
-    }, []);
-    if (!action.fields)
-        return _jsx(_Fragment, {});
-    return (_jsx(_Fragment, { children: _jsx(Formik, __assign({ initialValues: initialValues, validationSchema: Yup.object(validationSchema), onSubmit: function (values) { return __awaiter(_this, void 0, void 0, function () {
-                var res, e_1, err;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 5, , 6]);
-                            res = void 0;
-                            if (!rowId) return [3 /*break*/, 2];
-                            return [4 /*yield*/, action.onSubmit(values, rowId)];
-                        case 1:
-                            res = _a.sent();
-                            return [3 /*break*/, 4];
-                        case 2: return [4 /*yield*/, action.onSubmit(values)];
-                        case 3:
-                            res = _a.sent();
-                            _a.label = 4;
-                        case 4:
-                            if (onClose)
-                                onClose();
-                            Swal.fire("Ok");
-                            return [3 /*break*/, 6];
-                        case 5:
-                            e_1 = _a.sent();
-                            if (onClose)
-                                onClose();
-                            err = e_1.request.response;
-                            Swal.fire({
-                                text: "Error: " + err,
-                            });
-                            return [3 /*break*/, 6];
-                        case 6: return [2 /*return*/];
-                    }
-                });
-            }); } }, { children: function (_a) {
-                var isSubmitting = _a.isSubmitting;
-                return (_jsxs(Form, { children: [formFields, _jsx(Button, __assign({ mt: 4, colorScheme: "teal", isLoading: isSubmitting, type: "submit" }, { children: "Submit" }))] }));
-            } })) }));
-}
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Button, FormControl, FormErrorMessage, FormLabel, Input, Select, } from "@chakra-ui/react";
+import { Field, Form, Formik, FieldArray, getIn } from "formik";
+import * as Yup from "yup";
+import Swal from "sweetalert2";
+import { useEffect, useState } from "react";
+function parseValidation(fields) {
+    if (!fields) {
+        return {};
+    }
+    return fields.reduce(function (acc, field) {
+        if (field.type !== "dropdown" &&
+            field.type !== "object" &&
+            field.type !== "array") {
+            acc[field.name] = field.validationSchema;
+        }
+        else if (field.type === "array") {
+            if (field.element.type === "dropdown") {
+                acc[field.name] = Yup.array().of(Yup.string().required());
+            }
+            else if (field.element.type === "object") {
+                acc[field.name] = Yup.array().of(Yup.object(parseValidation(field.element.fields)));
+            }
+            else {
+                acc[field.name] = Yup.array().of(field.element.validationSchema);
+            }
+        }
+        else if (field.type === "object") {
+            acc[field.name] = Yup.object(parseValidation(field.fields));
+        }
+        if (field.type === "dropdown") {
+            acc[field.name] = Yup.string().required();
+        }
+        return acc;
+    }, {});
+}
+function generateSingleField(formfield, fieldName, key) {
+    return (_jsx(Field, __assign({ name: fieldName }, { children: function (_a) {
+            var _b;
+            var field = _a.field, form = _a.form;
+            return (_jsxs(FormControl, __assign({ isInvalid: getIn(form.touched, fieldName) && getIn(form.errors, fieldName) }, { children: [_jsx(FormLabel, __assign({ marginTop: 2 }, { children: formfield.label }), void 0), formfield.type === "string" || formfield.type === "number" ? (_jsx(Input, __assign({}, field, { type: formfield.type === "number" ? "number" : "text", placeholder: "" }), void 0)) : formfield.type === "file" ? (_jsx(Input, { type: "file", name: fieldName, onChange: function (event) {
+                            if (event.currentTarget.files != null) {
+                                form.setFieldValue(fieldName, event.currentTarget.files[0]);
+                            }
+                        } }, void 0)) : (_jsxs(Select, __assign({}, field, { defaultValue: "" }, { children: [_jsx("option", __assign({ disabled: true, value: "" }, { children: "Select an option!" }), void 0), (_b = formfield.options) === null || _b === void 0 ? void 0 : _b.map(function (option, key) { return (_jsx("option", __assign({ value: "".concat(option.value) }, { children: option.display }), key)); })] }), void 0)), _jsx(FormErrorMessage, { children: getIn(form.errors, fieldName) }, void 0)] }), void 0));
+        } }), key));
+}
+function parseFields(fields, previous) {
+    if (!fields) {
+        return [];
+    }
+    var computedFields = fields.map(function (formfield, key) {
+        var fieldName = previous !== undefined ? previous + "." + formfield.name : formfield.name;
+        if (formfield.type === "object") {
+            var objectFields = parseFields(formfield.fields, fieldName);
+            return _jsx(FormControl, { children: objectFields }, fieldName);
+        }
+        else if (formfield.type === "array") {
+            return (_jsx(FieldArray, __assign({ name: fieldName }, { children: function (_a) {
+                    var remove = _a.remove, push = _a.push, form = _a.form;
+                    return (_jsxs("div", { children: [_jsx(FormLabel, __assign({ marginTop: 2 }, { children: formfield.label }), void 0), getIn(form.values, fieldName).length > 0 &&
+                                getIn(form.values, fieldName).map(function (element, index) { return (_jsxs(Box, __assign({ paddingLeft: 10 }, { children: [_jsx("h4", { children: _jsx("b", { children: "".concat(fieldName, ".").concat(index) }, void 0) }, void 0), _jsx(Box, __assign({ paddingLeft: 10 }, { children: formfield.element.type === "object"
+                                                ? parseFields(formfield.element.fields, "".concat(fieldName, ".").concat(index))
+                                                : generateSingleField(formfield.element, "".concat(fieldName, ".").concat(index), key) }), void 0), _jsxs(Button, __assign({ type: "button", colorScheme: "red", marginY: 2, onClick: function () { return remove(index); } }, { children: ["Remove ", "".concat(fieldName, ".").concat(index)] }), void 0)] }), void 0)); }), _jsxs(Button, __assign({ type: "button", marginY: 2, colorScheme: "blue", onClick: function () {
+                                    var value = undefined;
+                                    if (formfield.element.type === "object") {
+                                        value = getInitialValues(formfield.element.fields);
+                                    }
+                                    else {
+                                        value = getInitialValues([formfield.element])[0];
+                                    }
+                                    push(value);
+                                } }, { children: ["Add ", fieldName] }), void 0)] }, void 0));
+                } }), void 0));
+        }
+        else {
+            return generateSingleField(formfield, fieldName, key);
+        }
+    });
+    return computedFields;
+}
+function getInitialValues(fields) {
+    var obj = {};
+    if (!fields) {
+        return obj;
+    }
+    fields.forEach(function (field) {
+        if (field.type === "array")
+            obj[field.name] = [];
+        else if (field.type === "object")
+            obj[field.name] = getInitialValues(field.fields);
+        else if (field.type === "string")
+            obj[field.name] = "";
+        else if (field.type === "number")
+            obj[field.name] = 0;
+        else
+            obj[field.name] = null;
+    });
+    return obj;
+}
+function setOptions(fields) {
+    return __awaiter(this, void 0, void 0, function () {
+        var promises;
+        var _this = this;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!fields) {
+                        return [2 /*return*/];
+                    }
+                    promises = fields.map(function (field) { return __awaiter(_this, void 0, void 0, function () {
+                        var _a;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0:
+                                    if (!(field.type === "dropdown")) return [3 /*break*/, 2];
+                                    _a = field;
+                                    return [4 /*yield*/, field.getOptions()];
+                                case 1:
+                                    _a.options = _b.sent();
+                                    return [3 /*break*/, 6];
+                                case 2:
+                                    if (!(field.type === "array")) return [3 /*break*/, 4];
+                                    return [4 /*yield*/, setOptions([field.element])];
+                                case 3:
+                                    _b.sent();
+                                    return [3 /*break*/, 6];
+                                case 4:
+                                    if (!(field.type === "object")) return [3 /*break*/, 6];
+                                    return [4 /*yield*/, setOptions(field.fields)];
+                                case 5:
+                                    _b.sent();
+                                    _b.label = 6;
+                                case 6: return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                    return [4 /*yield*/, Promise.all(promises)];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+export function GenericForm(_a) {
+    var _this = this;
+    var action = _a.action, onClose = _a.onClose, rowId = _a.rowId;
+    var _b = useState(parseFields(action.fields)), formFields = _b[0], setFormFields = _b[1];
+    var initialValues = useState(getInitialValues(action.fields))[0];
+    var validationSchema = useState(parseValidation(action.fields))[0];
+    useEffect(function () {
+        setOptions(action.fields).then(function () {
+            setFormFields(parseFields(action.fields));
+        });
+    }, []);
+    if (!action.fields)
+        return _jsx(_Fragment, {}, void 0);
+    return (_jsx(_Fragment, { children: _jsx(Formik, __assign({ initialValues: initialValues, validationSchema: Yup.object(validationSchema), onSubmit: function (values) { return __awaiter(_this, void 0, void 0, function () {
+                var res, e_1, err;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            _a.trys.push([0, 5, , 6]);
+                            res = void 0;
+                            if (!rowId) return [3 /*break*/, 2];
+                            return [4 /*yield*/, action.onSubmit(values, rowId)];
+                        case 1:
+                            res = _a.sent();
+                            return [3 /*break*/, 4];
+                        case 2: return [4 /*yield*/, action.onSubmit(values)];
+                        case 3:
+                            res = _a.sent();
+                            _a.label = 4;
+                        case 4:
+                            if (onClose)
+                                onClose();
+                            Swal.fire("Ok");
+                            return [3 /*break*/, 6];
+                        case 5:
+                            e_1 = _a.sent();
+                            if (onClose)
+                                onClose();
+                            err = e_1.request.response;
+                            Swal.fire({
+                                text: "Error: " + err,
+                            });
+                            return [3 /*break*/, 6];
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            }); } }, { children: function (_a) {
+                var isSubmitting = _a.isSubmitting;
+                return (_jsxs(Form, { children: [formFields, _jsx(Button, __assign({ mt: 4, colorScheme: "teal", isLoading: isSubmitting, type: "submit" }, { children: "Submit" }), void 0)] }, void 0));
+            } }), void 0) }, void 0));
+}