admin_lsac 1.1.4 → 1.2.2

package/dist/esm/components/Page.js

@@ -1,99 +1,99 @@
-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);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { ChakraProvider } from "@chakra-ui/react";
-import { pageToUrl } from "../schema/schema";
-import { Button, Modal, ModalHeader, ModalBody, useDisclosure, ModalOverlay, ModalContent, ModalCloseButton, Box, Stack, } from "@chakra-ui/react";
-import { GenericForm } from "./GenericForm";
-import { useNavigate } from "react-router";
-import { ThemeProvider } from "@emotion/react";
-import { createTheme } from "@mui/material/styles";
-import { MaterialReactTable } from "material-react-table";
-import { mkConfig, generateCsv, download } from "export-to-csv";
-import Swal from "sweetalert2";
-import MenuItem from "@mui/material/MenuItem";
-function Header(_a) {
-    var pages = _a.pages, data = _a.data;
-    var nav = useNavigate();
-    return (_jsx(Box, __assign({ background: "blue.50", padding: 1 }, { children: _jsxs(Stack, __assign({ margin: 3, direction: "row", justifyContent: "space-between", alignItems: "center" }, { children: [_jsx(Stack, __assign({ margin: 4, gap: 10, direction: "row", alignItems: "center" }, { children: pages.map(function (p) { return (_jsx(Box, __assign({ as: "a", href: pageToUrl(p) }, { children: p.name }))); }) })), _jsx(Stack, __assign({ direction: "row" }, { children: _jsx(Button, __assign({ 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 = {};
-        for (var key in obj) {
-            if (typeof obj[key] !== "object") {
-                formattedObj[key] = obj[key];
-            }
-        }
-        return formattedObj;
-    };
-    var formattedData = data.map(formatImageData);
-    var csvConfig = mkConfig({
-        useKeysAsHeaders: true,
-        filename: filename,
-    });
-    if (formattedData.length > 0) {
-        var csv = generateCsv(csvConfig)(formattedData);
-        download(csvConfig)(csv);
-    }
-    else {
-        Swal.fire({
-            title: "Error while exporting CSV!",
-            text: "There is no data to export.",
-        });
-    }
-}
-export function Page(_a) {
-    var _b;
-    var pages = _a.pages, selectedPage = _a.selectedPage;
-    var _c = useDisclosure(), isOpen = _c.isOpen, onOpen = _c.onOpen, onClose = _c.onClose;
-    var _d = useState({}), selectedAction = _d[0], setSelectedAction = _d[1];
-    var _e = useState([]), data = _e[0], setData = _e[1];
-    var _f = useState([]), displayData = _f[0], setDisplayData = _f[1];
-    var _g = useState(), rowId = _g[0], setRowId = _g[1];
-    useEffect(function () {
-        selectedPage.getRequest().then(function (resArray) {
-            setData(resArray);
-        });
-    }, []);
-    useEffect(function () {
-        setDisplayData(data.map(function (table_data) {
-            return selectedPage.tableFields.map(function (field) { return field.access(table_data); });
-        }));
-    }, [data]);
-    return (_jsxs(_Fragment, { children: [_jsx(Header, { pages: pages, data: data }), _jsx(ThemeProvider, __assign({ theme: createTheme() }, { children: _jsx(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 (_jsx(ChakraProvider, { children: _jsx(Stack, __assign({ margin: 0, padding: 3, direction: "row" }, { children: selectedPage.actions.map(function (action) { return (_jsx(Button, __assign({ colorScheme: "blue", onClick: function () {
-                                    setSelectedAction(action);
-                                    onOpen();
-                                } }, { children: action.name }))); }) })) })); }, enableRowActions: true, renderRowActionMenuItems: function (obj) {
-                        return selectedPage.rowActions.map(function (rowAction) { return (_jsx(MenuItem, __assign({ 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] }))); });
-                    } }) })), _jsxs(Modal, __assign({ size: "6xl", isOpen: isOpen, onClose: onClose }, { children: [_jsx(ModalOverlay, {}), _jsxs(ModalContent, { children: [_jsx(ModalHeader, { children: selectedAction.name }), _jsx(ModalCloseButton, {}), _jsxs(ModalBody, { children: [selectedAction.fields && ((_b = selectedAction.fields) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (_jsx(GenericForm, { action: selectedAction, onClose: onClose, rowId: rowId })) : (_jsx(Button, __assign({ colorScheme: "blue", mr: 3, onClick: function () {
-                                            selectedAction.onSubmit(rowId);
-                                            onClose();
-                                            window.location.reload();
-                                        } }, { children: "Confirm Action" }))), _jsx(Button, __assign({ colorScheme: "red", mr: 3, onClick: onClose }, { children: "Close" }))] })] })] }))] }));
-}
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ChakraProvider } from "@chakra-ui/react";
+import { pageToUrl } from "../schema/schema";
+import { Button, Modal, ModalHeader, ModalBody, useDisclosure, ModalOverlay, ModalContent, ModalCloseButton, Box, Stack, } from "@chakra-ui/react";
+import { GenericForm } from "./GenericForm";
+import { useNavigate } from "react-router";
+import { ThemeProvider } from "@emotion/react";
+import { createTheme } from "@mui/material/styles";
+import { MaterialReactTable } from "material-react-table";
+import { mkConfig, generateCsv, download } from "export-to-csv";
+import Swal from "sweetalert2";
+import MenuItem from "@mui/material/MenuItem";
+function Header(_a) {
+    var pages = _a.pages, data = _a.data, basePath = _a.basePath;
+    var nav = useNavigate();
+    return (_jsx(Box, __assign({ background: "blue.50", padding: 1 }, { children: _jsxs(Stack, __assign({ margin: 3, direction: "row", justifyContent: "space-between", alignItems: "center" }, { children: [_jsx(Stack, __assign({ margin: 4, gap: 10, direction: "row", alignItems: "center" }, { children: pages.map(function (p) { return (_jsx(Box, __assign({ as: "a", href: "".concat(basePath, "/").concat(pageToUrl(p)) }, { children: p.name }), void 0)); }) }), void 0), _jsx(Stack, __assign({ direction: "row" }, { children: _jsx(Button, __assign({ colorScheme: "red", onClick: function () {
+                            var filename = prompt("Enter filename:");
+                            if (filename)
+                                exportToCSV(data, filename);
+                        } }, { children: "Export Data" }), void 0) }), void 0)] }), void 0) }), void 0));
+}
+function exportToCSV(data, filename) {
+    var formatImageData = function (obj) {
+        var formattedObj = {};
+        for (var key in obj) {
+            if (typeof obj[key] !== "object") {
+                formattedObj[key] = obj[key];
+            }
+        }
+        return formattedObj;
+    };
+    var formattedData = data.map(formatImageData);
+    var csvConfig = mkConfig({
+        useKeysAsHeaders: true,
+        filename: filename,
+    });
+    if (formattedData.length > 0) {
+        var csv = generateCsv(csvConfig)(formattedData);
+        download(csvConfig)(csv);
+    }
+    else {
+        Swal.fire({
+            title: "Error while exporting CSV!",
+            text: "There is no data to export.",
+        });
+    }
+}
+export function Page(_a) {
+    var _b;
+    var pages = _a.pages, selectedPage = _a.selectedPage, basePath = _a.basePath;
+    var _c = useDisclosure(), isOpen = _c.isOpen, onOpen = _c.onOpen, onClose = _c.onClose;
+    var _d = useState({}), selectedAction = _d[0], setSelectedAction = _d[1];
+    var _e = useState([]), data = _e[0], setData = _e[1];
+    var _f = useState([]), displayData = _f[0], setDisplayData = _f[1];
+    var _g = useState(), rowId = _g[0], setRowId = _g[1];
+    useEffect(function () {
+        selectedPage.getRequest().then(function (resArray) {
+            setData(resArray);
+        });
+    }, []);
+    useEffect(function () {
+        setDisplayData(data.map(function (table_data) {
+            return selectedPage.tableFields.map(function (field) { return field.access(table_data); });
+        }));
+    }, [data]);
+    return (_jsxs(_Fragment, { children: [_jsx(Header, { pages: pages, data: data, basePath: basePath }, void 0), _jsx(ThemeProvider, __assign({ theme: createTheme() }, { children: _jsx(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 (_jsx(ChakraProvider, { children: _jsx(Stack, __assign({ margin: 0, padding: 3, direction: "row" }, { children: selectedPage.actions.map(function (action) { return (_jsx(Button, __assign({ colorScheme: "blue", onClick: function () {
+                                    setSelectedAction(action);
+                                    onOpen();
+                                } }, { children: action.name }), void 0)); }) }), void 0) }, void 0)); }, enableRowActions: true, renderRowActionMenuItems: function (obj) {
+                        return selectedPage.rowActions.map(function (rowAction) { return (_jsx(MenuItem, __assign({ 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] }), void 0)); });
+                    } }, void 0) }), void 0), _jsxs(Modal, __assign({ size: "6xl", isOpen: isOpen, onClose: onClose }, { children: [_jsx(ModalOverlay, {}, void 0), _jsxs(ModalContent, { children: [_jsx(ModalHeader, { children: selectedAction.name }, void 0), _jsx(ModalCloseButton, {}, void 0), _jsxs(ModalBody, { children: [selectedAction.fields && ((_b = selectedAction.fields) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (_jsx(GenericForm, { action: selectedAction, onClose: onClose, rowId: rowId }, void 0)) : (_jsx(Button, __assign({ colorScheme: "blue", mr: 3, onClick: function () {
+                                            selectedAction.onSubmit(rowId);
+                                            onClose();
+                                            window.location.reload();
+                                        } }, { children: "Confirm Action" }), void 0)), _jsx(Button, __assign({ colorScheme: "red", mr: 3, onClick: onClose }, { children: "Close" }), void 0)] }, void 0)] }, void 0)] }), void 0)] }, void 0));
+}

package/dist/esm/index.js

@@ -1,13 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import ReactDOM from "react-dom/client";
-import "./index.css";
-import AdminPanel from "./App";
-import reportWebVitals from "./reportWebVitals";
-import { event } from "./pages/event";
-var root = ReactDOM.createRoot(document.getElementById("root"));
-root.render(_jsx(React.StrictMode, { children: _jsx(AdminPanel, { pages: [event] }) }));
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./index.css";
+import AdminPanel from "./App";
+import reportWebVitals from "./reportWebVitals";
+import { event } from "./pages/event";
+var root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(_jsx(React.StrictMode, { children: _jsx(AdminPanel, { pages: [event], basePath: "" }, void 0) }, void 0));
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

package/dist/esm/pages/event.js

@@ -1,104 +1,104 @@
-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 React from "react";
-var domain = "http://localhost:3001";
-export var event = {
-    name: "Events",
-    actions: [],
-    rowActions: [],
-    getRequest: function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            // const res = await axios.get(domain + "/events");
-            // return res.data;
-            return [2 /*return*/, []];
-        });
-    }); },
-    tableFields: [
-        {
-            name: "Id",
-            access: function (obj) { return obj.id; },
-        },
-        {
-            name: "Event Name",
-            access: function (obj) { return obj.name; },
-        },
-        {
-            name: "Description",
-            access: function (obj) { return obj.description; },
-        },
-        {
-            name: "Category",
-            access: function (obj) { return obj.category; },
-        },
-        {
-            name: "Ticket Type",
-            access: function (obj) { return obj.ticketType; },
-        },
-        {
-            name: "Date",
-            access: function (obj) { return obj.date; },
-        },
-        {
-            name: "Release",
-            access: function (obj) { return obj.release; },
-        },
-        {
-            name: "Is Released",
-            access: function (obj) { return (obj.isReleased ? "Is Released" : "Not Released"); },
-        },
-        {
-            name: "Available Tickets",
-            access: function (obj) { return obj.availableTickets; },
-        },
-        {
-            name: "Max Tickets",
-            access: function (obj) { return obj.maxTickets; },
-        },
-        {
-            name: "Image",
-            access: function (obj) {
-                return obj.imgUrl
-                    ? React.createElement("img", {
-                        src: obj.imgUrl,
-                        alt: "ERROR",
-                        style: { width: "100px" },
-                    })
-                    : "No Image Available";
-            },
-        },
-    ],
-};
+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 React from "react";
+var domain = "http://localhost:3001";
+export var event = {
+    name: "Events",
+    actions: [],
+    rowActions: [],
+    getRequest: function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            // const res = await axios.get(domain + "/events");
+            // return res.data;
+            return [2 /*return*/, []];
+        });
+    }); },
+    tableFields: [
+        {
+            name: "Id",
+            access: function (obj) { return obj.id; },
+        },
+        {
+            name: "Event Name",
+            access: function (obj) { return obj.name; },
+        },
+        {
+            name: "Description",
+            access: function (obj) { return obj.description; },
+        },
+        {
+            name: "Category",
+            access: function (obj) { return obj.category; },
+        },
+        {
+            name: "Ticket Type",
+            access: function (obj) { return obj.ticketType; },
+        },
+        {
+            name: "Date",
+            access: function (obj) { return obj.date; },
+        },
+        {
+            name: "Release",
+            access: function (obj) { return obj.release; },
+        },
+        {
+            name: "Is Released",
+            access: function (obj) { return (obj.isReleased ? "Is Released" : "Not Released"); },
+        },
+        {
+            name: "Available Tickets",
+            access: function (obj) { return obj.availableTickets; },
+        },
+        {
+            name: "Max Tickets",
+            access: function (obj) { return obj.maxTickets; },
+        },
+        {
+            name: "Image",
+            access: function (obj) {
+                return obj.imgUrl
+                    ? React.createElement("img", {
+                        src: obj.imgUrl,
+                        alt: "ERROR",
+                        style: { width: "100px" },
+                    })
+                    : "No Image Available";
+            },
+        },
+    ],
+};