admin_lsac 1.2.2 → 1.2.4

package/dist/pages/page.js

@@ -1,7 +1,11 @@
 "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]; } });
+    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];
@@ -33,7 +37,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 (_) try {
+        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]) {
@@ -85,7 +89,8 @@ var typeAdding = function (objectField) {
 };
 var arrayObjs = function (x) {
     if (x > 0)
-        return [{
+        return [
+            {
                 name: "simpleFields",
                 label: "Type SimpleField",
                 type: "array",
@@ -93,31 +98,33 @@ var arrayObjs = function (x) {
                     name: "",
                     label: "",
                     type: "object",
-                    fields: [{
+                    fields: [
+                        {
                             name: "name",
                             label: "Name",
                             type: "string",
-                            validationSchema: Yup.string().required()
+                            validationSchema: Yup.string().required(),
                         },
                         {
                             name: "label",
                             label: "Label",
                             type: "string",
-                            validationSchema: Yup.string().required()
+                            validationSchema: Yup.string().required(),
                         },
                         {
                             name: "type",
                             label: "Type",
                             type: "string",
-                            validationSchema: Yup.string().required()
+                            validationSchema: Yup.string().required(),
                         },
                         {
                             name: "validationSchema",
                             label: "Validation Schema",
                             type: "string",
-                            validationSchema: Yup.string().required()
-                        }]
-                }
+                            validationSchema: Yup.string().required(),
+                        },
+                    ],
+                },
             },
             {
                 name: "dropdownFields",
@@ -127,17 +134,18 @@ var arrayObjs = function (x) {
                     name: "",
                     label: "",
                     type: "object",
-                    fields: [{
+                    fields: [
+                        {
                             name: "name",
                             label: "Name",
                             type: "string",
-                            validationSchema: Yup.string().required()
+                            validationSchema: Yup.string().required(),
                         },
                         {
                             name: "label",
                             label: "Label",
                             type: "string",
-                            validationSchema: Yup.string().required()
+                            validationSchema: Yup.string().required(),
                         },
                         {
                             name: "options",
@@ -147,27 +155,30 @@ var arrayObjs = function (x) {
                                 name: "",
                                 label: "",
                                 type: "object",
-                                fields: [{
+                                fields: [
+                                    {
                                         name: "value",
                                         label: "Value",
                                         type: "string",
-                                        validationSchema: Yup.string().required()
+                                        validationSchema: Yup.string().required(),
                                     },
                                     {
                                         name: "display",
                                         label: "Display",
                                         type: "string",
-                                        validationSchema: Yup.string().required()
-                                    }]
-                            }
+                                        validationSchema: Yup.string().required(),
+                                    },
+                                ],
+                            },
                         },
                         {
                             name: "getOptions",
                             label: "GetOptions Function",
                             type: "string",
-                            validationSchema: Yup.string().required()
-                        }]
-                }
+                            validationSchema: Yup.string().required(),
+                        },
+                    ],
+                },
             },
             {
                 name: "objectFields",
@@ -177,19 +188,21 @@ var arrayObjs = function (x) {
                     name: "",
                     label: "",
                     type: "object",
-                    fields: __spreadArray([{
+                    fields: __spreadArray([
+                        {
                             name: "name",
                             label: "Name",
                             type: "string",
-                            validationSchema: Yup.string().required()
+                            validationSchema: Yup.string().required(),
                         },
                         {
                             name: "label",
                             label: "Label",
                             type: "string",
-                            validationSchema: Yup.string().required()
-                        }], arrayObjs(x - 1), true)
-                }
+                            validationSchema: Yup.string().required(),
+                        }
+                    ], arrayObjs(x - 1), true),
+                },
             },
             {
                 name: "arrayFields",
@@ -199,20 +212,23 @@ var arrayObjs = function (x) {
                     name: "",
                     label: "",
                     type: "object",
-                    fields: __spreadArray([{
+                    fields: __spreadArray([
+                        {
                             name: "name",
                             label: "Name",
                             type: "string",
-                            validationSchema: Yup.string().required()
+                            validationSchema: Yup.string().required(),
                         },
                         {
                             name: "label",
                             label: "Label",
                             type: "string",
-                            validationSchema: Yup.string().required()
-                        }], arrayObjs(x - 1), true)
-                }
-            }];
+                            validationSchema: Yup.string().required(),
+                        }
+                    ], arrayObjs(x - 1), true),
+                },
+            },
+        ];
     else
         return [];
 };
