instantsearch.js 4.75.1 → 4.75.2

package/es/components/RefinementList/RefinementList.d.ts

@@ -53,12 +53,20 @@ declare class RefinementList<TTemplates extends Templates> extends Component<Ref
         cssClasses: {};
         depth: number;
     };
+    private listRef;
     private searchBox;
+    private lastRefinedValue;
     shouldComponentUpdate(nextProps: RefinementListPropsWithDefaultProps<TTemplates>): boolean;
     private refine;
     private _generateFacetItem;
     private handleItemClick;
     componentWillReceiveProps(nextProps: RefinementListPropsWithDefaultProps<TTemplates>): void;
+    /**
+     * This sets focus on the last refined input element after a render
+     * because Preact does not perform it automatically.
+     * @see https://github.com/preactjs/preact/issues/3242
+     */
+    componentDidUpdate(): void;
     private refineFirstValue;
     render(): h.JSX.Element;
 }

package/es/components/RefinementList/RefinementList.js

@@ -44,7 +44,9 @@ var RefinementList = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "listRef", createRef());
     _defineProperty(_assertThisInitialized(_this), "searchBox", createRef());
+    _defineProperty(_assertThisInitialized(_this), "lastRefinedValue", undefined);
     _defineProperty(_assertThisInitialized(_this), "_generateFacetItem", function (facetValue) {
       var subItems;
       if (isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) {
@@ -147,6 +149,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
   }, {
     key: "refine",
     value: function refine(facetValueToRefine) {
+      this.lastRefinedValue = facetValueToRefine;
       this.props.toggleRefinement(facetValueToRefine);
     }
   }, {
@@ -156,6 +159,19 @@ var RefinementList = /*#__PURE__*/function (_Component) {
         this.searchBox.current.resetInput();
       }
     }
+
+    /**
+     * This sets focus on the last refined input element after a render
+     * because Preact does not perform it automatically.
+     * @see https://github.com/preactjs/preact/issues/3242
+     */
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var _this$listRef$current, _this$listRef$current2;
+      (_this$listRef$current = this.listRef.current) === null || _this$listRef$current === void 0 ? void 0 : (_this$listRef$current2 = _this$listRef$current.querySelector("input[value=\"".concat(this.lastRefinedValue, "\"]"))) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.focus();
+      this.lastRefinedValue = undefined;
+    }
   }, {
     key: "refineFirstValue",
     value: function refineFirstValue() {
@@ -207,6 +223,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
         ariaLabel: "Search for filters"
       }));
       var facetValues = this.props.facetValues && this.props.facetValues.length > 0 && h("ul", {
+        ref: this.listRef,
         className: this.props.cssClasses.list
       }, this.props.facetValues.map(this._generateFacetItem, this));
       var noResults = this.props.searchFacetValues && this.props.isFromSearch && (!this.props.facetValues || this.props.facetValues.length === 0) && h(Template, _extends({}, this.props.templateProps, {

package/es/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.75.1";
+declare const _default: "4.75.2";
 export default _default;

package/es/lib/version.js

@@ -1 +1 @@
-export default '4.75.1';
+export default '4.75.2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "instantsearch.js",
-  "version": "4.75.1",
+  "version": "4.75.2",
   "description": "InstantSearch.js is a JavaScript library for building performant and instant search experiences with Algolia.",
   "homepage": "https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/",
   "types": "es/index.d.ts",
@@ -56,9 +56,9 @@
     "watch:es": "yarn --silent build:es:base --watch"
   },
   "devDependencies": {
-    "@instantsearch/mocks": "1.59.0",
-    "@instantsearch/tests": "1.59.0",
-    "@instantsearch/testutils": "1.48.0",
+    "@instantsearch/mocks": "1.60.0",
+    "@instantsearch/tests": "1.60.0",
+    "@instantsearch/testutils": "1.49.0",
     "@storybook/html": "5.3.9",
     "@types/scriptjs": "0.0.2",
     "algoliasearch": "5.1.1",
@@ -66,5 +66,5 @@
     "scriptjs": "2.5.9",
     "webpack": "4.47.0"
   },
-  "gitHead": "bd1f4a7e1cdb277169486c4735ac6651fc053716"
+  "gitHead": "c5f9a44d3f97363b1a0486a18696edbeafc193d5"
 }