admin_lsac 1.3.1 → 1.4.0

package/dist/components/GenericForm.js

@@ -1,305 +0,0 @@
-"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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GenericForm = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var formik_1 = require("formik");
-var Yup = __importStar(require("yup"));
-var sweetalert2_1 = __importDefault(require("sweetalert2"));
-var react_2 = require("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 ((0, jsx_runtime_1.jsx)(formik_1.Field, { 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) {
-                            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));
-}
-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 (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) {
-                    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"
-                                                ? 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 () {
-                                    var value = undefined;
-                                    if (formfield.element.type === "object") {
-                                        value = getCustomInitialValues(formfield.element.fields);
-                                    }
-                                    else {
-                                        value = getCustomInitialValues([formfield.element])[0];
-                                    }
-                                    push(value);
-                                }, children: ["Add ", fieldName] })] }));
-                } }));
-        }
-        else {
-            return generateSingleField(formfield, fieldName, key);
-        }
-    });
-    return computedFields;
-}
-function getCustomInitialValues(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] = getCustomInitialValues(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 getInitialValues(action, rowId) {
-    return __awaiter(this, void 0, void 0, function () {
-        var obj, customInitialValues;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    obj = {};
-                    if (!action.initialise) return [3 /*break*/, 2];
-                    return [4 /*yield*/, action.initialise(rowId)];
-                case 1:
-                    obj = _a.sent();
-                    _a.label = 2;
-                case 2:
-                    customInitialValues = getCustomInitialValues(action.fields);
-                    return [2 /*return*/, Object.assign({}, customInitialValues, 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*/];
-            }
-        });
-    });
-}
-function GenericForm(_a) {
-    var _this = this;
-    var action = _a.action, onClose = _a.onClose, rowId = _a.rowId;
-    var _b = (0, react_2.useState)(parseFields(action.fields)), formFields = _b[0], setFormFields = _b[1];
-    var _c = (0, react_2.useState)(getCustomInitialValues(action.fields)), initialValues = _c[0], setInitialValues = _c[1];
-    var _d = (0, react_2.useState)(parseValidation(action.fields)), validationSchema = _d[0], setValidationSchema = _d[1];
-    (0, react_2.useEffect)(function () {
-        setOptions(action.fields).then(function () {
-            setFormFields(parseFields(action.fields));
-        });
-    }, []);
-    var handleFormReset = function () { return __awaiter(_this, void 0, void 0, function () {
-        var newInitialValues;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, getInitialValues(action, rowId)];
-                case 1:
-                    newInitialValues = _a.sent();
-                    console.log(newInitialValues);
-                    setInitialValues(newInitialValues);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    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, { enableReinitialize: true, initialValues: initialValues, validationSchema: Yup.object(validationSchema), onReset: handleFormReset, 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();
-                            sweetalert2_1.default.fire("Ok");
-                            return [3 /*break*/, 6];
-                        case 5:
-                            e_1 = _a.sent();
-                            if (onClose)
-                                onClose();
-                            err = e_1.request.response;
-                            sweetalert2_1.default.fire({
-                                text: "Error: " + err,
-                            });
-                            return [3 /*break*/, 6];
-                        case 6: return [2 /*return*/];
-                    }
-                });
-            }); }, 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" }), (0, jsx_runtime_1.jsx)(react_1.Button, { mt: 4, colorScheme: "teal", type: "reset", children: "Initialise Form" })] }));
-            } }) }));
-}
-exports.GenericForm = GenericForm;

package/dist/components/Page.js