@@ -222,19 +238,21 @@ exports.page = {
         return [2 /*return*/, []];
     }); }); },
     tableFields: [],
-    actions: [{
+    actions: [
+        {
             name: "Create New Page",
-            fields: [{
+            fields: [
+                {
                     name: "name",
                     label: "Page Name",
                     type: "string",
-                    validationSchema: Yup.string().required()
+                    validationSchema: Yup.string().required(),
                 },
                 {
                     name: "getRequest",
                     label: "GetRequest",
                     type: "string",
-                    validationSchema: Yup.string().required()
+                    validationSchema: Yup.string().required(),
                 },
                 {
                     name: "tableFields",
@@ -244,19 +262,21 @@ exports.page = {
                         name: "",
                         label: "",
                         type: "object",
-                        fields: [{
+                        fields: [
+                            {
                                 name: "name",
                                 label: "TableField Name",
                                 type: "string",
-                                validationSchema: Yup.string().required()
+                                validationSchema: Yup.string().required(),
                             },
                             {
                                 name: "access",
                                 label: "TableField Access Function",
                                 type: "string",
-                                validationSchema: Yup.string().required()
-                            }]
-                    }
+                                validationSchema: Yup.string().required(),
+                            },
+                        ],
+                    },
                 },
                 {
                     name: "actions",
@@ -266,18 +286,22 @@ exports.page = {
                         name: "",
                         label: "",
                         type: "object",
-                        fields: __spreadArray(__spreadArray([{
+                        fields: __spreadArray(__spreadArray([
+                            {
                                 name: "name",
                                 label: "Action Name",
                                 type: "string",
-                                validationSchema: Yup.string().required()
-                            }], arrayObjs(4), true), [{
+                                validationSchema: Yup.string().required(),
+                            }
+                        ], arrayObjs(4), true), [
+                            {
                                 name: "onSubmit",
                                 label: "Action OnSubmit Function",
                                 type: "string",
-                                validationSchema: Yup.string().required()
-                            }], false)
-                    }
+                                validationSchema: Yup.string().required(),
+                            },
+                        ], false),
+                    },
                 },
                 {
                     name: "rowActions",
@@ -287,32 +311,37 @@ exports.page = {
                         name: "",
                         label: "",
                         type: "object",
-                        fields: __spreadArray(__spreadArray([{
+                        fields: __spreadArray(__spreadArray([
+                            {
                                 name: "name",
                                 label: "Row Action Name",
                                 type: "string",
-                                validationSchema: Yup.string().required()
-                            }], arrayObjs(4), true), [{
+                                validationSchema: Yup.string().required(),
+                            }
+                        ], arrayObjs(4), true), [
+                            {
                                 name: "initialise",
                                 label: "Row Action Initialise Function",
                                 type: "string",
-                                validationSchema: ""
+                                validationSchema: "",
                             },
                             {
                                 name: "onSubmit",
                                 label: "Row Action OnSubmit Function",
                                 type: "string",
-                                validationSchema: Yup.string().required()
-                            }], false)
-                    }
-                }],
+                                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); });
+                            (_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);
@@ -324,8 +353,10 @@ exports.page = {
                     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); });
+                            (_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);
@@ -337,7 +368,8 @@ exports.page = {
                     console.log(formValues);
                     return [2 /*return*/, []];
                 });
-            }); }
-        }],
+            }); },
+        },
+    ],
     rowActions: [],
 };

package/dist/reportWebVitals.js

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

package/dist/schema/schema.config.js

@@ -4,6 +4,6 @@ exports.pages = void 0;
 var event_1 = require("../pages/event");
 var page_1 = require("../pages/page");
 exports.pages = [
-    event_1.event,
+    event_1.event, // example schema
     page_1.page,
 ];

package/dist/schema/schema.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admin_lsac",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Generic Admin Panel created for storing events' data",
   "private": false,
   "dependencies": {
@@ -66,7 +66,7 @@
     "ts-loader": "^9.5.1",
     "webpack-cli": "^5.1.4"
   },
-  "main": "dist/App.js",
-  "module": "dist/esm/App.js",
+  "main": "dist/components/Page.js",
+  "module": "dist/esm/components/Page.js",
   "types": "dist/App.d.ts"
 }

package/src/App.tsx

