admin_lsac 1.1.4 → 1.2.2

package/dist/pages/page.js

@@ -0,0 +1,343 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    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];
+}));
+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 (_) 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/reportWebVitals.js

@@ -1,11 +1,7 @@
 "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);
+    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];

package/dist/schema/schema.config.js

@@ -2,6 +2,8 @@
 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
+    event_1.event,
+    page_1.page,
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admin_lsac",
-  "version": "1.1.4",
+  "version": "1.2.2",
   "description": "Generic Admin Panel created for storing events' data",
   "private": false,
   "dependencies": {

package/src/App.tsx

@@ -3,6 +3,7 @@ import { BrowserRouter, 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";
 
 interface TableField {
   name: string;
@@ -66,25 +67,29 @@ interface PageSchema {
   tableFields: TableField[];
 }
 
-function AdminPanel({ pages }: { pages: PageSchema[] }) {
+function AdminPanel({ pages, basePath }: { pages: PageSchema[], basePath: string }) {
+  const [pagesToDisplay, setPagesToDisplay] = React.useState(pages);
+
+  React.useEffect(() => {
+    setPagesToDisplay([...pages, page]);
+  }, [])
+
   return (
     <ChakraProvider>
-      <BrowserRouter>
-        <Routes>
-          {pages.map((page) => (
-            <Route
-              path={pageToUrl(page)}
-              element={<Page pages={pages} selectedPage={page} />}
-            />
-          ))}
-          {pages[0] ?
-            <Route
-              path="*"
-              element={<Page pages={pages} selectedPage={pages[0]} />}
-            />
-            : null}
-        </Routes>
-      </BrowserRouter>
+      <Routes>
+        {pagesToDisplay.map((page) => (
+          <Route
+            path={`${basePath}/${pageToUrl(page)}`}
+            element={<Page pages={pagesToDisplay} selectedPage={page} basePath={basePath} />}
+          />
+        ))}
+        {pages[0] ?
+          <Route
+            path={`${basePath}/*`}
+            element={<Page pages={pagesToDisplay} selectedPage={pages[0]} basePath={basePath} />}
+          />
+          : null}
+      </Routes>
     </ChakraProvider>
   );
 }

package/src/components/Page.tsx

@@ -22,7 +22,7 @@ import { mkConfig, generateCsv, download } from "export-to-csv";
 import Swal from "sweetalert2";
 import MenuItem from "@mui/material/MenuItem";
 
-function Header({ pages, data }: { pages: PageSchema[]; data: any[] }) {
+function Header({ pages, data, basePath }: { pages: PageSchema[]; data: any[], basePath: string }) {
   const nav = useNavigate();
   return (
     <Box background="blue.50" padding={1}>
@@ -34,7 +34,7 @@ function Header({ pages, data }: { pages: PageSchema[]; data: any[] }) {
       >
         <Stack margin={4} gap={10} direction="row" alignItems="center">
           {pages.map((p) => (
-            <Box as="a" href={pageToUrl(p)}>
+            <Box as="a" href={`${basePath}/${pageToUrl(p)}`}>
               {p.name}
             </Box>
           ))}
@@ -87,9 +87,11 @@ function exportToCSV(data: any[], filename: string) {
 export function Page({
   pages,
   selectedPage,
+  basePath
 }: {
   pages: PageSchema[];
   selectedPage: PageSchema;
+  basePath: string;
 }) {
   const { isOpen, onOpen, onClose } = useDisclosure();
   const [selectedAction, setSelectedAction] = useState({} as Action);
@@ -113,7 +115,7 @@ export function Page({
 
   return (
     <>
-      <Header pages={pages} data={data} />
+      <Header pages={pages} data={data} basePath={basePath} />
 
       <ThemeProvider theme={createTheme()}>
         <MaterialReactTable
@@ -148,7 +150,7 @@ export function Page({
             </ChakraProvider>
           )}
           enableRowActions
-          renderRowActionMenuItems={(obj) => {
+          renderRowActionMenuItems={(obj: any) => {
             return selectedPage.rowActions.map((rowAction) => (
               <MenuItem
                 onClick={() => {

package/src/index.tsx

@@ -1,20 +1,20 @@
-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";
-
-const root = ReactDOM.createRoot(
-  document.getElementById("root") as HTMLElement
-);
-root.render(
-  <React.StrictMode>
-    <AdminPanel pages={[event]} />
-  </React.StrictMode>
-);
-
-// 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 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";
+
+const root = ReactDOM.createRoot(
+  document.getElementById("root") as HTMLElement
+);
+root.render(
+  <React.StrictMode>
+    <AdminPanel pages={[event]} basePath="" />
+  </React.StrictMode>
+);
+
+// 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();