@hybridly/vue 0.3.0 → 0.3.1

package/dist/index.cjs

@@ -645,15 +645,15 @@ function useForm(options) {
     if (keys.length === 0) {
       return isDirty.value;
     }
-    return keys.some((key) => !isEqual__default(vue.toRaw(fields[key]), vue.toRaw(initial[key])));
+    return keys.some((key) => !isEqual__default(vue.toRaw(dotDiver.getByPath(fields, key)), vue.toRaw(dotDiver.getByPath(initial, key))));
   }
   function clearError(key) {
-    delete errors.value[key];
+    utils.unsetPropertyAtPath(errors.value, key);
   }
   function setErrors(incoming) {
     clearErrors();
-    Object.entries(incoming).forEach(([key, value]) => {
-      errors.value[key] = value;
+    Object.entries(incoming).forEach(([path, value]) => {
+      utils.setValueAtPath(errors.value, path, value);
     });
   }
   function abort() {

package/dist/index.d.ts

@@ -218,7 +218,7 @@ interface RequestHooks {
     /**
      * Called when a request is successful but there were errors.
      */
-    error: (errors: Errors, context: InternalRouterContext) => MaybePromise<any>;
+    error: (errors: Errors$1, context: InternalRouterContext) => MaybePromise<any>;
     /**
      * Called when a request has been aborted.
      */
@@ -406,9 +406,7 @@ interface Progress {
     /** Computed percentage. */
     percentage: Readonly<number>;
 }
-interface Errors {
-    [key: string]: string;
-}
+type Errors$1 = any;
 
 interface Plugin extends Partial<Hooks> {
     /** Identifier of the plugin. */
@@ -475,8 +473,10 @@ interface Serializer {
 /** Accesses the hybridly context. */
 declare function useContext(): vue.ComputedRef<Readonly<InternalRouterContext> | undefined>;
 
-type Fields = Record<string, any>;
-interface FormOptions<T extends Fields> extends Omit<HybridRequestOptions$1, 'data' | 'url'> {
+type Errors<T extends SearchableObject> = {
+    [K in keyof T]?: T[K] extends Record<string, any> ? Errors<T[K]> : string;
+};
+interface FormOptions<T extends SearchableObject> extends Omit<HybridRequestOptions$1, 'data' | 'url'> {
     fields: T;
     url?: UrlResolvable$1 | (() => UrlResolvable$1);
     key?: string | false;
@@ -497,18 +497,18 @@ interface FormOptions<T extends Fields> extends Omit<HybridRequestOptions$1, 'da
     /**
      * Callback executed before the form submission for transforming the fields.
      */
-    transform?: (fields: T) => Fields;
+    transform?: (fields: T) => any;
 }
-declare function useForm<T extends Fields = Fields>(options: FormOptions<T>): {
-    reset: (...keys: (keyof T)[]) => void;
-    clear: (...keys: (keyof T)[]) => void;
-    fields: vue.UnwrapRef<vue.UnwrapNestedRefs<T>>;
+declare function useForm<T extends SearchableObject, P extends Path<T> & string = Path<T> & string>(options: FormOptions<T>): {
+    reset: (...keys: P[]) => void;
+    clear: (...keys: P[]) => void;
+    fields: vue.UnwrapRef<T>;
     abort: () => void;
-    setErrors: (incoming: Record<string, string>) => void;
-    clearErrors: (...keys: (keyof T)[]) => void;
-    clearError: (key: keyof T) => void;
+    setErrors: (incoming: Errors<T>) => void;
+    clearErrors: (...keys: P[]) => void;
+    clearError: (key: P) => void;
     setInitial: (newInitial: Partial<T>) => void;
-    hasDirty: (...keys: (keyof T)[]) => boolean;
+    hasDirty: (...keys: P[]) => boolean;
     submitWithOptions: (optionsOverrides?: Omit<HybridRequestOptions$1, 'data'>) => Promise<_hybridly_core.NavigationResponse>;
     submit: () => Promise<_hybridly_core.NavigationResponse>;
     hasErrors: boolean;
@@ -529,7 +529,7 @@ declare function useForm<T extends Fields = Fields>(options: FormOptions<T>): {
         readonly percentage: number;
     } | undefined;
     isDirty: boolean;
-    errors: vue.UnwrapRef<DeepReadonly<[Record<keyof T, string>] extends [vue.Ref<any>] ? vue.Ref<any> & Record<keyof T, string> : vue.Ref<vue.UnwrapRef<Record<keyof T, string>>>>>;
+    errors: vue.UnwrapRef<DeepReadonly<[Errors<T>] extends [vue.Ref<any>] ? vue.Ref<any> & Errors<T> : vue.Ref<vue.UnwrapRef<Errors<T>>>>>;
     processing: boolean;
     successful: boolean;
     failed: boolean;

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { shallowRef, ref, unref, triggerRef, defineComponent, toRaw, h, nextTick, createApp, isRef, reactive, readonly, computed, watch, getCurrentInstance, onUnmounted } from 'vue';
 import { registerHook as registerHook$1, createRouter, makeUrl, router } from '@hybridly/core';
 export { can, route, router } from '@hybridly/core';
-import { debug, random, showDomainsDisabledErrorModal, showPageComponentErrorModal, merge, clone } from '@hybridly/utils';
+import { debug, random, showDomainsDisabledErrorModal, showPageComponentErrorModal, merge, clone, unsetPropertyAtPath, setValueAtPath } from '@hybridly/utils';
 import { progress } from '@hybridly/progress-plugin';
 import { setupDevtoolsPlugin } from '@vue/devtools-api';
 import qs from 'qs';
@@ -637,15 +637,15 @@ function useForm(options) {
     if (keys.length === 0) {
       return isDirty.value;
     }
-    return keys.some((key) => !isEqual(toRaw(fields[key]), toRaw(initial[key])));
+    return keys.some((key) => !isEqual(toRaw(getByPath(fields, key)), toRaw(getByPath(initial, key))));
   }
   function clearError(key) {
-    delete errors.value[key];
+    unsetPropertyAtPath(errors.value, key);
   }
   function setErrors(incoming) {
     clearErrors();
-    Object.entries(incoming).forEach(([key, value]) => {
-      errors.value[key] = value;
+    Object.entries(incoming).forEach(([path, value]) => {
+      setValueAtPath(errors.value, path, value);
     });
   }
   function abort() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hybridly/vue",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Vue adapter for Hybridly",
   "keywords": [
     "hybridly",
@@ -44,10 +44,10 @@
     "lodash.isequal": "^4.5.0",
     "nprogress": "^0.2.0",
     "qs": "^6.11.1",
-    "@hybridly/config": "0.3.0",
-    "@hybridly/core": "0.3.0",
-    "@hybridly/progress-plugin": "0.3.0",
-    "@hybridly/utils": "0.3.0"
+    "@hybridly/config": "0.3.1",
+    "@hybridly/core": "0.3.1",
+    "@hybridly/progress-plugin": "0.3.1",
+    "@hybridly/utils": "0.3.1"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.194",