admin_lsac 1.4.6 → 1.4.8

package/.eslintrc.cjs

@@ -6,7 +6,7 @@ module.exports = {
     'plugin:@typescript-eslint/recommended',
     'plugin:react-hooks/recommended',
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  ignorePatterns: ['dist', '.eslintrc.cjs', 'src/testSchemas'],
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {

package/.prettierignore

@@ -0,0 +1 @@
+**/node_modules

package/.prettierrc.cjs

@@ -0,0 +1,16 @@
+module.exports = {
+  printWidth: 100,
+  tabWidth: 2,
+  singleQuote: true,
+  semi: true,
+  trailingComma: 'all',
+  arrowParens: 'always',
+  overrides: [
+    {
+      files: '*.{js,jsx,tsx,ts,scss,json,html}',
+      options: {
+        tabWidth: 2,
+      },
+    },
+  ],
+};

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

@@ -1,6 +1,6 @@
-import { PageSchema } from "./schema";
+import { PageSchema } from './schema';
 import './App.css';
-declare function App({ pages, basePath, }: {
+declare function App({ pages, basePath }: {
     pages: PageSchema[];
     basePath: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/App.js

@@ -1,10 +1,10 @@
 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 { 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, }) {
+function App({ pages, basePath }) {
     return (_jsx(ChakraProvider, { children: _jsx(BrowserRouter, { children: _jsxs(Routes, { children: [pages.map((page) => (_jsx(Route, { path: `${basePath}/${pageToUrl(page)}`, element: _jsx(AdminPage, { pages: pages, selectedPage: page, basePath: basePath, apiURL: "http://localhost:3001/" }) }))), 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/testSchemas/event.d.ts

@@ -1,2 +1,2 @@
-import { PageSchema } from "../schema";
+import { PageSchema } from '../schema';
 export declare const event: PageSchema;

package/dist/esm/src/testSchemas/event.js

@@ -1,86 +1,89 @@
-import axios from "axios";
-import React from "react";
-const domain = "http://localhost:3001";
+// import axios from "axios";
+import React from 'react';
+// const domain = "http://localhost:3001";
 export const event = {
-    name: "Events",
+    name: 'Events',
     actions: [],
     rowActions: [
-        {
-            name: "Delete Event",
-            fields: [
-                {
-                    name: "input",
-                    label: "Mock Field",
-                    type: "string",
-                    validationSchema: "",
-                },
-            ],
-            initialise: async (eventId) => {
-                const res = await axios.get(domain + "/events/" + eventId);
-                let obj = {};
-                obj.input = res.data.name;
-                return obj;
-            },
-            onSubmit: async (_, eventId) => {
-                const res = await axios.delete(domain + "/events/" + eventId);
-                return res.data;
-            },
-        }
+    // {
+    //   name: "Delete Event",
+    //   fields: [
+    //     {
+    //       name: "input",
+    //       label: "Mock Field",
+    //       type: "string",
+    //       validationSchema: "",
+    //     },
+    //   ],
+    //   initialise: async (eventId: number) => {
+    //     const res = await axios.get(domain + "/events/" + eventId);
+    //     let obj: any = {};
+    //     obj.input = res.data.name;
+    //     return obj;
+    //   },
+    //   onSubmit: async (_: any, eventId: number) => {
+    //     const res = await axios.delete(
+    //       domain + "/events/" + eventId
+    //     );
+    //     return res.data;
+    //   },
+    // }
     ],
     getRequest: async () => {
-        const res = await axios.get(domain + "/events");
-        return res.data;
+        // const res = await axios.get(domain + "/events");
+        // return res.data;
+        return [];
     },
     tableFields: [
         {
-            name: "Id",
+            name: 'Id',
             access: (obj) => obj.id,
         },
         {
-            name: "Event Name",
+            name: 'Event Name',
             access: (obj) => obj.name,
         },
         {
-            name: "Description",
+            name: 'Description',
             access: (obj) => obj.description,
         },
         {
-            name: "Category",
+            name: 'Category',
             access: (obj) => obj.category,
         },
         {
-            name: "Ticket Type",
+            name: 'Ticket Type',
             access: (obj) => obj.ticketType,
         },
         {
-            name: "Date",
+            name: 'Date',
             access: (obj) => obj.date,
         },
         {
-            name: "Release",
+            name: 'Release',
             access: (obj) => obj.release,
         },
         {
-            name: "Is Released",
-            access: (obj) => (obj.isReleased ? "Is Released" : "Not Released"),
+            name: 'Is Released',
+            access: (obj) => (obj.isReleased ? 'Is Released' : 'Not Released'),
         },
         {
-            name: "Available Tickets",
+            name: 'Available Tickets',
             access: (obj) => obj.availableTickets,
         },
         {
-            name: "Max Tickets",
+            name: 'Max Tickets',
             access: (obj) => obj.maxTickets,
         },
         {
-            name: "Image",
+            name: 'Image',
             access: (obj) => obj.imgUrl
-                ? React.createElement("img", {
+                ? React.createElement('img', {
                     src: obj.imgUrl,
-                    alt: "ERROR",
-                    style: { width: "100px" },
+                    alt: 'ERROR',
+                    style: { width: '100px' },
                 })
-                : "No Image Available",
+                : 'No Image Available',
         },
     ],
 };

package/package.json

@@ -1,13 +1,23 @@
 {
   "name": "admin_lsac",
   "private": false,
-  "version": "1.4.6",
+  "version": "1.4.8",
   "description": "Generic Admin Panel created for storing events' data",
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "prepare": "cd .. && husky install admin/.husky",
+    "lint-staged": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,ts,tsx, jsx}": [
+      "eslint --quiet --fix"
+    ],
+    "*.{json,md,html,js,jsx,ts,tsx}": [
+      "prettier --write"
+    ]
   },
   "dependencies": {
     "@chakra-ui/react": "^2.8.2",
@@ -30,8 +40,13 @@
     "@typescript-eslint/parser": "^7.13.1",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
+    "prettier": "3.3.2",
     "typescript": "^5.2.2",
     "vite": "^5.3.1"
   },

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

@@ -1,63 +0,0 @@
-declare module 'admin_lsac' {
-    import * as React from 'react';
-    export interface TableField {
-        name: string;
-        access: (obj: any) => string | number | React.ReactElement;
-    }
-    export interface SimpleField {
-        name: string;
-        label: string;
-        type: "string" | "number" | "file";
-        validationSchema: any;
-    }
-    export interface Option {
-        value: string | number | boolean;
-        display: string;
-    }
-    export interface DropdownField {
-        name: string;
-        label: string;
-        type: "dropdown";
-        options?: Option[] | undefined;
-        getOptions: () => Promise<Option[]>;
-    }
-    export interface ObjectField {
-        name: string;
-        label: string;
-        type: "object";
-        fields: FormField[];
-    }
-    export interface ArrayField {
-        name: string;
-        label: string;
-        type: "array";
-        element: Exclude<FormField, ArrayField>;
-    }
-    export type FormField = SimpleField | DropdownField | ObjectField | ArrayField;
-    export interface Action {
-        name: string;
-        fields?: FormField[];
-        onSubmit: (obj1: any, obj2?: any) => Promise<any>;
-    }
-    export interface RowAction {
-        name: string;
-        fields?: FormField[];
-        initialise?: (obj: any) => any;
-        onSubmit: (obj1: any, obj2?: any) => Promise<any>;
-    }
-    export interface PageSchema {
-        name: string;
-        actions: Action[];
-        rowActions: RowAction[];
-        getRequest: () => Promise<any[]>;
-        tableFields: TableField[];
-    }
-
-    export function pageToUrl(page: PageSchema): string;
-    export function AdminPage({ pages, selectedPage, basePath, apiURL }: {
-        pages: PageSchema[];
-        selectedPage: PageSchema;
-        basePath: string;
-        apiURL?: string;
-    }): import("react/jsx-runtime").JSX.Element;
-}