feat(dynamicWidgets): pass parameters to connector (#1093)

* feat(dynamicWidgets): pass parameters to connector

* update instantsearch

Author: Haroenv

package.json

@@ -48,7 +48,7 @@
     "release": "shipjs prepare"
   },
   "dependencies": {
-    "instantsearch.js": "^4.35.0",
+    "instantsearch.js": "^4.36.0",
     "mitt": "^2.1.0"
   },
   "peerDependencies": {

src/components/DynamicWidgets.js

@@ -50,6 +50,14 @@ export default {
       type: Function,
       default: undefined,
     },
+    facets: {
+      type: Array,
+      default: undefined,
+    },
+    maxValuesPerFacet: {
+      type: Number,
+      default: undefined,
+    },
   },
   render: renderCompat(function(h) {
     const components = new Map();
@@ -91,6 +99,8 @@ export default {
     widgetParams() {
       return {
         transformItems: this.transformItems,
+        facets: this.facets,
+        maxValuesPerFacet: this.maxValuesPerFacet,
         // we do not pass "widgets" to the connector, since Vue is in charge of rendering
         widgets: [],
       };

src/components/__tests__/DynamicWidgets.js

@@ -46,6 +46,51 @@ const MockHierarchicalMenu = {
   `,
 };
 
+it('passes arguments to connector', () => {
+  __setState(null);
+
+  const transformItems = items => items;
+  const facets = ['test'];
+  const maxValuesPerFacet = 100;
+  const wrapper = mount({
+    data() {
+      return { props: { transformItems, facets, maxValuesPerFacet } };
+    },
+    template: `
+      <DynamicWidgets v-bind="props">
+        <MockRefinementList attribute="test1"/>
+        <MockMenu attribute="test2"/>
+        <AisPanel>
+          <MockHierarchicalMenu :attributes="['test3', 'test4']" />
+        </AisPanel>
+      </DynamicWidgets>
+      `,
+    components: {
+      DynamicWidgets,
+      MockRefinementList,
+      MockMenu,
+      MockHierarchicalMenu,
+      AisPanel,
+    },
+  });
+
+  const dynamicWidgets = wrapper.findComponent(DynamicWidgets);
+
+  expect(dynamicWidgets.props()).toEqual({
+    classNames: undefined,
+    transformItems,
+    facets: ['test'],
+    maxValuesPerFacet: 100,
+  });
+
+  expect(dynamicWidgets.vm.widgetParams).toEqual({
+    transformItems,
+    facets: ['test'],
+    maxValuesPerFacet: 100,
+    widgets: [],
+  });
+});
+
 it('renders all children without state', () => {
   __setState(null);
 

yarn.lock

@@ -8122,10 +8122,10 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/instantsearch.css/-/instantsearch.css-7.3.1.tgz#7ab74a8f355091ae040947a9cf5438f379026622"
   integrity sha512-/kaMDna5D+Q9mImNBHEhb9HgHATDOFKYii7N1Iwvrj+lmD9gBJLqVhUw67gftq2O0QI330pFza+CRscIwB1wQQ==
 
-instantsearch.js@^4.35.0:
-  version "4.35.0"
-  resolved "https://registry.yarnpkg.com/instantsearch.js/-/instantsearch.js-4.35.0.tgz#188a5b9f91c36e84ab912dc869794b51c9eea638"
-  integrity sha512-2s1GlSYqy6c+I8MrE43iYnpmP5PbL8q3VSYPvLfuJaPF4MX0I8R/8bYVVG7cm6btg+BXT1ZbryG8aHPZTkaVKQ==
+instantsearch.js@^4.36.0:
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/instantsearch.js/-/instantsearch.js-4.36.0.tgz#70baaa7ea745992b2220f1c553e310cef552f7b8"
+  integrity sha512-o0PRCir8AvMHo9idMEh6ERPXlSMn6auUbq2niW5t//03Kn+EPYDP8uXyKQtSRHLxd9T0gTU6PNJ3vM0VV76VgA==
   dependencies:
     "@algolia/events" "^4.0.1"
     "@types/google.maps" "^3.45.3"