@hybridly/vue 0.7.2 → 0.7.3

package/dist/index.cjs

@@ -750,6 +750,7 @@ function useForm(options) {
     const url = typeof options.url === "function" ? options.url() : options.url;
     const data = typeof options.transform === "function" ? options.transform?.(fields) : fields;
     const preserveState = optionsOverrides?.preserveState ?? options.preserveState;
+    const hooks = { ...options?.hooks, ...optionsOverrides?.hooks };
     return core.router.navigate({
       ...options,
       url: url ?? state.context.value?.url,
@@ -764,22 +765,22 @@ function useForm(options) {
           recentlySuccessful.value = false;
           clearTimeout(timeoutIds.recentlySuccessful);
           clearTimeout(timeoutIds.recentlyFailed);
-          return options.hooks?.before?.(navigation, context);
+          return hooks.before?.(navigation, context);
         },
         start: (context) => {
           processing.value = true;
-          return options.hooks?.start?.(context);
+          return hooks.start?.(context);
         },
         progress: (incoming, context) => {
           progress.value = incoming;
-          return options.hooks?.progress?.(incoming, context);
+          return hooks.progress?.(incoming, context);
         },
         error: (incoming, context) => {
           setErrors(incoming);
           failed.value = true;
           recentlyFailed.value = true;
           timeoutIds.recentlyFailed = setTimeout(() => recentlyFailed.value = false, options?.timeout ?? 5e3);
-          return options.hooks?.error?.(incoming, context);
+          return hooks.error?.(incoming, context);
         },
         success: (payload, context) => {
           clearErrors();
@@ -792,12 +793,12 @@ function useForm(options) {
           successful.value = true;
           recentlySuccessful.value = true;
           timeoutIds.recentlySuccessful = setTimeout(() => recentlySuccessful.value = false, options?.timeout ?? 5e3);
-          return options.hooks?.success?.(payload, context);
+          return hooks.success?.(payload, context);
         },
         after: (context) => {
           progress.value = void 0;
           processing.value = false;
-          return options.hooks?.after?.(context);
+          return hooks.after?.(context);
         }
       }
     });
@@ -1086,6 +1087,10 @@ function useRefinements(properties, refinementsKeys, defaultOptions = {}) {
        */
       clear: (options) => clearSorts(options)
     }))),
+    /**
+     * The key for the filters.
+     */
+    filtersKey,
     /**
      * Gets a filter by name.
      */
@@ -1235,6 +1240,12 @@ function useTable(props, key, defaultOptions = {}) {
   }
   async function executeBulkAction(action, options) {
     const actionName = getActionName(action);
+    const filterParameters = refinements.currentFilters().reduce((carry, filter) => {
+      return {
+        ...carry,
+        [filter.name]: filter.value
+      };
+    }, {});
     return await core.router.navigate({
       method: "post",
       url: core.route(table.value.endpoint),
@@ -1245,7 +1256,8 @@ function useTable(props, key, defaultOptions = {}) {
         tableId: table.value.id,
         all: bulk.selection.value.all,
         only: [...bulk.selection.value.only],
-        except: [...bulk.selection.value.except]
+        except: [...bulk.selection.value.except],
+        [refinements.filtersKey.value]: filterParameters
       },
       hooks: {
         after: () => {

package/dist/index.d.cts

@@ -633,6 +633,10 @@ declare function useRefinements<Properties extends object, RefinementsKey extend
          */
         hidden: boolean;
     }[];
+    /**
+     * The key for the filters.
+     */
+    filtersKey: vue.ComputedRef<string>;
     /**
      * Gets a filter by name.
      */
@@ -784,6 +788,7 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
         next: string;
         hidden: boolean;
     }[];
+    filtersKey: string;
     getFilter: (name: string) => FilterRefinement | undefined;
     getSort: (name: string) => SortRefinement | undefined;
     reset: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core.NavigationResponse>;

package/dist/index.d.mts

@@ -633,6 +633,10 @@ declare function useRefinements<Properties extends object, RefinementsKey extend
          */
         hidden: boolean;
     }[];
+    /**
+     * The key for the filters.
+     */
+    filtersKey: vue.ComputedRef<string>;
     /**
      * Gets a filter by name.
      */
@@ -784,6 +788,7 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
         next: string;
         hidden: boolean;
     }[];
+    filtersKey: string;
     getFilter: (name: string) => FilterRefinement | undefined;
     getSort: (name: string) => SortRefinement | undefined;
     reset: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core.NavigationResponse>;

package/dist/index.d.ts

@@ -633,6 +633,10 @@ declare function useRefinements<Properties extends object, RefinementsKey extend
          */
         hidden: boolean;
     }[];
