admin_lsac 1.1.4 → 1.2.1

package/dist/cjs/pages/page.js

@@ -0,0 +1,347 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.page = void 0;
+var Yup = __importStar(require("yup"));
+var typeAdding = function (objectField) {
+    objectField.type = "object";
+    objectField.fields = __spreadArray(__spreadArray(__spreadArray(__spreadArray([], objectField.simpleFields, true), objectField.dropdownFields, true), objectField.objectFields, true), objectField.arrayFields, true);
+    if (objectField.objectFields) {
+        objectField.objectFields.map(function (objectField) {
+            objectField = typeAdding(objectField);
+            return objectField;
+        });
+    }
+    if (objectField.arrayFields) {
+        objectField.arrayFields.map(function (arrayField) {
+            arrayField.element = typeAdding(arrayField.element);
+            return arrayField;
+        });
+    }
+    return objectField;
+};
+var arrayObjs = function (x) {
+    if (x > 0)
+        return [{
+                name: "simpleFields",
+                label: "Type SimpleField",
+                type: "array",
+                element: {
+                    name: "",
+                    label: "",
+                    type: "object",
+                    fields: [{
+                            name: "name",
+                            label: "Name",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        },
+                        {
+                            name: "label",
+                            label: "Label",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        },
+                        {
+                            name: "type",
+                            label: "Type",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        },
+                        {
+                            name: "validationSchema",
+                            label: "Validation Schema",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        }]
+                }
+            },
+            {
+                name: "dropdownFields",
+                label: "Type DropdownField",
+                type: "array",
+                element: {
+                    name: "",
+                    label: "",
+                    type: "object",
+                    fields: [{
+                            name: "name",
+                            label: "Name",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        },
+                        {
+                            name: "label",
+                            label: "Label",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        },
+                        {
+                            name: "options",
+                            label: "Options",
+                            type: "array",
+                            element: {
+                                name: "",
+                                label: "",
+                                type: "object",
+                                fields: [{
+                                        name: "value",
+                                        label: "Value",
+                                        type: "string",
+                                        validationSchema: Yup.string().required()
+                                    },
+                                    {
+                                        name: "display",
+                                        label: "Display",
+                                        type: "string",
+                                        validationSchema: Yup.string().required()
+                                    }]
+                            }
+                        },
+                        {
+                            name: "getOptions",
+                            label: "GetOptions Function",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        }]
+                }
+            },
+            {
+                name: "objectFields",
+                label: "Type ObjectField",
+                type: "array",
+                element: {
+                    name: "",
+                    label: "",
+                    type: "object",
+                    fields: __spreadArray([{
+                            name: "name",
+                            label: "Name",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        },
+                        {
+                            name: "label",
+                            label: "Label",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        }], arrayObjs(x - 1), true)
+                }
+            },
+            {
+                name: "arrayFields",
+                label: "Type ArrayField",
+                type: "array",
+                element: {
+                    name: "",
+                    label: "",
+                    type: "object",
+                    fields: __spreadArray([{
+                            name: "name",
+                            label: "Name",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        },
+                        {
+                            name: "label",
+                            label: "Label",
+                            type: "string",
+                            validationSchema: Yup.string().required()
+                        }], arrayObjs(x - 1), true)
+                }
+            }];
+    else
+        return [];
+};
+exports.page = {
+    name: "Pages",
+    getRequest: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, []];
+    }); }); },
+    tableFields: [],
+    actions: [{
+            name: "Create New Page",
+            fields: [{
+                    name: "name",
+                    label: "Page Name",
+                    type: "string",
+                    validationSchema: Yup.string().required()
+                },
+                {
+                    name: "getRequest",
+                    label: "GetRequest",
+                    type: "string",
+                    validationSchema: Yup.string().required()
+                },
+                {
+                    name: "tableFields",
+                    label: "TableFields",
+                    type: "array",
+                    element: {
+                        name: "",
+                        label: "",
+                        type: "object",
+                        fields: [{
+                                name: "name",
+                                label: "TableField Name",
+                                type: "string",
+                                validationSchema: Yup.string().required()
+                            },
+                            {
+                                name: "access",
+                                label: "TableField Access Function",
+                                type: "string",
+                                validationSchema: Yup.string().required()
+                            }]
+                    }
+                },
+                {
+                    name: "actions",
+                    label: "Actions",
+                    type: "array",
+                    element: {
+                        name: "",
+                        label: "",
+                        type: "object",
+                        fields: __spreadArray(__spreadArray([{
+                                name: "name",
+                                label: "Action Name",
+                                type: "string",
+                                validationSchema: Yup.string().required()
+                            }], arrayObjs(4), true), [{
+                                name: "onSubmit",
+                                label: "Action OnSubmit Function",
+                                type: "string",
+                                validationSchema: Yup.string().required()
+                            }], false)
+                    }
+                },
+                {
+                    name: "rowActions",
+                    label: "Row Actions",
+                    type: "array",
+                    element: {
+                        name: "",
+                        label: "",
+                        type: "object",
+                        fields: __spreadArray(__spreadArray([{
+                                name: "name",
+                                label: "Row Action Name",
+                                type: "string",
+                                validationSchema: Yup.string().required()
+                            }], arrayObjs(4), true), [{
+                                name: "initialise",
+                                label: "Row Action Initialise Function",
+                                type: "string",
+                                validationSchema: ""
+                            },
+                            {
+                                name: "onSubmit",
+                                label: "Row Action OnSubmit Function",
+                                type: "string",
+                                validationSchema: Yup.string().required()
+                            }], false)
+                    }
+                }],
+            onSubmit: function (formValues) { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (Array.isArray(formValues.actions))
+                        formValues.actions.map(function (action) {
+                            var _a, _b, _c;
+                            (_a = action.dropdownFields) === null || _a === void 0 ? void 0 : _a.map(function (actionField) { return actionField.type = "dropdown"; });
+                            (_b = action.objectFields) === null || _b === void 0 ? void 0 : _b.map(function (actionField) { return actionField = typeAdding(actionField); });
+                            (_c = action.arrayFields) === null || _c === void 0 ? void 0 : _c.map(function (actionField) {
+                                actionField.type = "array";
+                                actionField.element = typeAdding(actionField.element);
+                                return actionField;
+                            });
+                            action.fields = __spreadArray(__spreadArray(__spreadArray(__spreadArray([], action.simpleFields, true), action.dropdownFields, true), action.objectFields, true), action.arrayFields, true);
+                            return action;
+                        });
+                    if (Array.isArray(formValues.rowActions))
+                        formValues.actions.map(function (rowAction) {
+                            var _a, _b, _c;
+                            (_a = rowAction.dropdownFields) === null || _a === void 0 ? void 0 : _a.map(function (rowActionField) { return rowActionField.type = "dropdown"; });
+                            (_b = rowAction.objectFields) === null || _b === void 0 ? void 0 : _b.map(function (rowActionField) { return rowActionField = typeAdding(rowActionField); });
+                            (_c = rowAction.arrayFields) === null || _c === void 0 ? void 0 : _c.map(function (rowActionField) {
+                                rowActionField.type = "array";
+                                rowActionField.element = typeAdding(rowActionField.element);
+                                return rowActionField;
+                            });
+                            rowAction.fields = __spreadArray(__spreadArray(__spreadArray(__spreadArray([], rowAction.simpleFields, true), rowAction.dropdownFields, true), rowAction.objectFields, true), rowAction.arrayFields, true);
+                            return rowAction;
+                        });
+                    console.log(formValues);
+                    return [2 /*return*/, []];
+                });
+            }); }
+        }],
+    rowActions: [],
+};