@@ -1,119 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdminPage = exports.pageToUrl = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_2 = require("@chakra-ui/react");
-var react_3 = require("@chakra-ui/react");
-var GenericForm_1 = require("./GenericForm");
-var react_4 = require("@emotion/react");
-var styles_1 = require("@mui/material/styles");
-var material_react_table_1 = require("material-react-table");
-var export_to_csv_1 = require("export-to-csv");
-var sweetalert2_1 = __importDefault(require("sweetalert2"));
-var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-var socket_io_client_1 = require("socket.io-client");
-var websockets_1 = require("../utils/websockets");
-function pageToUrl(page) {
-    return "".concat(page.name.toLowerCase().replace(" ", "_"));
-}
-exports.pageToUrl = pageToUrl;
-function Header(_a) {
-    var pages = _a.pages, data = _a.data, basePath = _a.basePath;
-    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: "".concat(basePath, "/").concat(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 () {
-                            var filename = prompt("Enter filename:");
-                            if (filename)
-                                exportToCSV(data, filename);
-                        }, children: "Export Data" }) })] }) }));
-}
-function exportToCSV(data, filename) {
-    var formatImageData = function (obj) {
-        var formattedObj = {};
-        var _loop_1 = function (key) {
-            if (typeof obj[key] !== "object") {
-                formattedObj[key] = obj[key];
-            }
-            else if (typeof obj[key] === "object" && obj[key] != null) {
-                Object.keys(obj[key]).forEach(function (k) {
-                    formattedObj["".concat(key, ".").concat(k)] = obj[key][k];
-                });
-            }
-        };
-        for (var key in obj) {
-            _loop_1(key);
-        }
-        return formattedObj;
-    };
-    var formattedData = data.map(formatImageData);
-    var csvConfig = (0, export_to_csv_1.mkConfig)({
-        useKeysAsHeaders: true,
-        filename: filename,
-    });
-    if (formattedData.length > 0) {
-        var csv = (0, export_to_csv_1.generateCsv)(csvConfig)(formattedData);
-        (0, export_to_csv_1.download)(csvConfig)(csv);
-    }
-    else {
-        sweetalert2_1.default.fire({
-            title: "Error while exporting CSV!",
-            text: "There is no data to export.",
-        });
-    }
-}
-function AdminPage(_a) {
-    var _b;
-    var pages = _a.pages, selectedPage = _a.selectedPage, basePath = _a.basePath, _c = _a.apiURL, apiURL = _c === void 0 ? '' : _c;
-    var _d = (0, react_3.useDisclosure)(), isOpen = _d.isOpen, onOpen = _d.onOpen, onClose = _d.onClose;
-    var _e = (0, react_1.useState)({}), selectedAction = _e[0], setSelectedAction = _e[1];
-    var _f = (0, react_1.useState)([]), data = _f[0], setData = _f[1];
-    var _g = (0, react_1.useState)([]), displayData = _g[0], setDisplayData = _g[1];
-    var _h = (0, react_1.useState)(), rowId = _h[0], setRowId = _h[1];
-    var _j = (0, react_1.useState)(false), refetch = _j[0], setRefetch = _j[1];
-    var _k = (0, react_1.useState)(socket_io_client_1.io), socket = _k[0], setSocket = _k[1];
-    (0, websockets_1.newSocket)(setSocket, apiURL);
-    (0, react_1.useEffect)(function () {
-        selectedPage.getRequest().then(function (resArray) {
-            setData(resArray);
-            setRefetch(false);
-        });
-    }, [refetch]); // Do not remove 'refetch' from here !!!
-    (0, react_1.useEffect)(function () {
-        socket.on("updateData", function (message) {
-            console.log("Message emitted from socket: " + message);
-            setRefetch(true);
-            var rowActionsMenu = document.querySelector(".MuiPaper-root.MuiPopover-paper.MuiMenu-paper");
-            if (rowActionsMenu) {
-                rowActionsMenu.remove();
-            }
-        });
-    }, [socket, selectedPage]);
-    (0, react_1.useEffect)(function () {
-        setDisplayData(data.map(function (table_data) {
-            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, basePath: basePath }), (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 ({
-                        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 () {
-                                    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 () {
-                                setSelectedAction(rowAction);
-                                setRowId(obj.row.original[0]);
-                                onOpen();
-                                var rowActionsMenu = document.querySelector(".MuiPaper-root.MuiPopover-paper.MuiMenu-paper");
-                                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 () {
-                                            selectedAction.onSubmit(rowId);
-                                            onClose();
-                                        }, children: "Confirm Action" })), (0, jsx_runtime_1.jsx)(react_3.Button, { colorScheme: "red", mr: 3, onClick: onClose, children: "Close" })] })] })] })] }));
-}
-exports.AdminPage = AdminPage;

package/dist/esm/App.js

@@ -1,10 +0,0 @@
-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 { AdminPage } from "./components/Page";
-import { pageToUrl } from "./components/Page";
-function App(_a) {
-    var pages = _a.pages, basePath = _a.basePath;
-    return (_jsx(ChakraProvider, { children: _jsx(BrowserRouter, { children: _jsxs(Routes, { children: [pages.map(function (page) { return (_jsx(Route, { path: "".concat(basePath, "/").concat(pageToUrl(page)), element: _jsx(AdminPage, { pages: pages, selectedPage: page, basePath: basePath, apiURL: "http://localhost:3001" }) })); }), pages[0] ? (_jsx(Route, { path: "".concat(basePath, "/*"), element: _jsx(AdminPage, { pages: pages, selectedPage: pages[0], basePath: basePath, apiURL: "http://localhost:3001" }) })) : null] }) }) }));
-}
-export default App;