@@ -1,97 +1,110 @@
-import { ChakraProvider } from "@chakra-ui/react";
-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;
-  access: (obj: any) => string | number | React.ReactElement;
-}
-
-interface SimpleField {
-  name: string;
-  label: string;
-  type: "string" | "number" | "file";
-  validationSchema: any;
-}
-
-interface Option {
-  value: string | number | boolean;
-  display: string;
-}
-
-interface DropdownField {
-  name: string;
-  label: string;
-  type: "dropdown";
-  options?: Option[] | undefined;
-  getOptions: () => Promise<Option[]>;
-}
-
-interface ObjectField {
-  name: string;
-  label: string;
-  type: "object";
-  fields: FormField[];
-}
-
-interface ArrayField {
-  name: string;
-  label: string;
-  type: "array";
-  element: Exclude<FormField, ArrayField>;
-}
-
-type FormField = SimpleField | DropdownField | ObjectField | ArrayField;
-
-interface Action {
-  name: string;
-  fields?: FormField[];
-  onSubmit: (obj1: any, obj2?: any) => Promise<any>;
-}
-
-interface RowAction {
-  name: string;
-  fields?: FormField[];
-  initialise?: (obj: any) => any;
-  onSubmit: (obj1: any, obj2?: any) => Promise<any>;
-}
-
-interface PageSchema {
-  name: string;
-  actions: Action[];
-  rowActions: RowAction[];
-  getRequest: () => Promise<any[]>;
-  tableFields: TableField[];
-}
-
-function AdminPanel({ pages, basePath }: { pages: PageSchema[], basePath: string }) {
-  const [pagesToDisplay, setPagesToDisplay] = React.useState(pages);
-
-  React.useEffect(() => {
-    setPagesToDisplay([...pages, page]);
-  }, [])
-
-  return (
-    <ChakraProvider>
-      <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>
-  );
-}
-
-export default AdminPanel;
+import { ChakraProvider } from "@chakra-ui/react";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { AdminPage } from "./components/Page";
+import { pageToUrl } from "./schema/schema";
+import * as React from "react";
+
+interface TableField {
+  name: string;
+  access: (obj: any) => string | number | React.ReactElement;
+}
+
+interface SimpleField {
+  name: string;
+  label: string;
+  type: "string" | "number" | "file";
+  validationSchema: any;
+}
+
+interface Option {
+  value: string | number | boolean;
+  display: string;
+}
+
+interface DropdownField {
+  name: string;
+  label: string;
+  type: "dropdown";
+  options?: Option[] | undefined;
+  getOptions: () => Promise<Option[]>;
+}
+
+interface ObjectField {
+  name: string;
+  label: string;
+  type: "object";
+  fields: FormField[];
+}
+
+interface ArrayField {
+  name: string;
+  label: string;
+  type: "array";
+  element: Exclude<FormField, ArrayField>;
+}
+
+type FormField = SimpleField | DropdownField | ObjectField | ArrayField;
+
+interface Action {
+  name: string;
+  fields?: FormField[];
+  onSubmit: (obj1: any, obj2?: any) => Promise<any>;
+}
+
+interface RowAction {
+  name: string;
+  fields?: FormField[];
+  initialise?: (obj: any) => any;
+  onSubmit: (obj1: any, obj2?: any) => Promise<any>;
+}
+
+interface PageSchema {
+  name: string;
+  actions: Action[];
+  rowActions: RowAction[];
+  getRequest: () => Promise<any[]>;
+  tableFields: TableField[];
+}
+
+function AdminPanel({
+  pages,
+  basePath,
+}: {
+  pages: PageSchema[];
+  basePath: string;
+}) {
+  return (
+    <ChakraProvider>
+      <BrowserRouter>
+        <Routes>
+          {pages.map((page) => (
+            <Route
+              path={`${basePath}/${pageToUrl(page)}`}
+              element={
+                <AdminPage
+                  pages={pages}
+                  selectedPage={page}
+                  basePath={basePath}
+                />
+              }
+            />
+          ))}
+          {pages[0] ? (
+            <Route
+              path={`${basePath}/*`}
+              element={
+                <AdminPage
+                  pages={pages}
+                  selectedPage={pages[0]}
+                  basePath={basePath}
+                />
+              }
+            />
+          ) : null}
+        </Routes>
+      </BrowserRouter>
+    </ChakraProvider>
+  );
+}
+
+export default AdminPanel;