package/dist/cjs/reportWebVitals.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var reportWebVitals = function (onPerfEntry) {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        Promise.resolve().then(function () { return __importStar(require("web-vitals")); }).then(function (_a) {
+            var getCLS = _a.getCLS, getFID = _a.getFID, getFCP = _a.getFCP, getLCP = _a.getLCP, getTTFB = _a.getTTFB;
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+exports.default = reportWebVitals;

package/dist/cjs/schema/schema.config.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pages = void 0;
+var event_1 = require("../pages/event");
+var page_1 = require("../pages/page");
+exports.pages = [
+    event_1.event, // example schema
+    page_1.page,
+];

package/dist/cjs/schema/schema.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pageToUrl = void 0;
+function pageToUrl(page) {
+    return "/".concat(page.name.toLowerCase().replace(" ", "_"));
+}
+exports.pageToUrl = pageToUrl;

package/dist/cjs/setupTests.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+require("@testing-library/jest-dom");

package/dist/components/GenericForm.js

@@ -12,11 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -48,7 +44,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     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 {
+        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]) {
@@ -111,15 +107,15 @@ function parseValidation(fields) {
     }, {});
 }
 function generateSingleField(formfield, fieldName, key) {
-    return ((0, jsx_runtime_1.jsx)(formik_1.Field, { name: fieldName, children: function (_a) {
+    return ((0, jsx_runtime_1.jsx)(formik_1.Field, __assign({ name: fieldName }, { children: function (_a) {
             var _b;
             var field = _a.field, form = _a.form;
-            return ((0, jsx_runtime_1.jsxs)(react_1.FormControl, { isInvalid: (0, formik_1.getIn)(form.touched, fieldName) && (0, formik_1.getIn)(form.errors, fieldName), children: [(0, jsx_runtime_1.jsx)(react_1.FormLabel, { marginTop: 2, children: formfield.label }), formfield.type === "string" || formfield.type === "number" ? ((0, jsx_runtime_1.jsx)(react_1.Input, __assign({}, field, { type: formfield.type === "number" ? "number" : "text", placeholder: "" }))) : formfield.type === "file" ? ((0, jsx_runtime_1.jsx)(react_1.Input, { type: "file", name: fieldName, onChange: function (event) {
+            return ((0, jsx_runtime_1.jsxs)(react_1.FormControl, __assign({ isInvalid: (0, formik_1.getIn)(form.touched, fieldName) && (0, formik_1.getIn)(form.errors, fieldName) }, { children: [(0, jsx_runtime_1.jsx)(react_1.FormLabel, __assign({ marginTop: 2 }, { children: formfield.label }), void 0), formfield.type === "string" || formfield.type === "number" ? ((0, jsx_runtime_1.jsx)(react_1.Input, __assign({}, field, { type: formfield.type === "number" ? "number" : "text", placeholder: "" }), void 0)) : formfield.type === "file" ? ((0, jsx_runtime_1.jsx)(react_1.Input, { type: "file", name: fieldName, onChange: function (event) {
                             if (event.currentTarget.files != null) {
                                 form.setFieldValue(fieldName, event.currentTarget.files[0]);
                             }
-                        } })) : ((0, jsx_runtime_1.jsxs)(react_1.Select, __assign({}, field, { defaultValue: "", children: [(0, jsx_runtime_1.jsx)("option", { disabled: true, value: "", children: "Select an option!" }), (_b = formfield.options) === null || _b === void 0 ? void 0 : _b.map(function (option, key) { return ((0, jsx_runtime_1.jsx)("option", { value: "".concat(option.value), children: option.display }, key)); })] }))), (0, jsx_runtime_1.jsx)(react_1.FormErrorMessage, { children: (0, formik_1.getIn)(form.errors, fieldName) })] }));
-        } }, key));
+                        } }, void 0)) : ((0, jsx_runtime_1.jsxs)(react_1.Select, __assign({}, field, { defaultValue: "" }, { children: [(0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)("option", __assign({ value: "".concat(option.value) }, { children: option.display }), key)); })] }), void 0)), (0, jsx_runtime_1.jsx)(react_1.FormErrorMessage, { children: (0, formik_1.getIn)(form.errors, fieldName) }, void 0)] }), void 0));
+        } }), key));
 }
 function parseFields(fields, previous) {
     if (!fields) {
@@ -132,12 +128,12 @@ function parseFields(fields, previous) {
             return (0, jsx_runtime_1.jsx)(react_1.FormControl, { children: objectFields }, fieldName);
         }
         else if (formfield.type === "array") {
-            return ((0, jsx_runtime_1.jsx)(formik_1.FieldArray, { name: fieldName, children: function (_a) {
+            return ((0, jsx_runtime_1.jsx)(formik_1.FieldArray, __assign({ name: fieldName }, { children: function (_a) {
                     var remove = _a.remove, push = _a.push, form = _a.form;
-                    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(react_1.FormLabel, { marginTop: 2, children: formfield.label }), (0, formik_1.getIn)(form.values, fieldName).length > 0 &&
-                                (0, formik_1.getIn)(form.values, fieldName).map(function (element, index) { return ((0, jsx_runtime_1.jsxs)(react_1.Box, { paddingLeft: 10, children: [(0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)("b", { children: "".concat(fieldName, ".").concat(index) }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { paddingLeft: 10, children: formfield.element.type === "object"
+                    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(react_1.FormLabel, __assign({ marginTop: 2 }, { children: formfield.label }), void 0), (0, formik_1.getIn)(form.values, fieldName).length > 0 &&
+                                (0, formik_1.getIn)(form.values, fieldName).map(function (element, index) { return ((0, jsx_runtime_1.jsxs)(react_1.Box, __assign({ paddingLeft: 10 }, { children: [(0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)("b", { children: "".concat(fieldName, ".").concat(index) }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(react_1.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) }), (0, jsx_runtime_1.jsxs)(react_1.Button, { type: "button", colorScheme: "red", marginY: 2, onClick: function () { return remove(index); }, children: ["Remove ", "".concat(fieldName, ".").concat(index)] })] })); }), (0, jsx_runtime_1.jsxs)(react_1.Button, { type: "button", marginY: 2, colorScheme: "blue", onClick: function () {
+                                                : generateSingleField(formfield.element, "".concat(fieldName, ".").concat(index), key) }), void 0), (0, jsx_runtime_1.jsxs)(react_1.Button, __assign({ type: "button", colorScheme: "red", marginY: 2, onClick: function () { return remove(index); } }, { children: ["Remove ", "".concat(fieldName, ".").concat(index)] }), void 0)] }), void 0)); }), (0, jsx_runtime_1.jsxs)(react_1.Button, __assign({ type: "button", marginY: 2, colorScheme: "blue", onClick: function () {
                                     var value = undefined;
                                     if (formfield.element.type === "object") {
                                         value = getInitialValues(formfield.element.fields);
@@ -146,8 +142,8 @@ function parseFields(fields, previous) {
                                         value = getInitialValues([formfield.element])[0];
                                     }
                                     push(value);
-                                }, children: ["Add ", fieldName] })] }));
-                } }));
+                                } }, { children: ["Add ", fieldName] }), void 0)] }, void 0));
+                } }), void 0));
         }
         else {
             return generateSingleField(formfield, fieldName, key);
@@ -231,8 +227,8 @@ function GenericForm(_a) {
         });
     }, []);
     if (!action.fields)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(formik_1.Formik, { initialValues: initialValues, validationSchema: Yup.object(validationSchema), onSubmit: function (values) { return __awaiter(_this, void 0, void 0, function () {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(formik_1.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) {
@@ -265,9 +261,9 @@ function GenericForm(_a) {
                         case 6: return [2 /*return*/];
                     }
                 });
-            }); }, children: function (_a) {
+            }); } }, { children: function (_a) {
                 var isSubmitting = _a.isSubmitting;
-                return ((0, jsx_runtime_1.jsxs)(formik_1.Form, { children: [formFields, (0, jsx_runtime_1.jsx)(react_1.Button, { mt: 4, colorScheme: "teal", isLoading: isSubmitting, type: "submit", children: "Submit" })] }));
-            } }) }));
+                return ((0, jsx_runtime_1.jsxs)(formik_1.Form, { children: [formFields, (0, jsx_runtime_1.jsx)(react_1.Button, __assign({ mt: 4, colorScheme: "teal", isLoading: isSubmitting, type: "submit" }, { children: "Submit" }), void 0)] }, void 0));
+            } }), void 0) }, void 0));
 }
 exports.GenericForm = GenericForm;

