vue-instantsearch 4.10.12 → 4.12.0

package/README.md

@@ -1,7 +1,6 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Vue InstantSearch](#vue-instantsearch)
 - [Documentation](#documentation)
 - [Installation](#installation)

package/package.json

@@ -16,7 +16,7 @@
     "autocomplete"
   ],
   "license": "MIT",
-  "version": "4.10.12",
+  "version": "4.12.0",
   "files": [
     "vue2",
     "vue3",
@@ -35,7 +35,7 @@
     "test:exports:vue3": "node ./test/module/vue3/is-es-module.mjs && node ./test/module/vue3/is-cjs-module.cjs"
   },
   "dependencies": {
-    "instantsearch.js": "4.57.0",
+    "instantsearch.js": "4.59.0",
     "mitt": "^2.1.0"
   },
   "peerDependencies": {
@@ -60,7 +60,7 @@
     "@vue/test-utils": "1.3.0",
     "@vue/test-utils2": "npm:@vue/test-utils@2.0.0-rc.11",
     "algoliasearch": "4.14.3",
-    "algoliasearch-helper": "3.14.2",
+    "algoliasearch-helper": "3.15.0",
     "instantsearch.css": "8.1.0",
     "rollup": "1.32.1",
     "rollup-plugin-babel": "4.4.0",
@@ -87,5 +87,5 @@
     "vuex": "3.5.1",
     "vuex4": "npm:vuex@4.0.0"
   },
-  "gitHead": "b2196f01f03c6bea37a3aa048e4e5b45a9bbf33d"
+  "gitHead": "8fb537f2301a5e133e9e5df20c7c208cae16b3aa"
 }

package/src/__tests__/common-widgets.test.js

@@ -247,6 +247,9 @@ const testSetups = {
                   ),
               },
             }),
+            h('div', { attrs: { id: 'hits-with-defaults' } }, [
+              h(AisHits, { props: widgetParams }),
+            ]),
             h(AisIndex, { props: { indexName: 'nested' } }, [
               h(AisHits, {
                 attrs: { id: 'nested-hits' },

package/src/components/InstantSearch.js

@@ -42,7 +42,11 @@ export default createInstantSearchComponent({
     insights: {
       default: undefined,
       validator(value) {
-        return typeof value === 'boolean' || typeof value === 'object';
+        return (
+          typeof value === 'undefined' ||
+          typeof value === 'boolean' ||
+          typeof value === 'object'
+        );
       },
     },
     stalledSearchDelay: {
@@ -85,6 +89,10 @@ export default createInstantSearchComponent({
       type: Array,
       default: null,
     },
+    future: {
+      type: Object,
+      default: undefined,
+    },
   },
   data() {
     return {
@@ -98,6 +106,7 @@ export default createInstantSearchComponent({
         searchFunction: this.searchFunction,
         onStateChange: this.onStateChange,
         initialUiState: this.initialUiState,
+        future: this.future,
       }),
     };
   },

package/src/components/Pagination.vue

@@ -31,14 +31,14 @@
             <template v-if="!state.isFirstPage">
               <a
                 :class="suit('link')"
-                aria-label="First"
+                aria-label="First Page"
                 :href="state.createURL(0)"
                 @click.exact.left.prevent="refine(0)"
                 >‹‹</a
               >
             </template>
             <template v-else>
-              <span :class="suit('link')" aria-label="First">‹‹</span>
+              <span :class="suit('link')" aria-label="First Page">‹‹</span>
             </template>
           </slot>
         </li>
@@ -59,14 +59,14 @@
             <template v-if="!state.isFirstPage">
               <a
                 :class="suit('link')"
-                aria-label="Previous"
+                aria-label="Previous Page"
                 :href="state.createURL(state.currentRefinement - 1)"
                 @click.exact.left.prevent="refine(state.currentRefinement - 1)"
                 >‹</a
               >
             </template>
             <template v-else>
-              <span :class="suit('link')" aria-label="Previous">‹</span>
+              <span :class="suit('link')" aria-label="Previous Page">‹</span>
             </template>
           </slot>
         </li>
@@ -115,14 +115,14 @@
             <template v-if="!state.isLastPage">
               <a
                 :class="suit('link')"
-                aria-label="Next"
+                aria-label="Next Page"
                 :href="state.createURL(state.currentRefinement + 1)"
                 @click.exact.left.prevent="refine(state.currentRefinement + 1)"
                 >›</a
               >
             </template>
             <template v-else>
-              <span :class="suit('link')" aria-label="Next">›</span>
+              <span :class="suit('link')" aria-label="Next Page">›</span>
             </template>
           </slot>
         </li>
@@ -143,14 +143,19 @@
             <template v-if="!state.isLastPage">
               <a
                 :class="suit('link')"
-                aria-label="Last"
+                :aria-label="`Last Page, Page ${state.nbPages}`"
                 :href="state.createURL(state.nbPages - 1)"
                 @click.exact.left.prevent="refine(state.nbPages - 1)"
                 >››</a
               >
             </template>
             <template v-else>
-              <span :class="suit('link')" aria-label="Last">››</span>
+              <span
+                :class="suit('link')"
+                :aria-label="`Last Page, Page ${state.nbPages}`"
+              >
+                ››
+              </span>
             </template>
           </slot>
         </li>

package/src/components/__tests__/Hits.js

@@ -28,32 +28,6 @@ it('accepts an escapeHTML prop', () => {
   expect(wrapper.vm.widgetParams.escapeHTML).toBe(true);
 });
 
-it('accepts a transformItems prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const transformItems = () => {};
-
-  const wrapper = mount(Hits, {
-    propsData: {
-      transformItems,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.transformItems).toBe(transformItems);
-});
-
-it('renders correctly', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(Hits);
-
-  expect(wrapper.html()).toMatchSnapshot();
-});
-
 it('exposes insights prop to the default slot', async () => {
   const insights = jest.fn();
   __setState({

package/src/util/createInstantSearchComponent.js

@@ -1,3 +1,5 @@
+import { INSTANTSEARCH_FUTURE_DEFAULTS } from 'instantsearch.js/es/lib/InstantSearch';
+
 import { version } from '../../package.json'; // rollup does pick only what needed from json
 import { createSuitMixin } from '../mixins/suit';
 
@@ -64,6 +66,12 @@ export const createInstantSearchComponent = (component) =>
               });
           },
         },
+        future(future) {
+          this.instantSearchInstance.future = Object.assign(
+            INSTANTSEARCH_FUTURE_DEFAULTS,
+            future
+          );
+        },
       },
       created() {
         const searchClient = this.instantSearchInstance.client;