instantsearch.js 4.48.0 → 4.48.1

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [4.48.1](https://github.com/algolia/instantsearch.js/compare/v4.48.0...v4.48.1) (2022-10-18)
+
+
+### Bug Fixes
+
+* **bundlesize:** consolidate usage of "classnames" helper ([#5138](https://github.com/algolia/instantsearch.js/issues/5138)) ([f1ec288](https://github.com/algolia/instantsearch.js/commit/f1ec28889be5c2f906dd398f37d072587e29cf3a))
+* **currentRefinements:** reset page number on refine ([#5136](https://github.com/algolia/instantsearch.js/issues/5136)) ([407b576](https://github.com/algolia/instantsearch.js/commit/407b5767b51c26d5f471071a92f2e32762898f24))
+* **events:** prevent warning on low number of listeners ([#5143](https://github.com/algolia/instantsearch.js/issues/5143)) ([432aa70](https://github.com/algolia/instantsearch.js/commit/432aa7006e7d8eefd1c8c382f59ea2d2974a19da))
+
+
+
 # [4.48.0](https://github.com/algolia/instantsearch.js/compare/v4.47.0...v4.48.0) (2022-10-10)
 
 

package/cjs/components/Answers/Answers.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Template = _interopRequireDefault(require("../Template/Template.js"));
 
@@ -17,17 +17,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var Answers = function Answers(_ref) {
   var hits = _ref.hits,
       isLoading = _ref.isLoading,
       cssClasses = _ref.cssClasses,
       templateProps = _ref.templateProps;
   return (0, _preact.h)("div", {
-    className: (0, _classnames.default)(cssClasses.root, _defineProperty({}, cssClasses.emptyRoot, hits.length === 0))
+    className: (0, _uiComponentsShared.cx)(cssClasses.root, hits.length === 0 && cssClasses.emptyRoot)
   }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {
     templateKey: "header",
     rootProps: {

package/cjs/components/Breadcrumb/Breadcrumb.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Template = _interopRequireDefault(require("../Template/Template.js"));
 
@@ -15,8 +15,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var Breadcrumb = function Breadcrumb(_ref) {
   var items = _ref.items,
       cssClasses = _ref.cssClasses,
@@ -24,11 +22,11 @@ var Breadcrumb = function Breadcrumb(_ref) {
       createURL = _ref.createURL,
       refine = _ref.refine;
   return (0, _preact.h)("div", {
-    className: (0, _classnames.default)(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, items.length === 0))
+    className: (0, _uiComponentsShared.cx)(cssClasses.root, items.length === 0 && cssClasses.noRefinementRoot)
   }, (0, _preact.h)("ul", {
     className: cssClasses.list
   }, (0, _preact.h)("li", {
-    className: (0, _classnames.default)(cssClasses.item, _defineProperty({}, cssClasses.selectedItem, items.length === 0))
+    className: (0, _uiComponentsShared.cx)(cssClasses.item, items.length === 0 && cssClasses.selectedItem)
   }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {
     templateKey: "home",
     rootTagName: "a",
@@ -44,7 +42,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     var isLast = idx === items.length - 1;
     return (0, _preact.h)("li", {
       key: item.label + idx,
-      className: (0, _classnames.default)(cssClasses.item, _defineProperty({}, cssClasses.selectedItem, isLast))
+      className: (0, _uiComponentsShared.cx)(cssClasses.item, isLast && cssClasses.selectedItem)
     }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {
       templateKey: "separator",
       rootTagName: "span",

package/cjs/components/ClearRefinements/ClearRefinements.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Template = _interopRequireDefault(require("../Template/Template.js"));
 
@@ -15,8 +15,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var ClearRefinements = function ClearRefinements(_ref) {
   var hasRefinements = _ref.hasRefinements,
       refine = _ref.refine,
@@ -28,7 +26,7 @@ var ClearRefinements = function ClearRefinements(_ref) {
     templateKey: "resetLabel",
     rootTagName: "button",
     rootProps: {
-      className: (0, _classnames.default)(cssClasses.button, _defineProperty({}, cssClasses.disabledButton, !hasRefinements)),
+      className: (0, _uiComponentsShared.cx)(cssClasses.button, !hasRefinements && cssClasses.disabledButton),
       onClick: refine,
       disabled: !hasRefinements
     },

package/cjs/components/CurrentRefinements/CurrentRefinements.js

@@ -7,14 +7,10 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _index = require("../../lib/utils/index.js");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var createItemKey = function createItemKey(_ref) {
   var attribute = _ref.attribute,
       value = _ref.value,
@@ -41,7 +37,7 @@ var CurrentRefinements = function CurrentRefinements(_ref2) {
       cssClasses = _ref2.cssClasses,
       canRefine = _ref2.canRefine;
   return (0, _preact.h)("div", {
-    className: (0, _classnames.default)(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, !canRefine))
+    className: (0, _uiComponentsShared.cx)(cssClasses.root, !canRefine && cssClasses.noRefinementRoot)
   }, (0, _preact.h)("ul", {
     className: cssClasses.list
   }, items.map(function (item, index) {

package/cjs/components/GeoSearchControls/GeoSearchControls.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Template = _interopRequireDefault(require("../Template/Template.js"));
 
@@ -19,8 +19,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var GeoSearchControls = function GeoSearchControls(_ref) {
   var cssClasses = _ref.cssClasses,
       enableRefine = _ref.enableRefine,
@@ -36,7 +34,7 @@ var GeoSearchControls = function GeoSearchControls(_ref) {
   return (0, _preact.h)(_preact.Fragment, null, enableRefine && (0, _preact.h)("div", null, enableRefineControl && (0, _preact.h)("div", {
     className: cssClasses.control
   }, isRefineOnMapMove || !hasMapMoveSinceLastRefine ? (0, _preact.h)(_GeoSearchToggle.default, {
-    classNameLabel: (0, _classnames.default)(cssClasses.label, _defineProperty({}, cssClasses.selectedLabel, isRefineOnMapMove)),
+    classNameLabel: (0, _uiComponentsShared.cx)(cssClasses.label, isRefineOnMapMove && cssClasses.selectedLabel),
     classNameInput: cssClasses.input,
     checked: isRefineOnMapMove,
     onToggle: onRefineToggle
@@ -53,7 +51,7 @@ var GeoSearchControls = function GeoSearchControls(_ref) {
   })))), !enableRefineControl && !isRefineOnMapMove && (0, _preact.h)("div", {
     className: cssClasses.control
   }, (0, _preact.h)(_GeoSearchButton.default, {
-    className: (0, _classnames.default)(cssClasses.redo, _defineProperty({}, cssClasses.disabledRedo, !hasMapMoveSinceLastRefine)),
+    className: (0, _uiComponentsShared.cx)(cssClasses.redo, !hasMapMoveSinceLastRefine && cssClasses.disabledRedo),
     disabled: !hasMapMoveSinceLastRefine,
     onClick: onRefineClick
   }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {

package/cjs/components/Hits/Hits.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Template = _interopRequireDefault(require("../Template/Template.js"));
 
@@ -33,7 +33,7 @@ var Hits = function Hits(_ref) {
     return (0, _preact.h)(_Template.default, _extends({}, templateProps, {
       templateKey: "empty",
       rootProps: {
-        className: (0, _classnames.default)(cssClasses.root, cssClasses.emptyRoot)
+        className: (0, _uiComponentsShared.cx)(cssClasses.root, cssClasses.emptyRoot)
       },
       data: results
     }));

package/cjs/components/InfiniteHits/InfiniteHits.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Template = _interopRequireDefault(require("../Template/Template.js"));
 
@@ -38,7 +38,7 @@ var InfiniteHits = function InfiniteHits(_ref) {
     return (0, _preact.h)(_Template.default, _extends({}, templateProps, {
       templateKey: "empty",
       rootProps: {
-        className: (0, _classnames.default)(cssClasses.root, cssClasses.emptyRoot)
+        className: (0, _uiComponentsShared.cx)(cssClasses.root, cssClasses.emptyRoot)
       },
       data: results
     }));
@@ -50,7 +50,7 @@ var InfiniteHits = function InfiniteHits(_ref) {
     templateKey: "showPreviousText",
     rootTagName: "button",
     rootProps: {
-      className: (0, _classnames.default)(cssClasses.loadPrevious, _defineProperty({}, cssClasses.disabledLoadPrevious, isFirstPage)),
+      className: (0, _uiComponentsShared.cx)(cssClasses.loadPrevious, isFirstPage && cssClasses.disabledLoadPrevious),
       disabled: isFirstPage,
       onClick: showPrevious
     }
@@ -74,7 +74,7 @@ var InfiniteHits = function InfiniteHits(_ref) {
     templateKey: "showMoreText",
     rootTagName: "button",
     rootProps: {
-      className: (0, _classnames.default)(cssClasses.loadMore, _defineProperty({}, cssClasses.disabledLoadMore, isLastPage)),
+      className: (0, _uiComponentsShared.cx)(cssClasses.loadMore, isLastPage && cssClasses.disabledLoadMore),
       disabled: isLastPage,
       onClick: showMore
     }

package/cjs/components/MenuSelect/MenuSelect.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _index = require("../../lib/utils/index.js");
 
@@ -17,8 +17,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function MenuSelect(_ref) {
   var cssClasses = _ref.cssClasses,
       templateProps = _ref.templateProps,
@@ -33,7 +31,7 @@ function MenuSelect(_ref) {
       selectedValue = _ref2.value;
 
   return (0, _preact.h)("div", {
-    className: (0, _classnames.default)(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, items.length === 0))
+    className: (0, _uiComponentsShared.cx)(cssClasses.root, items.length === 0 && cssClasses.noRefinementRoot)
   }, (0, _preact.h)("select", {
     className: cssClasses.select,
     value: selectedValue,

package/cjs/components/Pagination/Pagination.js

@@ -7,14 +7,10 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _index = require("../../lib/utils/index.js");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function Pagination(props) {
   function createClickHandler(pageNumber) {
     return function (event) {
@@ -30,7 +26,7 @@ function Pagination(props) {
   }
 
   return (0, _preact.h)("div", {
-    className: (0, _classnames.default)(props.cssClasses.root, _defineProperty({}, props.cssClasses.noRefinementRoot, props.nbPages <= 1))
+    className: (0, _uiComponentsShared.cx)(props.cssClasses.root, props.nbPages <= 1 && props.cssClasses.noRefinementRoot)
   }, (0, _preact.h)("ul", {
     className: props.cssClasses.list
   }, props.showFirst && (0, _preact.h)(PaginationLink, {
@@ -97,7 +93,7 @@ function PaginationLink(_ref) {
       createURL = _ref.createURL,
       createClickHandler = _ref.createClickHandler;
   return (0, _preact.h)("li", {
-    className: (0, _classnames.default)(cssClasses.item, className, isDisabled && cssClasses.disabledItem, isSelected && cssClasses.selectedItem)
+    className: (0, _uiComponentsShared.cx)(cssClasses.item, className, isDisabled && cssClasses.disabledItem, isSelected && cssClasses.selectedItem)
   }, isDisabled ? (0, _preact.h)("span", {
     className: cssClasses.link,
     dangerouslySetInnerHTML: {

package/cjs/components/Panel/Panel.js

@@ -9,14 +9,12 @@ var _preact = require("preact");
 
 var _hooks = require("preact/hooks");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Template = _interopRequireDefault(require("../Template/Template.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -30,8 +28,6 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function Panel(props) {
-  var _cx;
-
   var _useState = (0, _hooks.useState)(props.isCollapsed),
       _useState2 = _slicedToArray(_useState, 2),
       isCollapsed = _useState2[0],
@@ -61,7 +57,7 @@ function Panel(props) {
   }
 
   return (0, _preact.h)("div", {
-    className: (0, _classnames.default)(props.cssClasses.root, (_cx = {}, _defineProperty(_cx, props.cssClasses.noRefinementRoot, props.hidden), _defineProperty(_cx, props.cssClasses.collapsibleRoot, props.collapsible), _defineProperty(_cx, props.cssClasses.collapsedRoot, isCollapsed), _cx)),
+    className: (0, _uiComponentsShared.cx)(props.cssClasses.root, props.hidden && props.cssClasses.noRefinementRoot, props.collapsible && props.cssClasses.collapsibleRoot, isCollapsed && props.cssClasses.collapsedRoot),
     hidden: props.hidden
   }, props.templates.header && (0, _preact.h)("div", {
     className: props.cssClasses.header

package/cjs/components/RangeInput/RangeInput.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Template = _interopRequireDefault(require("../Template/Template.js"));
 
@@ -100,7 +100,7 @@ var RangeInput = /*#__PURE__*/function (_Component) {
           templateProps = _this$props.templateProps;
       var isDisabled = min && max ? min >= max : false;
       var hasRefinements = Boolean(minValue || maxValue);
-      var rootClassNames = (0, _classnames.default)(cssClasses.root, _defineProperty({}, cssClasses.noRefinement, !hasRefinements));
+      var rootClassNames = (0, _uiComponentsShared.cx)(cssClasses.root, !hasRefinements && cssClasses.noRefinement);
       return (0, _preact.h)("div", {
         className: rootClassNames
       }, (0, _preact.h)("form", {
@@ -109,7 +109,7 @@ var RangeInput = /*#__PURE__*/function (_Component) {
       }, (0, _preact.h)("label", {
         className: cssClasses.label
       }, (0, _preact.h)("input", {
-        className: (0, _classnames.default)(cssClasses.input, cssClasses.inputMin),
+        className: (0, _uiComponentsShared.cx)(cssClasses.input, cssClasses.inputMin),
         type: "number",
         min: min,
         max: max,
@@ -127,7 +127,7 @@ var RangeInput = /*#__PURE__*/function (_Component) {
       })), (0, _preact.h)("label", {
         className: cssClasses.label
       }, (0, _preact.h)("input", {
-        className: (0, _classnames.default)(cssClasses.input, cssClasses.inputMax),
+        className: (0, _uiComponentsShared.cx)(cssClasses.input, cssClasses.inputMax),
         type: "number",
         min: min,
         max: max,

package/cjs/components/RefinementList/RefinementList.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _index = require("../../lib/utils/index.js");
 
@@ -94,8 +94,6 @@ var RefinementList = /*#__PURE__*/function (_Component) {
   }, {
     key: "_generateFacetItem",
     value: function _generateFacetItem(facetValue) {
-      var _cx;
-
       var subItems;
 
       if (isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) {
@@ -133,7 +131,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
         key += "/".concat(facetValue.count);
       }
 
-      var refinementListItemClassName = (0, _classnames.default)(this.props.cssClasses.item, (_cx = {}, _defineProperty(_cx, this.props.cssClasses.selectedItem, facetValue.isRefined), _defineProperty(_cx, this.props.cssClasses.disabledItem, !facetValue.count), _defineProperty(_cx, this.props.cssClasses.parentItem, isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0), _cx));
+      var refinementListItemClassName = (0, _uiComponentsShared.cx)(this.props.cssClasses.item, facetValue.isRefined && this.props.cssClasses.selectedItem, !facetValue.count && this.props.cssClasses.disabledItem, Boolean(isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) && this.props.cssClasses.parentItem);
       return (0, _preact.h)(_RefinementListItem.default, {
         templateKey: "item",
         key: key,
@@ -227,7 +225,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var showMoreButtonClassName = (0, _classnames.default)(this.props.cssClasses.showMore, _defineProperty({}, this.props.cssClasses.disabledShowMore, !(this.props.showMore === true && this.props.canToggleShowMore)));
+      var showMoreButtonClassName = (0, _uiComponentsShared.cx)(this.props.cssClasses.showMore, !(this.props.showMore === true && this.props.canToggleShowMore) && this.props.cssClasses.disabledShowMore);
       var showMoreButton = this.props.showMore === true && (0, _preact.h)(_Template.default, _extends({}, this.props.templateProps, {
         templateKey: "showMoreText",
         rootTagName: "button",
@@ -271,7 +269,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
           className: this.props.cssClasses.noResults
         }
       }));
-      var rootClassName = (0, _classnames.default)(this.props.cssClasses.root, _defineProperty({}, this.props.cssClasses.noRefinementRoot, !this.props.facetValues || this.props.facetValues.length === 0), this.props.className);
+      var rootClassName = (0, _uiComponentsShared.cx)(this.props.cssClasses.root, (!this.props.facetValues || this.props.facetValues.length === 0) && this.props.cssClasses.noRefinementRoot, this.props.className);
       return (0, _preact.h)("div", {
         className: rootClassName
       }, this.props.children, searchBox, facetValues, noResults, showMoreButton);

package/cjs/components/Selector/Selector.js

@@ -7,9 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 function Selector(_ref) {
   var currentValue = _ref.currentValue,
@@ -17,14 +15,14 @@ function Selector(_ref) {
       cssClasses = _ref.cssClasses,
       setValue = _ref.setValue;
   return (0, _preact.h)("select", {
-    className: (0, _classnames.default)(cssClasses.select),
+    className: (0, _uiComponentsShared.cx)(cssClasses.select),
     onChange: function onChange(event) {
       return setValue(event.target.value);
     },
     value: "".concat(currentValue)
   }, options.map(function (option) {
     return (0, _preact.h)("option", {
-      className: (0, _classnames.default)(cssClasses.option),
+      className: (0, _uiComponentsShared.cx)(cssClasses.option),
       key: option.label + option.value,
       value: "".concat(option.value)
     }, option.label);

package/cjs/components/Slider/Pit.js

@@ -7,9 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -29,9 +27,7 @@ var Pit = function Pit(_ref) {
     style: _objectSpread(_objectSpread({}, style), {}, {
       marginLeft: positionValue === 100 ? '-2px' : 0
     }),
-    className: (0, _classnames.default)('rheostat-marker', 'rheostat-marker-horizontal', {
-      'rheostat-marker-large': shouldDisplayValue
-    })
+    className: (0, _uiComponentsShared.cx)('rheostat-marker', 'rheostat-marker-horizontal', shouldDisplayValue && 'rheostat-marker-large')
   }, shouldDisplayValue && (0, _preact.h)("div", {
     className: 'rheostat-value'
   }, pitValue));

package/cjs/components/Slider/Slider.js

@@ -9,7 +9,7 @@ var _preact = require("preact");
 
 var _Rheostat = _interopRequireDefault(require("./Rheostat.js"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _index = require("../../lib/utils/index.js");
 
@@ -86,10 +86,7 @@ var Slider = /*#__PURE__*/function (_Component) {
         var roundedValue = Math.round( // have to cast as a string, as the value given to the prop is a number, but becomes a string when read
         parseFloat(props['aria-valuenow']) * 100) / 100;
         var value = _typeof(tooltips) === 'object' && tooltips.format ? tooltips.format(roundedValue) : roundedValue;
-        var className = (0, _classnames.default)(props.className, {
-          'rheostat-handle-lower': props['data-handle-key'] === 0,
-          'rheostat-handle-upper': props['data-handle-key'] === 1
-        });
+        var className = (0, _uiComponentsShared.cx)(props.className, props['data-handle-key'] === 0 && 'rheostat-handle-lower', props['data-handle-key'] === 1 && 'rheostat-handle-upper');
         return (0, _preact.h)("div", _extends({}, props, {
           className: className
         }), tooltips && (0, _preact.h)("div", {
@@ -163,7 +160,7 @@ var Slider = /*#__PURE__*/function (_Component) {
         max: max
       });
       return (0, _preact.h)("div", {
-        className: (0, _classnames.default)(cssClasses.root, _defineProperty({}, cssClasses.disabledRoot, this.isDisabled))
+        className: (0, _uiComponentsShared.cx)(cssClasses.root, this.isDisabled && cssClasses.disabledRoot)
       }, (0, _preact.h)(_Rheostat.default, {
         handle: this.createHandleComponent(tooltips),
         onChange: this.handleChange,

package/cjs/components/Stats/Stats.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Template = _interopRequireDefault(require("../Template/Template.js"));
 
@@ -33,7 +33,7 @@ var Stats = function Stats(_ref) {
       rest = _objectWithoutProperties(_ref, ["nbHits", "nbSortedHits", "cssClasses", "templateProps"]);
 
   return (0, _preact.h)("div", {
-    className: (0, _classnames.default)(cssClasses.root)
+    className: (0, _uiComponentsShared.cx)(cssClasses.root)
   }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {
     templateKey: "text",
     rootTagName: "span",

package/cjs/connectors/current-refinements/connectCurrentRefinements.js

@@ -149,6 +149,8 @@ function getRefinementsItems(_ref3) {
 }
 
 function clearRefinementFromState(state, refinement) {
+  state = state.resetPage();
+
   switch (refinement.type) {
     case 'facet':
       return state.removeFacetRefinement(refinement.attribute, String(refinement.value));

package/cjs/lib/InstantSearch.js

@@ -77,7 +77,7 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
 
     _classCallCheck(this, InstantSearch);
 
-    _this = _super.call(this);
+    _this = _super.call(this); // prevent `render` event listening from causing a warning
 
     _defineProperty(_assertThisInitialized(_this), "client", void 0);
 
@@ -158,6 +158,8 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
       });
     }));
 
+    _this.setMaxListeners(100);
+
     var _options$indexName = options.indexName,
         indexName = _options$indexName === void 0 ? null : _options$indexName,
         numberLocale = options.numberLocale,

package/cjs/lib/utils/index.js

@@ -134,19 +134,6 @@ Object.keys(_isIndexWidget).forEach(function (key) {
   });
 });
 
-var _cx = require("./cx.js");
-
-Object.keys(_cx).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _cx[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _cx[key];
-    }
-  });
-});
-
 var _debounce = require("./debounce.js");
 
 Object.keys(_debounce).forEach(function (key) {

package/cjs/lib/version.js

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

package/cjs/widgets/answers/answers.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _defaultTemplates = _interopRequireDefault(require("./defaultTemplates.js"));
 
@@ -83,20 +83,20 @@ var answersWidget = function answersWidget(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    emptyRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    emptyRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'empty'
     }), userCssClasses.emptyRoot),
-    header: (0, _classnames.default)(suit({
+    header: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'header'
     }), userCssClasses.header),
-    loader: (0, _classnames.default)(suit({
+    loader: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loader'
     }), userCssClasses.loader),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item)
   };