admin_lsac 1.0.0

package/src/pages/event.ts

@@ -0,0 +1,69 @@
+import axios from "axios";
+import React from "react";
+import { PageSchema } from "../schema/schema";
+
+const domain = "http://localhost:3001";
+
+export const event: PageSchema = {
+  name: "Events",
+  actions: [],
+  rowActions: [],
+  getRequest: async () => {
+    // const res = await axios.get(domain + "/events");
+    // return res.data;
+    return [];
+  },
+  tableFields: [
+    {
+      name: "Id",
+      access: (obj: any) => obj.id,
+    },
+    {
+      name: "Event Name",
+      access: (obj: any) => obj.name,
+    },
+    {
+      name: "Description",
+      access: (obj: any) => obj.description,
+    },
+    {
+      name: "Category",
+      access: (obj: any) => obj.category,
+    },
+    {
+      name: "Ticket Type",
+      access: (obj: any) => obj.ticketType,
+    },
+    {
+      name: "Date",
+      access: (obj: any) => obj.date,
+    },
+    {
+      name: "Release",
+      access: (obj: any) => obj.release,
+    },
+    {
+      name: "Is Released",
+      access: (obj: any) => (obj.isReleased ? "Is Released" : "Not Released"),
+    },
+    {
+      name: "Available Tickets",
+      access: (obj: any) => obj.availableTickets,
+    },
+    {
+      name: "Max Tickets",
+      access: (obj: any) => obj.maxTickets,
+    },
+    {
+      name: "Image",
+      access: (obj: any) =>
+        obj.imgUrl
+          ? React.createElement("img", {
+              src: obj.imgUrl,
+              alt: "ERROR",
+              style: { width: "100px" },
+            })
+          : "No Image Available",
+    },
+  ],
+};

package/src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

package/src/reportWebVitals.ts

@@ -0,0 +1,15 @@
+import { ReportHandler } from "web-vitals";
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/src/schema/schema.config.ts

@@ -0,0 +1,6 @@
+import { PageSchema } from "./schema";
+import { event } from "../pages/event";
+
+export const pages: PageSchema[] = [
+  event, // example schema
+];

package/src/schema/schema.ts

@@ -0,0 +1,68 @@
+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 {
+  return `/${page.name.toLowerCase().replace(" ", "_")}`;
+}

package/src/setupTests.ts

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import "@testing-library/jest-dom";

package/tsconfig.esm.json

@@ -0,0 +1,7 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "module": "esnext",
+        "outDir": "./dist/esm"
+    }
+}

package/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "noUncheckedIndexedAccess": true,
+    "outDir": "./dist/cjs"
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/webpack.config.js

@@ -0,0 +1,22 @@
+const path = require('path');
+
+module.exports = {
+  mode: 'production',
+  entry: './src/App.tsx',
+  output: {
+    filename: 'bundle.js',
+    path: path.resolve(__dirname, 'dist'),
+  },
+  resolve: {
+    extensions: ['.tsx', '.ts', '.js'],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(ts|tsx)$/,
+        exclude: /node_modules/,
+        use: 'ts-loader',
+      },
+    ],
+  },
+};