- added npm package dotenv-webpack for using env variables on clientside

- added API File Controller for downloading files e.g. /api/download/1022
- also create has codes by submitting new dataset
- added edit dataset functionalities for role submitter
- added the following route for role submitter: /dataset/:id/update', 'DatasetController.update'
- created extra UpdateDatasetValidator.ts for validating updated dataset
- npm updates

resources/js/Components/FormCheckRadioGroup.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue';
 import FormCheckRadio from '@/Components/FormCheckRadio.vue';
 const props = defineProps({
@@ -13,7 +13,7 @@ const props = defineProps({
     type: {
         type: String,
         default: 'checkbox',
-        validator: (value) => ['checkbox', 'radio', 'switch'].includes(value),
+        validator: (value: string) => ['checkbox', 'radio', 'switch'].includes(value),
     },
     componentClass: {
         type: String,
@@ -27,11 +27,34 @@ const props = defineProps({
 });
 const emit = defineEmits(['update:modelValue']);
 const computedValue = computed({
-    get: () => props.modelValue,
+    // get: () => props.modelValue,
+    get: () => {
+        // const ids = props.modelValue.map((obj) => obj.id);
+        // return ids;
+        if (Array.isArray(props.modelValue)) {
+            if (props.modelValue.every((item) => typeof item === 'number')) {
+                return props.modelValue;
+            } else if (props.modelValue.every((item) => hasIdAttribute(item))) {
+                const ids = props.modelValue.map((obj) => obj.id.toString());
+                return ids;
+            }
+            return props.modelValue;
+        }
+        // return props.modelValue;
+    },
     set: (value) => {
         emit('update:modelValue', value);
     },
 });
+
+// Define a type guard to check if an object has an 'id' attribute
+// function hasIdAttribute(obj: any): obj is { id: any } {
+//   return typeof obj === 'object' && 'id' in obj;
+// }
+
+const hasIdAttribute = (obj: any): obj is { id: any } => {
+    return typeof obj === 'object' && 'id' in obj;
+};
 </script>
 
 <template>