admin_lsac 1.2.5 → 1.2.7

package/README.md

@@ -10,15 +10,21 @@ This command will download and install the specified package and its dependencie
 
 Export-to-csv package latest version is not working properly, so make sure you have the last functional version of this package install.
 
+## What do you need to import?
+
+### `import { ChakraProvider } from '@chakra-ui/react'`
+
+### `import { pageToUrl } from 'admin_lsac'`
+
 ### `import { AdminPage } from 'admin_lsac'`
 
-You can import this component in App.js / App.ts. If your project is TypeScript-based, you need to write the following line as well:
+You can import these in App.js / App.ts. If your project is TypeScript-based, you need to write the following line as well:
 
 ### `import { PageSchema } from 'admin_lsac'`
 
 * Import the component from above where you want to write your schemas. (See below for details about schemas)
 
-You need to create an array of schemas for your own admin panel. You can write the following inside your Routes tag from App.js / App.ts:
+You need to create an array of schemas for your own admin panel. You can write the following inside your Routes component from App.js / App.ts:
 
 ```
 {your_array.map((page) => (
@@ -47,6 +53,8 @@ You need to create an array of schemas for your own admin panel. You can write t
 ) : null}
 ```
 
+#### ⚠️ Don't forget to wrap the Router component into a ChakraProvider component.
+
 ## What is a schema?
 
 ```

package/dist/App.js

@@ -4,9 +4,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@chakra-ui/react");
 var react_router_dom_1 = require("react-router-dom");
 var Page_1 = require("./components/Page");
-var schema_1 = require("./schema/schema");
+var Page_2 = require("./components/Page");
 function AdminPanel(_a) {
     var pages = _a.pages, basePath = _a.basePath;
-    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsxs)(react_router_dom_1.Routes, { children: [pages.map(function (page) { return ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "".concat(basePath, "/").concat((0, schema_1.pageToUrl)(page)), element: (0, jsx_runtime_1.jsx)(Page_1.AdminPage, { pages: pages, selectedPage: page, basePath: basePath }) })); }), pages[0] ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "".concat(basePath, "/*"), element: (0, jsx_runtime_1.jsx)(Page_1.AdminPage, { pages: pages, selectedPage: pages[0], basePath: basePath }) })) : null] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsxs)(react_router_dom_1.Routes, { children: [pages.map(function (page) { return ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "".concat(basePath, "/").concat((0, Page_2.pageToUrl)(page)), element: (0, jsx_runtime_1.jsx)(Page_1.AdminPage, { pages: pages, selectedPage: page, basePath: basePath }) })); }), pages[0] ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "".concat(basePath, "/*"), element: (0, jsx_runtime_1.jsx)(Page_1.AdminPage, { pages: pages, selectedPage: pages[0], basePath: basePath }) })) : null] }) }) }));
 }
 exports.default = AdminPanel;

package/dist/cjs/App.js

@@ -4,9 +4,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@chakra-ui/react");
 var react_router_dom_1 = require("react-router-dom");
 var Page_1 = require("./components/Page");
-var schema_1 = require("./schema/schema");
+var Page_2 = require("./components/Page");
 function AdminPanel(_a) {
     var pages = _a.pages, basePath = _a.basePath;
-    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsxs)(react_router_dom_1.Routes, { children: [pages.map(function (page) { return ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "".concat(basePath, "/").concat((0, schema_1.pageToUrl)(page)), element: (0, jsx_runtime_1.jsx)(Page_1.AdminPage, { pages: pages, selectedPage: page, basePath: basePath }) })); }), pages[0] ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "".concat(basePath, "/*"), element: (0, jsx_runtime_1.jsx)(Page_1.AdminPage, { pages: pages, selectedPage: pages[0], basePath: basePath }) })) : null] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsxs)(react_router_dom_1.Routes, { children: [pages.map(function (page) { return ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "".concat(basePath, "/").concat((0, Page_2.pageToUrl)(page)), element: (0, jsx_runtime_1.jsx)(Page_1.AdminPage, { pages: pages, selectedPage: page, basePath: basePath }) })); }), pages[0] ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "".concat(basePath, "/*"), element: (0, jsx_runtime_1.jsx)(Page_1.AdminPage, { pages: pages, selectedPage: pages[0], basePath: basePath }) })) : null] }) }) }));
 }
 exports.default = AdminPanel;

package/dist/cjs/components/Page.js

@@ -3,11 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdminPage = void 0;
+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 schema_1 = require("../schema/schema");
 var react_3 = require("@chakra-ui/react");
 var GenericForm_1 = require("./GenericForm");
 var react_4 = require("@emotion/react");
@@ -16,9 +15,13 @@ 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"));
+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((0, schema_1.pageToUrl)(p)), children: p.name })); }) }), (0, jsx_runtime_1.jsx)(react_3.Stack, { direction: "row", children: (0, jsx_runtime_1.jsx)(react_3.Button, { colorScheme: "red", onClick: function () {
+    return ((0, jsx_runtime_1.jsx)(react_3.Box, { 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);

package/dist/cjs/schema/schema.js

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

package/dist/components/Page.js

@@ -3,11 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdminPage = void 0;
+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 schema_1 = require("../schema/schema");
 var react_3 = require("@chakra-ui/react");
 var GenericForm_1 = require("./GenericForm");
 var react_4 = require("@emotion/react");
@@ -16,9 +15,13 @@ 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"));
+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((0, schema_1.pageToUrl)(p)), children: p.name })); }) }), (0, jsx_runtime_1.jsx)(react_3.Stack, { direction: "row", children: (0, jsx_runtime_1.jsx)(react_3.Button, { colorScheme: "red", onClick: function () {
+    return ((0, jsx_runtime_1.jsx)(react_3.Box, { 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);

package/dist/esm/App.js

@@ -2,7 +2,7 @@ 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 "./schema/schema";
+import { pageToUrl } from "./components/Page";
 function AdminPanel(_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 }) })); }), pages[0] ? (_jsx(Route, { path: "".concat(basePath, "/*"), element: _jsx(AdminPage, { pages: pages, selectedPage: pages[0], basePath: basePath }) })) : null] }) }) }));

package/dist/esm/components/Page.js

@@ -1,7 +1,6 @@
 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 { ThemeProvider } from "@emotion/react";
@@ -10,6 +9,9 @@ import { MaterialReactTable } from "material-react-table";
 import { mkConfig, generateCsv, download } from "export-to-csv";
 import Swal from "sweetalert2";
 import MenuItem from "@mui/material/MenuItem";
+export function pageToUrl(page) {
+    return "".concat(page.name.toLowerCase().replace(" ", "_"));
+}
 function Header(_a) {
     var pages = _a.pages, data = _a.data, basePath = _a.basePath;
     return (_jsx(Box, { background: "blue.50", padding: 1, children: _jsxs(Stack, { margin: 3, direction: "row", justifyContent: "space-between", alignItems: "center", children: [_jsx(Stack, { margin: 4, gap: 10, direction: "row", alignItems: "center", children: pages.map(function (p) { return (_jsx(Box, { as: "a", href: "".concat(basePath, "/").concat(pageToUrl(p)), children: p.name })); }) }), _jsx(Stack, { direction: "row", children: _jsx(Button, { colorScheme: "red", onClick: function () {

package/dist/esm/schema/schema.js

@@ -1,3 +1 @@
-export function pageToUrl(page) {
-    return "".concat(page.name.toLowerCase().replace(" ", "_"));
-}
+export {};

package/dist/schema/schema.js

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

package/package.json

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

package/src/App.tsx

@@ -1,7 +1,7 @@
 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 { pageToUrl } from "./components/Page";
 import * as React from "react";
 
 interface TableField {

package/src/components/Page.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { ChakraProvider } from "@chakra-ui/react";
-import { PageSchema, Action, pageToUrl } from "../schema/schema";
+import { PageSchema, Action } from "../schema/schema";
 import {
   Button,
   Modal,
@@ -21,6 +21,10 @@ import { mkConfig, generateCsv, download } from "export-to-csv";
 import Swal from "sweetalert2";
 import MenuItem from "@mui/material/MenuItem";
 
+export function pageToUrl(page: PageSchema): string {
+  return `${page.name.toLowerCase().replace(" ", "_")}`;
+}
+
 function Header({
   pages,
   data,

package/src/schema/schema.ts

@@ -62,7 +62,3 @@ export interface PageSchema {
   getRequest: () => Promise<any[]>;
   tableFields: TableField[];
 }
-
-export function pageToUrl(page: PageSchema): string {
-  return `${page.name.toLowerCase().replace(" ", "_")}`;
-}