package/dist/components/Page.js

@@ -1,4 +1,15 @@
 "use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,11 +31,11 @@ var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 function Header(_a) {
     var pages = _a.pages, data = _a.data;
     var nav = (0, react_router_1.useNavigate)();
-    return ((0, jsx_runtime_1.jsx)(react_3.Box, { background: "blue.50", padding: 1, children: (0, jsx_runtime_1.jsxs)(react_3.Stack, { margin: 3, direction: "row", justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(react_3.Stack, { margin: 4, gap: 10, direction: "row", alignItems: "center", children: pages.map(function (p) { return ((0, jsx_runtime_1.jsx)(react_3.Box, { as: "a", href: (0, schema_1.pageToUrl)(p), children: p.name })); }) }), (0, jsx_runtime_1.jsx)(react_3.Stack, { direction: "row", children: (0, jsx_runtime_1.jsx)(react_3.Button, { colorScheme: "red", onClick: function () {
+    return ((0, jsx_runtime_1.jsx)(react_3.Box, __assign({ background: "blue.50", padding: 1 }, { children: (0, jsx_runtime_1.jsxs)(react_3.Stack, __assign({ margin: 3, direction: "row", justifyContent: "space-between", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(react_3.Stack, __assign({ margin: 4, gap: 10, direction: "row", alignItems: "center" }, { children: pages.map(function (p) { return ((0, jsx_runtime_1.jsx)(react_3.Box, __assign({ as: "a", href: (0, schema_1.pageToUrl)(p) }, { children: p.name }), void 0)); }) }), void 0), (0, jsx_runtime_1.jsx)(react_3.Stack, __assign({ direction: "row" }, { children: (0, jsx_runtime_1.jsx)(react_3.Button, __assign({ colorScheme: "red", onClick: function () {
                             var filename = prompt("Enter filename:");
                             if (filename)
                                 exportToCSV(data, filename);
-                        }, children: "Export Data" }) })] }) }));
+                        } }, { children: "Export Data" }), void 0) }), void 0)] }), void 0) }), void 0));
 }
 function exportToCSV(data, filename) {
     var formatImageData = function (obj) {
@@ -70,14 +81,14 @@ function Page(_a) {
             return selectedPage.tableFields.map(function (field) { return field.access(table_data); });
         }));
     }, [data]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header, { pages: pages, data: data }), (0, jsx_runtime_1.jsx)(react_4.ThemeProvider, { theme: (0, styles_1.createTheme)(), children: (0, jsx_runtime_1.jsx)(material_react_table_1.MaterialReactTable, { columns: selectedPage.tableFields.map(function (field, index) { return ({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header, { pages: pages, data: data }, void 0), (0, jsx_runtime_1.jsx)(react_4.ThemeProvider, __assign({ theme: (0, styles_1.createTheme)() }, { children: (0, jsx_runtime_1.jsx)(material_react_table_1.MaterialReactTable, { columns: selectedPage.tableFields.map(function (field, index) { return ({
                         accessorFn: function (row) { return row[index]; },
                         header: field.name,
-                    }); }), data: displayData, muiTableContainerProps: { sx: { maxHeight: "70vh" } }, enableColumnResizing: true, enableColumnPinning: true, enableGlobalFilterModes: true, enablePagination: true, paginationDisplayMode: "pages", enableRowVirtualization: true, rowVirtualizerOptions: { overscan: 20 }, renderTopToolbarCustomActions: function () { return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(react_3.Stack, { margin: 0, padding: 3, direction: "row", children: selectedPage.actions.map(function (action) { return ((0, jsx_runtime_1.jsx)(react_3.Button, { colorScheme: "blue", onClick: function () {
+                    }); }), data: displayData, muiTableContainerProps: { sx: { maxHeight: "70vh" } }, enableColumnResizing: true, enableColumnPinning: true, enableGlobalFilterModes: true, enablePagination: true, paginationDisplayMode: "pages", enableRowVirtualization: true, rowVirtualizerOptions: { overscan: 20 }, renderTopToolbarCustomActions: function () { return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(react_3.Stack, __assign({ margin: 0, padding: 3, direction: "row" }, { children: selectedPage.actions.map(function (action) { return ((0, jsx_runtime_1.jsx)(react_3.Button, __assign({ colorScheme: "blue", onClick: function () {
                                     setSelectedAction(action);
                                     onOpen();
-                                }, children: action.name })); }) }) })); }, enableRowActions: true, renderRowActionMenuItems: function (obj) {
-                        return selectedPage.rowActions.map(function (rowAction) { return ((0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: function () {
+                                } }, { children: action.name }), void 0)); }) }), void 0) }, void 0)); }, enableRowActions: true, renderRowActionMenuItems: function (obj) {
+                        return selectedPage.rowActions.map(function (rowAction) { return ((0, jsx_runtime_1.jsx)(MenuItem_1.default, __assign({ onClick: function () {
                                 setSelectedAction(rowAction);
                                 setRowId(obj.row.original[0]);
                                 onOpen();
@@ -85,11 +96,11 @@ function Page(_a) {
                                 if (rowActionsMenu) {
                                     rowActionsMenu.remove();
                                 }
-                            }, children: rowAction.name + " " + obj.row.original[0] })); });
-                    } }) }), (0, jsx_runtime_1.jsxs)(react_3.Modal, { size: "6xl", isOpen: isOpen, onClose: onClose, children: [(0, jsx_runtime_1.jsx)(react_3.ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(react_3.ModalContent, { children: [(0, jsx_runtime_1.jsx)(react_3.ModalHeader, { children: selectedAction.name }), (0, jsx_runtime_1.jsx)(react_3.ModalCloseButton, {}), (0, jsx_runtime_1.jsxs)(react_3.ModalBody, { children: [selectedAction.fields && ((_b = selectedAction.fields) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ((0, jsx_runtime_1.jsx)(GenericForm_1.GenericForm, { action: selectedAction, onClose: onClose, rowId: rowId })) : ((0, jsx_runtime_1.jsx)(react_3.Button, { colorScheme: "blue", mr: 3, onClick: function () {
+                            } }, { children: rowAction.name + " " + obj.row.original[0] }), void 0)); });
+                    } }, void 0) }), void 0), (0, jsx_runtime_1.jsxs)(react_3.Modal, __assign({ size: "6xl", isOpen: isOpen, onClose: onClose }, { children: [(0, jsx_runtime_1.jsx)(react_3.ModalOverlay, {}, void 0), (0, jsx_runtime_1.jsxs)(react_3.ModalContent, { children: [(0, jsx_runtime_1.jsx)(react_3.ModalHeader, { children: selectedAction.name }, void 0), (0, jsx_runtime_1.jsx)(react_3.ModalCloseButton, {}, void 0), (0, jsx_runtime_1.jsxs)(react_3.ModalBody, { children: [selectedAction.fields && ((_b = selectedAction.fields) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ((0, jsx_runtime_1.jsx)(GenericForm_1.GenericForm, { action: selectedAction, onClose: onClose, rowId: rowId }, void 0)) : ((0, jsx_runtime_1.jsx)(react_3.Button, __assign({ colorScheme: "blue", mr: 3, onClick: function () {
                                             selectedAction.onSubmit(rowId);
                                             onClose();
                                             window.location.reload();
-                                        }, children: "Confirm Action" })), (0, jsx_runtime_1.jsx)(react_3.Button, { colorScheme: "red", mr: 3, onClick: onClose, children: "Close" })] })] })] })] }));
+                                        } }, { children: "Confirm Action" }), void 0)), (0, jsx_runtime_1.jsx)(react_3.Button, __assign({ colorScheme: "red", mr: 3, onClick: onClose }, { children: "Close" }), void 0)] }, void 0)] }, void 0)] }), void 0)] }, void 0));
 }
 exports.Page = Page;