+    /**
+     * The key for the filters.
+     */
+    filtersKey: vue.ComputedRef<string>;
     /**
      * Gets a filter by name.
      */
@@ -784,6 +788,7 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
         next: string;
         hidden: boolean;
     }[];
+    filtersKey: string;
     getFilter: (name: string) => FilterRefinement | undefined;
     getSort: (name: string) => SortRefinement | undefined;
     reset: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core.NavigationResponse>;

package/dist/index.mjs

@@ -743,6 +743,7 @@ function useForm(options) {
     const url = typeof options.url === "function" ? options.url() : options.url;
     const data = typeof options.transform === "function" ? options.transform?.(fields) : fields;
     const preserveState = optionsOverrides?.preserveState ?? options.preserveState;
+    const hooks = { ...options?.hooks, ...optionsOverrides?.hooks };
     return router.navigate({
       ...options,
       url: url ?? state.context.value?.url,
@@ -757,22 +758,22 @@ function useForm(options) {
           recentlySuccessful.value = false;
           clearTimeout(timeoutIds.recentlySuccessful);
           clearTimeout(timeoutIds.recentlyFailed);
-          return options.hooks?.before?.(navigation, context);
+          return hooks.before?.(navigation, context);
         },
         start: (context) => {
           processing.value = true;
-          return options.hooks?.start?.(context);
+          return hooks.start?.(context);
         },
         progress: (incoming, context) => {
           progress.value = incoming;
-          return options.hooks?.progress?.(incoming, context);
+          return hooks.progress?.(incoming, context);
         },
         error: (incoming, context) => {
           setErrors(incoming);
           failed.value = true;
           recentlyFailed.value = true;
           timeoutIds.recentlyFailed = setTimeout(() => recentlyFailed.value = false, options?.timeout ?? 5e3);
-          return options.hooks?.error?.(incoming, context);
+          return hooks.error?.(incoming, context);
         },
         success: (payload, context) => {
           clearErrors();
@@ -785,12 +786,12 @@ function useForm(options) {
           successful.value = true;
           recentlySuccessful.value = true;
           timeoutIds.recentlySuccessful = setTimeout(() => recentlySuccessful.value = false, options?.timeout ?? 5e3);
-          return options.hooks?.success?.(payload, context);
+          return hooks.success?.(payload, context);
         },
         after: (context) => {
           progress.value = void 0;
           processing.value = false;
-          return options.hooks?.after?.(context);
+          return hooks.after?.(context);
         }
       }
     });
@@ -1079,6 +1080,10 @@ function useRefinements(properties, refinementsKeys, defaultOptions = {}) {
        */
       clear: (options) => clearSorts(options)
     }))),
+    /**
+     * The key for the filters.
+     */
+    filtersKey,
     /**
      * Gets a filter by name.
      */
@@ -1228,6 +1233,12 @@ function useTable(props, key, defaultOptions = {}) {
   }
   async function executeBulkAction(action, options) {
     const actionName = getActionName(action);
+    const filterParameters = refinements.currentFilters().reduce((carry, filter) => {
+      return {
+        ...carry,
+        [filter.name]: filter.value
+      };
+    }, {});
     return await router.navigate({
       method: "post",
       url: route(table.value.endpoint),
@@ -1238,7 +1249,8 @@ function useTable(props, key, defaultOptions = {}) {
         tableId: table.value.id,
         all: bulk.selection.value.all,
         only: [...bulk.selection.value.only],
-        except: [...bulk.selection.value.except]
+        except: [...bulk.selection.value.except],
+        [refinements.filtersKey.value]: filterParameters
       },
       hooks: {
         after: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hybridly/vue",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "Vue adapter for Hybridly",
   "keywords": [
     "hybridly",
@@ -43,14 +43,14 @@
     "vue": "^3.2.45"
   },
   "dependencies": {
-    "@clickbar/dot-diver": "^1.0.4",
+    "@clickbar/dot-diver": "^1.0.6",
     "@vue/devtools-api": "^6.6.1",
     "defu": "^6.1.4",
     "lodash.isequal": "^4.5.0",
     "nprogress": "^0.2.0",
     "qs": "^6.12.0",
-    "@hybridly/utils": "0.7.2",
-    "@hybridly/core": "0.7.2"
+    "@hybridly/core": "0.7.3",
+    "@hybridly/utils": "0.7.3"
   },
   "devDependencies": {
     "@types/lodash": "^4.17.0",