vue-instantsearch 4.13.1 → 4.13.2

package/package.json

@@ -16,7 +16,7 @@
     "autocomplete"
   ],
   "license": "MIT",
-  "version": "4.13.1",
+  "version": "4.13.2",
   "files": [
     "vue2",
     "vue3",
@@ -29,13 +29,13 @@
   "scripts": {
     "prebuild": "rm -rf vue2 vue3",
     "build": "rollup -c",
-    "storybook": "start-storybook -p 6006 -c .storybook",
-    "storybook:build": "build-storybook -c .storybook -o ../../website/stories/vue",
+    "storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006 -c .storybook",
+    "storybook:build": "NODE_OPTIONS=--openssl-legacy-provider build-storybook -c .storybook -o ../../website/stories/vue",
     "test:exports": "node ./test/module/vue2/is-es-module.mjs && node ./test/module/vue2/is-cjs-module.cjs",
     "test:exports:vue3": "node ./test/module/vue3/is-es-module.mjs && node ./test/module/vue3/is-cjs-module.cjs"
   },
   "dependencies": {
-    "instantsearch.js": "4.62.0",
+    "instantsearch.js": "4.63.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.16.0",
+    "algoliasearch-helper": "3.16.1",
     "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": "967178e0e39302f1ff9552a42cfbdd9e06fd6864"
+  "gitHead": "b90c55a93cd6fe56128d9d6c746c153dbb3c3649"
 }

package/src/components/HierarchicalMenuList.vue

@@ -12,8 +12,8 @@
       :key="item.value"
       :class="[
         suit('item'),
-        item.data && item.data.length > 0 && suit('item', 'parent'),
         item.isRefined && suit('item', 'selected'),
+        item.data && item.data.length > 0 && suit('item', 'parent'),
       ]"
     >
       <a
@@ -24,7 +24,6 @@
         <span :class="suit('label')">{{ item.label }}</span>
         <span :class="suit('count')">{{ item.count }}</span>
       </a>
-
       <hierarchical-menu-list
         v-if="item.data"
         :items="item.data"

package/src/components/SearchInput.vue

@@ -23,10 +23,8 @@
       :value="value || modelValue"
       @focus="$emit('focus', $event)"
       @blur="$emit('blur', $event)"
-      @input="
-        $emit('input', $event.target.value);
-        $emit('update:modelValue', $event.target.value);
-      "
+      @input="onInput($event)"
+      @compositionend="onInput($event)"
       ref="input"
     />
     <button
