instantsearch.js 4.48.0 → 4.49.0

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.49.0';
 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)
   };

package/cjs/widgets/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 _Breadcrumb = _interopRequireDefault(require("../../components/Breadcrumb/Breadcrumb.js"));
 
@@ -84,24 +84,24 @@ var breadcrumb = function breadcrumb(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    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),
-    selectedItem: (0, _classnames.default)(suit({
+    selectedItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    separator: (0, _classnames.default)(suit({
+    separator: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'separator'
     }), userCssClasses.separator),
-    link: (0, _classnames.default)(suit({
+    link: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link)
   };

package/cjs/widgets/clear-refinements/clear-refinements.js

@@ -9,7 +9,7 @@ var _preact = require("preact");
 
 var _ClearRefinements = _interopRequireDefault(require("../../components/ClearRefinements/ClearRefinements.js"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _connectClearRefinements = _interopRequireDefault(require("../../connectors/clear-refinements/connectClearRefinements.js"));
 
@@ -79,11 +79,11 @@ var clearRefinements = function clearRefinements(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    button: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    button: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'button'
     }), userCssClasses.button),
-    disabledButton: (0, _classnames.default)(suit({
+    disabledButton: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'button',
       modifierName: 'disabled'
     }), userCssClasses.disabledButton)

package/cjs/widgets/current-refinements/current-refinements.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 _CurrentRefinements = _interopRequireDefault(require("../../components/CurrentRefinements/CurrentRefinements.js"));
 
@@ -64,26 +64,26 @@ var currentRefinements = function currentRefinements(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    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),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    category: (0, _classnames.default)(suit({
+    category: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'category'
     }), userCssClasses.category),
-    categoryLabel: (0, _classnames.default)(suit({
+    categoryLabel: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'categoryLabel'
     }), userCssClasses.categoryLabel),
-    delete: (0, _classnames.default)(suit({
+    delete: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'delete'
     }), userCssClasses.delete)
   };

package/cjs/widgets/geo-search/geo-search.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _preact = require("preact");
 
@@ -102,35 +102,35 @@ var geoSearch = function geoSearch(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
     // Required only to mount / unmount the Preact tree
     tree: suit({
       descendantName: 'tree'
     }),
-    map: (0, _classnames.default)(suit({
+    map: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'map'
     }), userCssClasses.map),
-    control: (0, _classnames.default)(suit({
+    control: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'control'
     }), userCssClasses.control),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    selectedLabel: (0, _classnames.default)(suit({
+    selectedLabel: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label',
       modifierName: 'selected'
     }), userCssClasses.selectedLabel),
-    input: (0, _classnames.default)(suit({
+    input: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'input'
     }), userCssClasses.input),
-    redo: (0, _classnames.default)(suit({
+    redo: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'redo'
     }), userCssClasses.redo),
-    disabledRedo: (0, _classnames.default)(suit({
+    disabledRedo: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'redo',
       modifierName: 'disabled'
     }), userCssClasses.disabledRedo),
-    reset: (0, _classnames.default)(suit({
+    reset: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'reset'
     }), userCssClasses.reset)
   };
@@ -163,7 +163,7 @@ var geoSearch = function geoSearch(widgetParams) {
     return new HTMLMarker(_objectSpread(_objectSpread(_objectSpread({}, customHTMLMarker.createOptions(item)), rest), {}, {
       __id: item.objectID,
       position: item._geoloc,
-      className: (0, _classnames.default)(suit({
+      className: (0, _uiComponentsShared.cx)(suit({
         descendantName: 'marker'
       })),
       template: (0, _index2.renderTemplate)({

package/cjs/widgets/hierarchical-menu/defaultTemplates.js

@@ -9,7 +9,7 @@ var _preact = require("preact");
 
 var _formatNumber = require("../../lib/formatNumber.js");
 
-var _index = require("../../lib/utils/index.js");
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var defaultTemplates = {
   item: function item(_ref) {
@@ -19,12 +19,12 @@ var defaultTemplates = {
         cssClasses = _ref.cssClasses,
         isRefined = _ref.isRefined;
     return (0, _preact.h)("a", {
-      className: (0, _index.cx)([(0, _index.cx)(cssClasses.link), (0, _index.cx)(isRefined ? cssClasses.selectedItemLink : undefined)]),
+      className: (0, _uiComponentsShared.cx)((0, _uiComponentsShared.cx)(cssClasses.link), (0, _uiComponentsShared.cx)(isRefined ? cssClasses.selectedItemLink : undefined)),
       href: url
     }, (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.label)
+      className: (0, _uiComponentsShared.cx)(cssClasses.label)
     }, label), (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.count)
+      className: (0, _uiComponentsShared.cx)(cssClasses.count)
     }, (0, _formatNumber.formatNumber)(count)));
   },
   showMoreText: function showMoreText(_ref2) {

package/cjs/widgets/hierarchical-menu/hierarchical-menu.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 _RefinementList = _interopRequireDefault(require("../../components/RefinementList/RefinementList.js"));
 
@@ -148,45 +148,45 @@ var hierarchicalMenu = function hierarchicalMenu(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    childList: (0, _classnames.default)(suit({
+    childList: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list',
       modifierName: 'child'
     }), userCssClasses.childList),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    selectedItem: (0, _classnames.default)(suit({
+    selectedItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    parentItem: (0, _classnames.default)(suit({
+    parentItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'parent'
     }), userCssClasses.parentItem),
-    link: (0, _classnames.default)(suit({
+    link: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link),
-    selectedItemLink: (0, _classnames.default)(suit({
+    selectedItemLink: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link',
       modifierName: 'selected'
     }), userCssClasses.selectedItemLink),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    count: (0, _classnames.default)(suit({
+    count: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'count'
     }), userCssClasses.count),
-    showMore: (0, _classnames.default)(suit({
+    showMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'showMore'
     }), userCssClasses.showMore),
-    disabledShowMore: (0, _classnames.default)(suit({
+    disabledShowMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'showMore',
       modifierName: 'disabled'
     }), userCssClasses.disabledShowMore)

package/cjs/widgets/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 _connectHits = _interopRequireDefault(require("../../connectors/hits/connectHits.js"));
 
@@ -88,14 +88,14 @@ var hits = function hits(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),
-    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)
   };

package/cjs/widgets/hits-per-page/hits-per-page.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 _Selector = _interopRequireDefault(require("../../components/Selector/Selector.js"));
 
@@ -69,11 +69,11 @@ var hitsPerPage = function hitsPerPage(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    select: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    select: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'select'
     }), userCssClasses.select),
-    option: (0, _classnames.default)(suit({
+    option: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'option'
     }), userCssClasses.option)
   };

package/cjs/widgets/infinite-hits/infinite-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 _InfiniteHits = _interopRequireDefault(require("../../components/InfiniteHits/InfiniteHits.js"));
 
@@ -100,27 +100,27 @@ var infiniteHits = function infiniteHits(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),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    loadPrevious: (0, _classnames.default)(suit({
+    loadPrevious: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadPrevious'
     }), userCssClasses.loadPrevious),
-    disabledLoadPrevious: (0, _classnames.default)(suit({
+    disabledLoadPrevious: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadPrevious',
       modifierName: 'disabled'
     }), userCssClasses.disabledLoadPrevious),
-    loadMore: (0, _classnames.default)(suit({
+    loadMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadMore'
     }), userCssClasses.loadMore),
-    disabledLoadMore: (0, _classnames.default)(suit({
+    disabledLoadMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadMore',
       modifierName: 'disabled'
     }), userCssClasses.disabledLoadMore)

package/cjs/widgets/menu/defaultTemplates.js

@@ -9,7 +9,7 @@ var _preact = require("preact");
 
 var _formatNumber = require("../../lib/formatNumber.js");
 
-var _index = require("../../lib/utils/index.js");
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var defaultTemplates = {
   item: function item(_ref) {
@@ -18,12 +18,12 @@ var defaultTemplates = {
         label = _ref.label,
         count = _ref.count;
     return (0, _preact.h)("a", {
-      className: (0, _index.cx)(cssClasses.link),
+      className: (0, _uiComponentsShared.cx)(cssClasses.link),
       href: url
     }, (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.label)
+      className: (0, _uiComponentsShared.cx)(cssClasses.label)
     }, label), (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.count)
+      className: (0, _uiComponentsShared.cx)(cssClasses.count)
     }, (0, _formatNumber.formatNumber)(count)));
   },
   showMoreText: function showMoreText(_ref2) {

package/cjs/widgets/menu/menu.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 _RefinementList = _interopRequireDefault(require("../../components/RefinementList/RefinementList.js"));
 
@@ -97,33 +97,33 @@ var menu = function menu(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    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),
-    selectedItem: (0, _classnames.default)(suit({
+    selectedItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    link: (0, _classnames.default)(suit({
+    link: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    count: (0, _classnames.default)(suit({
+    count: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'count'
     }), userCssClasses.count),
-    showMore: (0, _classnames.default)(suit({
+    showMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'showMore'
     }), userCssClasses.showMore),
-    disabledShowMore: (0, _classnames.default)(suit({
+    disabledShowMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'showMore',
       modifierName: 'disabled'
     }), userCssClasses.disabledShowMore)

package/cjs/widgets/menu-select/menu-select.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 _connectMenu = _interopRequireDefault(require("../../connectors/menu/connectMenu.js"));
 
@@ -82,14 +82,14 @@ var menuSelect = function menuSelect(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    select: (0, _classnames.default)(suit({
+    select: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'select'
     }), userCssClasses.select),
-    option: (0, _classnames.default)(suit({
+    option: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'option'
     }), userCssClasses.option)
   };

package/cjs/widgets/numeric-menu/numeric-menu.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 _RefinementList = _interopRequireDefault(require("../../components/RefinementList/RefinementList.js"));
 
@@ -83,27 +83,27 @@ var numericMenu = function numericMenu(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    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),
-    selectedItem: (0, _classnames.default)(suit({
+    selectedItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    radio: (0, _classnames.default)(suit({
+    radio: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'radio'
     }), userCssClasses.radio),
-    labelText: (0, _classnames.default)(suit({
+    labelText: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'labelText'
     }), userCssClasses.labelText)
   };