admin_lsac 1.3.1 → 1.4.0

package/src/pages/event.ts

@@ -1,93 +0,0 @@
-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: [
-  //   {
-  //   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 (formValues: 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;
-    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/pages/page.ts

@@ -1,336 +0,0 @@
-import { ArrayField, PageSchema } from "../schema/schema";
-import * as Yup from "yup";
-
-const typeAdding = (objectField: any): any => {
-  objectField.type = "object";
-  objectField.fields = [
-    ...objectField.simpleFields,
-    ...objectField.dropdownFields,
-    ...objectField.objectFields,
-    ...objectField.arrayFields,
-  ];
-
-  if (objectField.objectFields) {
-    objectField.objectFields.map((objectField: any) => {
-      objectField = typeAdding(objectField);
-      return objectField;
-    });
-  }
-
-  if (objectField.arrayFields) {
-    objectField.arrayFields.map((arrayField: any) => {
-      arrayField.element = typeAdding(arrayField.element);
-      return arrayField;
-    });
-  }
-
-  return objectField;
-};
-
-const arrayObjs = (x: number): ArrayField[] => {
-  if (x > 0)
-    return [
-      {
-        name: "simpleFields",
-        label: "Type SimpleField",
-        type: "array",
-        element: {
-          name: "",
-          label: "",
-          type: "object",
-          fields: [
-            {
-              name: "name",
-              label: "Name",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-            {
-              name: "label",
-              label: "Label",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-            {
-              name: "type",
-              label: "Type",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-            {
-              name: "validationSchema",
-              label: "Validation Schema",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-          ],
-        },
-      },
-      {
-        name: "dropdownFields",
-        label: "Type DropdownField",
-        type: "array",
-        element: {
-          name: "",
-          label: "",
-          type: "object",
-          fields: [
-            {
-              name: "name",
-              label: "Name",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-            {
-              name: "label",
-              label: "Label",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-            {
-              name: "options",
-              label: "Options",
-              type: "array",
-              element: {
-                name: "",
-                label: "",
-                type: "object",
-                fields: [
-                  {
-                    name: "value",
-                    label: "Value",
-                    type: "string",
-                    validationSchema: Yup.string().required(),
-                  },
-                  {
-                    name: "display",
-                    label: "Display",
-                    type: "string",
-                    validationSchema: Yup.string().required(),
-                  },
-                ],
-              },
-            },
-            {
-              name: "getOptions",
-              label: "GetOptions Function",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-          ],
-        },
-      },
-      {
-        name: "objectFields",
-        label: "Type ObjectField",
-        type: "array",
-        element: {
-          name: "",
-          label: "",
-          type: "object",
-          fields: [
-            {
-              name: "name",
-              label: "Name",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-            {
-              name: "label",
-              label: "Label",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-            ...arrayObjs(x - 1),
-          ],
-        },
-      },
-      {
-        name: "arrayFields",
-        label: "Type ArrayField",
-        type: "array",
-        element: {
-          name: "",
-          label: "",
-          type: "object",
-          fields: [
-            {
-              name: "name",
-              label: "Name",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-            {
-              name: "label",
-              label: "Label",
-              type: "string",
-              validationSchema: Yup.string().required(),
-            },
-            ...arrayObjs(x - 1),
-          ],
-        },
-      },
-    ];
-  else return [];
-};
-
-export const page: PageSchema = {
-  name: "Pages",
-  getRequest: async () => [],
-  tableFields: [],
-  actions: [
-    {
-      name: "Create New Page",
-      fields: [
-        {
-          name: "name",
-          label: "Page Name",
-          type: "string",
-          validationSchema: Yup.string().required(),
-        },
-        {
-          name: "getRequest",
-          label: "GetRequest",
-          type: "string",
-          validationSchema: Yup.string().required(),
-        },
-        {
-          name: "tableFields",
-          label: "TableFields",
-          type: "array",
-          element: {
-            name: "",
-            label: "",
-            type: "object",
-            fields: [
-              {
-                name: "name",
-                label: "TableField Name",
-                type: "string",
-                validationSchema: Yup.string().required(),
-              },
-              {
-                name: "access",
-                label: "TableField Access Function",
-                type: "string",
-                validationSchema: Yup.string().required(),
-              },
-            ],
-          },
-        },
-        {
-          name: "actions",
-          label: "Actions",
-          type: "array",
-          element: {
-            name: "",
-            label: "",
-            type: "object",
-            fields: [
-              {
-                name: "name",
-                label: "Action Name",
-                type: "string",
-                validationSchema: Yup.string().required(),
-              },
-              ...arrayObjs(4),
-              {
-                name: "onSubmit",
-                label: "Action OnSubmit Function",
-                type: "string",
-                validationSchema: Yup.string().required(),
-              },
-            ],
-          },
-        },
-        {
-          name: "rowActions",
-          label: "Row Actions",
-          type: "array",
-          element: {
-            name: "",
-            label: "",
-            type: "object",
-            fields: [
-              {
-                name: "name",
-                label: "Row Action Name",
-                type: "string",
-                validationSchema: Yup.string().required(),
-              },
-              ...arrayObjs(4),
-              {
-                name: "initialise",
-                label: "Row Action Initialise Function",
-                type: "string",
-                validationSchema: "",
-              },
-              {
-                name: "onSubmit",
-                label: "Row Action OnSubmit Function",
-                type: "string",
-                validationSchema: Yup.string().required(),
-              },
-            ],
-          },
-        },
-      ],
-      onSubmit: async (formValues: any) => {
-        if (Array.isArray(formValues.actions))
-          formValues.actions.map((action: any) => {
-            action.dropdownFields?.map(
-              (actionField: any) => (actionField.type = "dropdown")
-            );
-
-            action.objectFields?.map(
-              (actionField: any) => (actionField = typeAdding(actionField))
-            );
-
-            action.arrayFields?.map((actionField: any) => {
-              actionField.type = "array";
-              actionField.element = typeAdding(actionField.element);
-              return actionField;
-            });
-
-            action.fields = [
-              ...action.simpleFields,
-              ...action.dropdownFields,
-              ...action.objectFields,
-              ...action.arrayFields,
-            ];
-            return action;
-          });
-
-        if (Array.isArray(formValues.rowActions))
-          formValues.actions.map((rowAction: any) => {
-            rowAction.dropdownFields?.map(
-              (rowActionField: any) => (rowActionField.type = "dropdown")
-            );
-
-            rowAction.objectFields?.map(
-              (rowActionField: any) =>
-                (rowActionField = typeAdding(rowActionField))
-            );
-
-            rowAction.arrayFields?.map((rowActionField: any) => {
-              rowActionField.type = "array";
-              rowActionField.element = typeAdding(rowActionField.element);
-              return rowActionField;
-            });
-
-            rowAction.fields = [
-              ...rowAction.simpleFields,
-              ...rowAction.dropdownFields,
-              ...rowAction.objectFields,
-              ...rowAction.arrayFields,
-            ];
-            return rowAction;
-          });
-
-        console.log(formValues);
-        return [];
-      },
-    },
-  ],
-  rowActions: [],
-};

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

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

package/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-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

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

package/src/schema/schema.ts

@@ -1,63 +0,0 @@
-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[];
-}

package/src/setupTests.ts

@@ -1,5 +0,0 @@
-// 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/src/utils/websockets.tsx

@@ -1,17 +0,0 @@
-import io from "socket.io-client";
-import { useEffect } from "react";
-
-const Socket = (setSocket: any, apiURL: string) => {
-  useEffect(() => {
-    const socketRef = io(apiURL, {
-      transports: ["websocket"],
-    });
-    setSocket(socketRef);
-    return () => {
-      socketRef.removeAllListeners();
-      socketRef.disconnect();
-    };
-  }, []);
-};
-
-export const newSocket = (setSocket: any, apiURL: string) => Socket(setSocket, apiURL);

package/tsconfig.esm.json

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

package/webpack.config.js

@@ -1,22 +0,0 @@
-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',
-      },
-    ],
-  },
-};