admin_lsac 2.0.22 → 2.0.23

package/README.md

@@ -33,7 +33,7 @@ Import the component from above where you want to write your schemas! (See below
       <AdminPage
         pages={your_array}
         selectedPage={page} // 'page' param from above
-        basePath={your_url_to_admin_panel}
+        basePath={your_url_to_admin_panel} // use '', NOT '/' if at root
         apiURL={your_url_to_backend} // optional, for websockets
       />
     }
@@ -46,7 +46,7 @@ Import the component from above where you want to write your schemas! (See below
       <AdminPage
         pages={your_array}
         selectedPage={your_array[0]}
-        basePath={your_url_to_admin_panel}
+        basePath={your_url_to_admin_panel} // use '', NOT '/' if at root
         apiURL={your_url_to_backend} // optional, for websockets
       />
     }

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

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, useRef } from 'react';
-import { ChakraProvider } from '@chakra-ui/react';
-import { Button, Modal, ModalHeader, ModalBody, useDisclosure, ModalOverlay, ModalContent, ModalCloseButton, Box, Stack, } from '@chakra-ui/react';
+import { useEffect, useState } from 'react';
+import { Button, Modal, ModalHeader, ModalBody, ModalOverlay, ModalContent, ModalCloseButton, useDisclosure, Box, Stack, ChakraProvider, } from '@chakra-ui/react';
 import { GenericForm } from './GenericForm';
 import { ThemeProvider } from '@emotion/react';
 import { createTheme } from '@mui/material/styles';
@@ -66,28 +65,21 @@ export function AdminPage({ pages, selectedPage, basePath, apiURL = '', }) {
         });
     }, [socket, selectedPage]);
     useEffect(() => {
-        setDisplayData(data.map((table_data) => selectedPage.tableFields.map((field) => field.access(table_data))));
+        setDisplayData(data.map((row) => selectedPage.tableFields.map((field) => field.access(row))));
     }, [data]);
-    const headerRef = useRef(null);
-    const [tableHeight, setTableHeight] = useState('80vh');
-    useEffect(() => {
-        const updateTableHeight = () => {
-            if (headerRef.current) {
-                const headerHeight = headerRef.current.clientHeight;
-                setTableHeight(`calc(88vh - ${headerHeight}px)`);
-            }
-        };
-        updateTableHeight();
-    }, []);
-    return (_jsxs(ChakraProvider, { children: [_jsx(Box, { ref: headerRef, 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(Box, { 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, colIndex) => ({
                         accessorFn: (row) => {
-                            if (typeof row[index] === 'boolean') {
-                                row[index] = String(row[index]);
-                            }
-                            return row[index];
+                            const value = row[colIndex];
+                            return typeof value === 'boolean' ? String(value) : value;
                         },
                         header: field.name,
-                    })), data: displayData, muiTableContainerProps: { sx: { height: tableHeight } }, enableColumnResizing: true, enableColumnPinning: true, enableGlobalFilterModes: true, enablePagination: false, 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: () => {
+                    })), data: displayData, muiTableContainerProps: {
+                        sx: {
+                            maxHeight: 'none',
+                            overflowY: 'visible',
+                            overflowX: 'auto',
+                        },
+                    }, enableColumnResizing: true, enableColumnPinning: true, enableGlobalFilterModes: true, enablePagination: false, 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) => {

package/dist/esm/src/schema.d.ts

@@ -6,7 +6,7 @@ export interface SimpleField {
     name: string;
     label: string;
     type: 'string' | 'number' | 'file' | 'date' | 'datetime-local' | 'time';
-    validationSchema: any;
+    validationSchema?: any;
 }
 export interface Option {
     value: string | number | boolean;
@@ -48,6 +48,6 @@ export interface PageSchema {
     name: string;
     actions: Action[];
     rowActions: RowAction[];
-    getRequest: () => Promise<any[]>;
+    getRequest: (filter?: any) => Promise<any[]>;
     tableFields: TableField[];
 }

package/package.json

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