instantsearch.js 4.75.1 → 4.75.2

package/cjs/components/RefinementList/RefinementList.js

@@ -50,7 +50,9 @@ var RefinementList = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "listRef", (0, _preact.createRef)());
     _defineProperty(_assertThisInitialized(_this), "searchBox", (0, _preact.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) {
@@ -153,6 +155,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
   }, {
     key: "refine",
     value: function refine(facetValueToRefine) {
+      this.lastRefinedValue = facetValueToRefine;
       this.props.toggleRefinement(facetValueToRefine);
     }
   }, {
@@ -162,6 +165,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() {
@@ -213,6 +229,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
         ariaLabel: "Search for filters"
       }));
       var facetValues = this.props.facetValues && this.props.facetValues.length > 0 && (0, _preact.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) && (0, _preact.h)(_Template.default, _extends({}, this.props.templateProps, {

package/cjs/lib/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = '4.75.1';
+var _default = '4.75.2';
 exports.default = _default;

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.75.1 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! InstantSearch.js 4.75.2 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -16017,7 +16017,7 @@
     };
   }
 
-  var version$1 = '4.75.1';
+  var version$1 = '4.75.2';
 
   var withUsage$v = createDocumentationMessageGenerator({
     name: 'instantsearch'
@@ -20246,7 +20246,9 @@
         args[_key] = arguments[_key];
       }
       _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty(_assertThisInitialized(_this), "listRef", y());
       _defineProperty(_assertThisInitialized(_this), "searchBox", y());
+      _defineProperty(_assertThisInitialized(_this), "lastRefinedValue", undefined);
       _defineProperty(_assertThisInitialized(_this), "_generateFacetItem", function (facetValue) {
         var subItems;
         if (isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) {
@@ -20349,6 +20351,7 @@
     }, {
       key: "refine",
       value: function refine(facetValueToRefine) {
+        this.lastRefinedValue = facetValueToRefine;
         this.props.toggleRefinement(facetValueToRefine);
       }
     }, {
@@ -20358,6 +20361,19 @@
           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() {
@@ -20409,6 +20425,7 @@
           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, {