srcdev-nuxt-forms 6.0.0 → 6.0.1

package/app/components/forms/c12/utils.ts

@@ -1,4 +1,4 @@
-import type { InpuTextC12, IFormFieldC12, IFormData } from '@/types/types.forms';
+import type { InpuTextC12, IFormFieldC12, IFormData } from '../../../../shared/types/types.forms';
 
 const formFieldC12 = <IFormFieldC12>{
   label: '',

package/app/components/forms/input-checkbox/MultipleCheckboxes.vue

@@ -62,7 +62,7 @@
 
 <script setup lang="ts">
 import propValidators from '../c12/prop-validators';
-import type { IOptionsConfig, IFormMultipleOptions } from '@/types/types.forms';
+import type { IOptionsConfig, IFormMultipleOptions } from '../../../../shared/types/types.forms';
 
 const { dataTestid, name, legend, label, required, fieldHasError, placeholder, isButton, errorMessage, size, optionsLayout, equalCols, styleClassPassthrough, theme, direction } = defineProps({
   dataTestid: {

package/app/components/forms/input-checkbox/SingleCheckbox.vue

@@ -22,7 +22,7 @@
 
 <script setup lang="ts">
 import propValidators from '../c12/prop-validators';
-import type { IFormMultipleOptions } from '@/types/types.forms';
+import type { IFormMultipleOptions } from '../../../../shared/types/types.forms';
 
 const props = defineProps({
   dataTestid: {

package/app/components/forms/input-radio/MultipleRadiobuttons.vue

@@ -60,7 +60,7 @@
 
 <script setup lang="ts">
 import propValidators from '../c12/prop-validators';
-import type { IFormMultipleOptions } from '@/types/types.forms';
+import type { IFormMultipleOptions } from '../../../../shared/types/types.forms';
 
 const props = defineProps({
   dataTestid: {

package/app/components/forms/input-select/InputSelectCore.vue

@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 import propValidators from '../c12/prop-validators';
-import type { IFormMultipleOptions } from '@/types/types.forms';
+import type { IFormMultipleOptions } from '../../../../shared/types/types.forms';
 
 const props = defineProps({
   id: {

package/app/components/forms/input-select/variants/InputSelectWithLabel.vue

@@ -36,7 +36,7 @@
 
 <script setup lang="ts">
 import propValidators from '../../c12/prop-validators';
-import type { IFormMultipleOptions } from '@/types/types.forms';
+import type { IFormMultipleOptions } from '../../../../../shared/types/types.forms';
 
 const props = defineProps({
   dataTestid: {

package/app/composables/useErrorMessages.ts

@@ -1,4 +1,4 @@
-import type { IFormData } from '@/types/types.forms';
+import type { IFormData } from '../../shared/types/types.forms';
 
 export function useErrorMessage(name: string, formData: Ref<IFormData>) {
   const defaultError = ref('');
@@ -12,7 +12,7 @@ export function useErrorMessage(name: string, formData: Ref<IFormData>) {
     console.log(`errorMessage()`);
     if (hasCustomError()) {
       console.log(`errorMessage() | IF`);
-      return errorMessages.value[name].message;
+      return errorMessages.value[name]?.message;
     } else {
       return defaultError.value;
     }

package/app/composables/useFormControl.ts

@@ -1,5 +1,5 @@
-import type { IFormData, IFieldsInitialState, IFormFieldC12, IApiErrorMessages, ICustomErrorMessage, IErrorMessagesArr } from '@/types/types.forms';
-import { formFieldC12 } from '@/components/forms/c12/utils';
+import type { IFormData, IFieldsInitialState, IFormFieldC12, IApiErrorMessages, ICustomErrorMessage, IErrorMessagesArr } from '../../shared/types/types.forms';
+// import { formFieldC12 } from '@/components/forms/c12/utils';
 
 // export function useFormControl(name: string = '') {
 export function useFormControl(name: string = '') {
@@ -50,7 +50,13 @@ export function useFormControl(name: string = '') {
     console.log(`useFormControl | updatePreviousValues`);
 
     Object.keys(formData.value.data).forEach((key) => {
-      formData.value.formFieldsC12[key].previousValue = formData.value.data[key];
+      if (formData.value.formFieldsC12[key]) {
+        const currentValue = formData.value.data[key];
+        // Filter out undefined values and IOptionsValueArr[] which are not supported by previousValue
+        if (currentValue !== undefined && !Array.isArray(currentValue)) {
+          formData.value.formFieldsC12[key].previousValue = currentValue;
+        }
+      }
     });
   };
 
@@ -86,7 +92,7 @@ export function useFormControl(name: string = '') {
     let count = 0;
 
     for (const key in obj) {
-      if (obj.hasOwnProperty(key) && obj[key].useCustomError === true) {
+      if (obj.hasOwnProperty(key) && obj[key]?.useCustomError === true) {
         count++;
       }
     }
@@ -108,11 +114,11 @@ export function useFormControl(name: string = '') {
    */
   const updateErrorMessages = async (name: string, message: string = '', valid: boolean = false) => {
     if (!valid) {
-      // formData.value.validityState[name] = valid;
-      // formData.value.errorMessages[name] = {
-      //   useCustomError: true,
-      //   message,
-      // };
+      // Ensure the form field exists before updating it
+      if (!formData.value.formFieldsC12[name]) {
+        console.warn(`Form field "${name}" not found in formFieldsC12`);
+        return;
+      }
 
       formData.value.formFieldsC12[name].useCustomError = true;
 

package/app/composables/useZodValidation.ts

@@ -1,6 +1,6 @@
 import { ref, reactive, toRaw, type Ref } from 'vue';
 import { z, ZodError } from 'zod';
-import type { ApiErrorResponse } from '../types/types.forms';
+import type { ApiErrorResponse } from '../../shared/types/types.forms';
 
 const useZodValidation = (formSchema: any, formRef: Ref<HTMLFormElement | null>) => {
   const zodFormControl = reactive({

package/nuxt.config.ts

@@ -4,6 +4,9 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   css: ['modern-normalize', './app/assets/styles/main.css'],
   modules: ['@nuxt/icon', '@nuxt/test-utils/module'],
+  alias: {
+    '#shared': './shared',
+  },
   typescript: {
     tsConfig: {
       compilerOptions: {
@@ -31,7 +34,7 @@ export default defineNuxtConfig({
     runtimeCompiler: true,
   },
   compatibilityDate: '2024-12-01',
-  // future: {
-  //   compatibilityVersion: 4,
-  // },
+  future: {
+    compatibilityVersion: 4,
+  },
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "srcdev-nuxt-forms",
   "type": "module",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "main": "nuxt.config.ts",
   "scripts": {
     "clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",
@@ -19,6 +19,7 @@
   },
   "files": [
     "app/",
+    "shared/",
     "nuxt.config.ts"
   ],
   "devDependencies": {

package/{app/types/types.zodFormControl.ts → shared/types/types.zodFormControl.d.ts}

@@ -1,4 +1,4 @@
-import type { IFieldsInitialState, IFormFieldsState, IFormFieldsC12, IFormFieldC12, IApiErrorMessages, ICustomErrorMessage, IErrorMessagesArr } from '@/types/types.forms';
+import type { IFieldsInitialState, IFormFieldsState, IFormFieldsC12, IFormFieldC12, IApiErrorMessages, ICustomErrorMessage, IErrorMessagesArr } from './types.forms';
 
 export interface IZodeFormControl {
   [x: string]: string | boolean | number | URL | object;