vue-instantsearch 4.14.0 → 4.15.0

package/package.json

@@ -16,7 +16,7 @@
     "autocomplete"
   ],
   "license": "MIT",
-  "version": "4.14.0",
+  "version": "4.15.0",
   "files": [
     "vue2",
     "vue3",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "instantsearch-ui-components": "0.4.0",
-    "instantsearch.js": "4.66.0",
+    "instantsearch.js": "4.66.1",
     "mitt": "^2.1.0"
   },
   "peerDependencies": {
@@ -62,7 +62,7 @@
     "@vue/test-utils": "1.3.0",
     "@vue/test-utils2": "npm:@vue/test-utils@2.0.0-rc.11",
     "algoliasearch": "4.22.1",
-    "algoliasearch-helper": "3.16.3",
+    "algoliasearch-helper": "3.17.0",
     "instantsearch.css": "8.1.0",
     "rollup": "1.32.1",
     "rollup-plugin-babel": "4.4.0",
@@ -89,5 +89,5 @@
     "vuex": "3.5.1",
     "vuex4": "npm:vuex@4.0.0"
   },
-  "gitHead": "358f849cba15cbbb415da05feb582b47358aa239"
+  "gitHead": "d309ca3333476a842be080fcb01b8be925aad204"
 }

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

@@ -25,6 +25,7 @@ import {
   AisSortBy,
   AisStats,
   AisRatingMenu,
+  AisNumericMenu,
 } from '../instantsearch';
 import { renderCompat } from '../util/vue-compat';
 
@@ -421,6 +422,21 @@ const testSetups = {
 
     await nextTick();
   },
+  async createNumericMenuWidgetTests({ instantSearchOptions, widgetParams }) {
+    mountApp(
+      {
+        render: renderCompat((h) =>
+          h(AisInstantSearch, { props: instantSearchOptions }, [
+            h(AisNumericMenu, { props: widgetParams }),
+            h(GlobalErrorSwallower),
+          ])
+        ),
+      },
+      document.body.appendChild(document.createElement('div'))
+    );
+
+    await nextTick();
+  },
   async createToggleRefinementWidgetTests({
     instantSearchOptions,
     widgetParams,

package/src/components/RefinementList.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    :class="[suit(), !state.canRefine && suit('', 'noRefinement')]"
+    :class="[suit(), items.length === 0 && suit('', 'noRefinement')]"
     v-if="state"
   >
     <slot
@@ -19,6 +19,7 @@
       <div :class="suit('searchBox')" v-if="searchable">
         <search-input
           v-model="searchForFacetValues"
+          :show-loading-indicator="true"
           :placeholder="searchablePlaceholder"
           :class-names="classNames"
         />
@@ -30,7 +31,7 @@
       >
         <div :class="suit('noResults')">No results.</div>
       </slot>
-      <ul :class="suit('list')">
+      <ul v-if="items.length > 0" :class="suit('list')">
         <li
           :class="[suit('item'), item.isRefined && suit('item', 'selected')]"
           v-for="item in items"

package/src/components/SearchInput.vue

@@ -47,7 +47,6 @@
         </svg>
       </slot>
     </button>
-
     <button
       type="reset"
       :title="resetTitle"

package/src/components/__tests__/NumericMenu.js

@@ -62,57 +62,6 @@ const defaultProps = {
   ],
 };
 
-it('accepts an attribute prop', () => {
-  __setState(defaultState);
-
-  const props = {
-    ...defaultProps,
-  };
-
-  const wrapper = mount(NumericMenu, {
-    propsData: props,
-  });
-
-  expect(wrapper.vm.widgetParams.attribute).toBe('brand');
-});
-
-it('accepts an items prop', () => {
-  __setState(defaultState);
-
-  const props = {
-    ...defaultProps,
-  };
-
-  const wrapper = mount(NumericMenu, {
-    propsData: props,
-  });
-
-  expect(wrapper.vm.widgetParams.items).toEqual([
-    { label: 'All' },
-    { label: '<= 10$', end: 10 },
-    { label: '10$ - 100$', start: 10, end: 100 },
-    { label: '100$ - 500$', start: 100, end: 500 },
-    { label: '>= 500$', start: 500 },
-  ]);
-});
-
-it('accepts an transformItems prop', () => {
-  __setState(defaultState);
-
-  const identity = (x) => x;
-
-  const props = {
-    ...defaultProps,
-    transformItems: identity,
-  };
-
-  const wrapper = mount(NumericMenu, {
-    propsData: props,
-  });
-
-  expect(wrapper.vm.widgetParams.transformItems).toBe(identity);
-});
-
 describe('default render', () => {
   it('renders correctly', () => {
     __setState(defaultState);