@@ -162,6 +160,12 @@ export default {
     isFocused() {
       return document.activeElement === this.$refs.input;
     },
+    onInput(event) {
+      if (event.type === 'compositionend' || !event.isComposing) {
+        this.$emit('input', event.target.value);
+        this.$emit('update:modelValue', event.target.value);
+      }
+    },
     onFormSubmit() {
       const input = this.$refs.input;
       input.blur();

package/src/components/__tests__/HierarchicalMenu.js

@@ -139,349 +139,6 @@ const defaultProps = {
   attributes: ['categories.lvl0', 'categories.lvl1', 'categories.lvl2'],
 };
 
-it('accepts an attributes prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(HierarchicalMenu, {
-    propsData: defaultProps,
-  });
-
-  expect(wrapper.vm.widgetParams.attributes).toEqual([
-    'categories.lvl0',
-    'categories.lvl1',
-    'categories.lvl2',
-  ]);
-});
-
-it('accepts a limit prop (without showMore)', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(HierarchicalMenu, {
-    propsData: {
-      ...defaultProps,
-      showMore: false,
-      limit: 2,
-      showMoreLimit: 5,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.limit).toBe(2);
-});
-
-it('accepts a showMoreLimit prop (with showMore)', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(HierarchicalMenu, {
-    propsData: {
-      ...defaultProps,
-      showMore: true,
-      limit: 2,
-      showMoreLimit: 5,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.showMoreLimit).toBe(5);
-});
-
-it('accepts a separator prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(HierarchicalMenu, {
-    propsData: {
-      ...defaultProps,
-      separator: ' --> ',
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.separator).toBe(' --> ');
-});
-
-it('accepts a rootPath prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(HierarchicalMenu, {
-    propsData: {
-      ...defaultProps,
-      rootPath: 'Apple > MacBook',
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.rootPath).toBe('Apple > MacBook');
-});
-
-it('accepts a showParentLevel prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(HierarchicalMenu, {
-    propsData: {
-      ...defaultProps,
-      showParentLevel: false,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.showParentLevel).toBe(false);
-});
-
-it('accepts a sortBy prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(HierarchicalMenu, {
-    propsData: {
-      ...defaultProps,
-      sortBy: ['count:asc'],
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.sortBy).toEqual(['count:asc']);
-});
-
-it('accepts a transformItems prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const transformItems = () => {};
-
-  const wrapper = mount(HierarchicalMenu, {
-    propsData: {
-      ...defaultProps,
-      transformItems,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.transformItems).toBe(transformItems);
-});
-
-describe('default render', () => {
-  it('renders correctly', () => {
-    __setState({ ...defaultState });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('renders correctly without refinement', () => {
-    __setState({
-      ...defaultState,
-      items: [],
-      canRefine: false,
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('renders correctly the parent of sub categories', () => {
-    __setState({
-      ...defaultState,
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.findAll('.ais-HierarchicalMenu-item--parent')).toHaveLength(
-      3 // 2 Apple + 1 Samsung
-    );
-  });
-
-  it('renders correctly the list of sub categories', () => {
-    __setState({
-      ...defaultState,
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.findAll('.ais-HierarchicalMenu-list--lvl0')).toHaveLength(1);
-    expect(wrapper.findAll('.ais-HierarchicalMenu-list--lvl1')).toHaveLength(2);
-    expect(wrapper.findAll('.ais-HierarchicalMenu-list--lvl2')).toHaveLength(1);
-
-    expect(wrapper.findAll('.ais-HierarchicalMenu-list--child')).toHaveLength(
-      3 // 2 Apple + 1 Samsung
-    );
-  });
-
-  it('renders correctly with a URL for the href', () => {
-    __setState({
-      ...defaultState,
-      createURL: (value) => `/categories/${value}`,
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('renders correctly a sub categories selected', () => {
-    __setState({
-      ...defaultState,
-      items: [
-        {
-          ...apple,
-          isRefined: true,
-          data: [
-            iphone,
-            ipad,
-            {
-              ...macbook,
-              isRefined: true,
-              data: [macbook13, macbook15, macbook12],
-            },
-          ],
-        },
-        {
-          ...samsung,
-          data: [galaxy, note],
-        },
-        microsoft,
-      ],
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: defaultProps,
-    });
-
-    expect(
-      wrapper.findAll('.ais-HierarchicalMenu-item--selected')
-    ).toHaveLength(2);
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('renders correctly with show more disabled', () => {
-    __setState({
-      ...defaultState,
-      canToggleShowMore: false,
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: {
-        ...defaultProps,
-        showMore: true,
-      },
-    });
-
-    const button = wrapper.find('button');
-    expect(button).vueToBeDisabled();
-    expect(button.classes()).toContain(
-      'ais-HierarchicalMenu-showMore--disabled'
-    );
-
-    expect(wrapper.htmlCompat()).toMatchSnapshot();
-  });
-
-  it('renders correctly with show more label', () => {
-    __setState({
-      ...defaultState,
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: {
-        ...defaultProps,
-        showMore: true,
-      },
-    });
-
-    const showMoreButton = wrapper.find('.ais-HierarchicalMenu-showMore');
-
-    expect(showMoreButton.text()).toBe('Show more');
-    expect(showMoreButton.html()).toMatchSnapshot();
-  });
-
-  it('renders correctly with show more label toggled', async () => {
-    __setState({
-      ...defaultState,
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: {
-        ...defaultProps,
-        showMore: true,
-        limit: 1,
-      },
-    });
-
-    const button = wrapper.find('button');
-
-    await button.trigger('click');
-
-    await wrapper.setData({
-      state: {
-        isShowingMore: true,
-      },
-    });
-
-    expect(button.text()).toBe('Show less');
-    expect(button.html()).toMatchSnapshot();
-  });
-
-  it('calls refine on link click', async () => {
-    const refine = jest.fn();
-
-    __setState({
-      ...defaultState,
-      refine,
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: defaultProps,
-    });
-
-    await wrapper
-      .find(
-        '.ais-HierarchicalMenu-list--lvl2 .ais-HierarchicalMenu-item:nth-child(2) a'
-      )
-      .trigger('click');
-
-    expect(refine).toHaveBeenCalledTimes(1);
-    expect(refine).toHaveBeenCalledWith('Apple > MacBook > MacBook 15"');
-  });
-
-  it('calls toggleShowMore on button click', async () => {
-    const toggleShowMore = jest.fn();
-    __setState({
-      ...defaultState,
-      toggleShowMore,
-    });
-
-    const wrapper = mount(HierarchicalMenu, {
-      propsData: {
-        ...defaultProps,
-        showMore: true,
-        limit: 1,
-      },
-    });
-
-    await wrapper.find('button').trigger('click');
-
-    expect(toggleShowMore).toHaveBeenCalledTimes(1);
-  });
-});
-
 it('exposes send-event method for insights middleware', async () => {
   const sendEvent = jest.fn();
   __setState({