admin_lsac 2.0.26 → 2.0.28

package/README.md

@@ -150,7 +150,7 @@ import { PageSchema } from '../schema';
 
 const domain = 'http://localhost:3001';
 
-// Please try to modularize the code for a schema though
+// Please try to modularize the code for your schemas though
 
 export const coursesPage: PageSchema = {
   name: 'Courses',
@@ -231,6 +231,7 @@ export const coursesPage: PageSchema = {
           label: 'Level',
           type: 'dropdown',
           validationSchema: Yup.string().required('Level is required'),
+          // 'options' would have the same effect as 'getOptions', but not written as a function
           getOptions: async () => [
             { value: 'Undergraduate', display: 'Undergraduate' },
             { value: 'Graduate', display: 'Graduate' },

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

@@ -21,10 +21,11 @@ function generateSingleField(formfield, fieldName, key) {
                         if (event.currentTarget.files != null) {
                             form.setFieldValue(fieldName, event.currentTarget.files[0]);
                         }
-                    } })) : (_jsxs(Select, { ...field, value: field.value || '', onChange: (e) => {
-                        const selectedOption = formfield.options?.[parseInt(e.target.value)];
-                        form.setFieldValue(fieldName, selectedOption?.value);
-                    }, children: [_jsx("option", { disabled: true, value: "", children: "Select an option!" }), formfield.options?.map((option, key) => (_jsx("option", { value: key, children: option.display }, key)))] })), _jsx(FormErrorMessage, { children: getIn(form.errors, fieldName) })] })) }, key));
+                    } })) : (_jsxs(Select, { ...field, value: field.value ?? '', onChange: (e) => {
+                        const rawValue = e.target.value;
+                        const matchedOption = formfield.options?.find((opt) => String(opt.value) === rawValue);
+                        form.setFieldValue(fieldName, matchedOption?.value);
+                    }, children: [_jsx("option", { disabled: true, value: "", children: "Select an option!" }), formfield.options?.map((option, key) => (_jsx("option", { value: String(option.value), children: option.display }, key)))] })), _jsx(FormErrorMessage, { children: getIn(form.errors, fieldName) })] })) }, key));
 }
 function parseFields(fields, previous) {
     if (!fields) {

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

@@ -2,7 +2,7 @@ import React from 'react';
 import axios from 'axios';
 import * as Yup from 'yup';
 const domain = 'http://localhost:3001';
-// Please try to modularize the code for a schema though
+// Please try to modularize the code for your schemas though
 export const coursesPage = {
     name: 'Courses',
     // 1. Data retrieval: fetch all courses from backend
@@ -77,6 +77,7 @@ export const coursesPage = {
                     label: 'Level',
                     type: 'dropdown',
                     validationSchema: Yup.string().required('Level is required'),
+                    // 'options' would have the same effect as 'getOptions', but not written as a function
                     getOptions: async () => [
                         { value: 'Undergraduate', display: 'Undergraduate' },
                         { value: 'Graduate', display: 'Graduate' },

package/package.json

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