package/dist/esm/App.js

@@ -1,12 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChakraProvider } from "@chakra-ui/react";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
-import { Page } from "./components/Page";
-import { pageToUrl } from "./schema/schema";
-function AdminPanel(_a) {
-    var pages = _a.pages;
-    return (_jsx(ChakraProvider, { children: _jsx(BrowserRouter, { children: _jsxs(Routes, { children: [pages.map(function (page) { return (_jsx(Route, { path: pageToUrl(page), element: _jsx(Page, { pages: pages, selectedPage: page }) })); }), pages[0] ?
-                        _jsx(Route, { path: "*", element: _jsx(Page, { pages: pages, selectedPage: pages[0] }) })
-                        : null] }) }) }));
-}
-export default AdminPanel;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChakraProvider } from "@chakra-ui/react";
+import { Route, Routes } from "react-router-dom";
+import { Page } from "./components/Page";
+import { pageToUrl } from "./schema/schema";
+import * as React from "react";
+import { page } from "./pages/page";
+function AdminPanel(_a) {
+    var pages = _a.pages, basePath = _a.basePath;
+    var _b = React.useState(pages), pagesToDisplay = _b[0], setPagesToDisplay = _b[1];
+    React.useEffect(function () {
+        setPagesToDisplay(__spreadArray(__spreadArray([], pages, true), [page], false));
+    }, []);
+    return (_jsx(ChakraProvider, { children: _jsxs(Routes, { children: [pagesToDisplay.map(function (page) { return (_jsx(Route, { path: "".concat(basePath, "/").concat(pageToUrl(page)), element: _jsx(Page, { pages: pagesToDisplay, selectedPage: page }, void 0) }, void 0)); }), pages[0] ?
+                    _jsx(Route, { path: "".concat(basePath, "/*"), element: _jsx(Page, { pages: pagesToDisplay, selectedPage: pages[0] }, void 0) }, void 0)
+                    : null] }, void 0) }, void 0));
+}
+export default AdminPanel;