admin_lsac 2.0.16 → 2.0.18

package/README.md

@@ -10,8 +10,6 @@ This command will download and install the specified package and its dependencie
 
 ## What do you need to import?
 
-- `import { ChakraProvider } from '@chakra-ui/react'`
-
 - `import { pageToUrl } from 'admin_lsac'`
 
 - `import { AdminPage } from 'admin_lsac'`
@@ -58,8 +56,6 @@ Import the component from above where you want to write your schemas! (See below
 
 You will need to create an array of schemas for your own admin panel.
 
-#### ⚠️ Don't forget to wrap the Router component into a ChakraProvider component. Otherwise, you will not like the way it looks. :)
-
 ## What is a schema?
 
 ```

package/dist/esm/src/App.js

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

package/dist/esm/src/components/AdminPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { ChakraProvider } from '@chakra-ui/react';
 import { Button, Modal, ModalHeader, ModalBody, useDisclosure, ModalOverlay, ModalContent, ModalCloseButton, Box, Stack, } from '@chakra-ui/react';
@@ -16,7 +16,7 @@ export function pageToUrl(page) {
 }
 function Header({ pages, data, 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", wrap: "wrap", children: pages.map((p, index) => (_jsx(Box, { as: "a", href: `${basePath}/${pageToUrl(p)}`, children: p.name }, index))) }), _jsx(Stack, { direction: "row", children: _jsx(Button, { colorScheme: "red", onClick: () => {
-                            const filename = prompt('Enter filename:');
+                            const filename = prompt('Enter filename: (without file extension)');
                             if (filename)
                                 exportToCSV(data, filename);
                         }, children: "Export Data" }) })] }) }));
@@ -67,7 +67,7 @@ export function AdminPage({ pages, selectedPage, basePath, apiURL = '', }) {
     useEffect(() => {
         setDisplayData(data.map((table_data) => selectedPage.tableFields.map((field) => field.access(table_data))));
     }, [data]);
-    return (_jsxs(_Fragment, { children: [_jsx(Header, { pages: pages, data: [selectedPage.tableFields.map((field) => field.name), ...displayData], basePath: basePath }), _jsx(ThemeProvider, { theme: createTheme(), children: _jsx(MaterialReactTable, { columns: selectedPage.tableFields.map((field, index) => ({
+    return (_jsxs(ChakraProvider, { children: [_jsx(Header, { pages: pages, data: [selectedPage.tableFields.map((field) => field.name), ...displayData], basePath: basePath }), _jsx(ThemeProvider, { theme: createTheme(), children: _jsx(MaterialReactTable, { columns: selectedPage.tableFields.map((field, index) => ({
                         accessorFn: (row) => {
                             if (typeof row[index] === 'boolean') {
                                 row[index] = String(row[index]);
@@ -75,10 +75,10 @@ export function AdminPage({ pages, selectedPage, basePath, apiURL = '', }) {
                             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: () => (_jsx(ChakraProvider, { children: _jsx(Stack, { margin: 0, padding: 2, direction: "row", wrap: "wrap", children: selectedPage.actions.map((action, index) => (_jsx(Button, { colorScheme: "blue", onClick: () => {
-                                    setSelectedAction(action);
-                                    onOpen();
-                                }, children: action.name }, index))) }) })), enableRowActions: true, renderRowActionMenuItems: (obj) => {
+                    })), data: displayData, muiTableContainerProps: { sx: { height: '80vh' } }, enableColumnResizing: true, enableColumnPinning: true, enableGlobalFilterModes: true, enablePagination: false, paginationDisplayMode: "pages", enableRowVirtualization: true, rowVirtualizerOptions: { overscan: 20 }, renderTopToolbarCustomActions: () => (_jsx(Stack, { margin: 0, padding: 2, direction: "row", wrap: "wrap", children: selectedPage.actions.map((action, index) => (_jsx(Button, { colorScheme: "blue", onClick: () => {
+                                setSelectedAction(action);
+                                onOpen();
+                            }, children: action.name }, index))) })), enableRowActions: true, renderRowActionMenuItems: (obj) => {
                         return selectedPage.rowActions.map((rowAction, index) => (_jsx(MenuItem, { onClick: () => {
                                 setSelectedAction(rowAction);
                                 setRowId(obj.row.original[0]);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "admin_lsac",
   "private": false,
-  "version": "2.0.16",
+  "version": "2.0.18",
   "description": "Generic Admin Panel created for storing events' data",
   "scripts": {
     "dev": "vite",