instantsearch.js 4.64.3 → 4.66.0

package/cjs/widgets/answers/answers.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _Answers = _interopRequireDefault(require("../../components/Answers/Answers"));
 var _connectAnswers = _interopRequireDefault(require("../../connectors/answers/connectAnswers"));
@@ -48,6 +48,9 @@ var renderer = function renderer(_ref) {
     }), containerNode);
   };
 };
+/**
+ * @deprecated the answers service is no longer offered, and this widget will be removed in InstantSearch.js v5
+ */
 var answersWidget = function answersWidget(widgetParams) {
   var _ref3 = widgetParams || {},
     container = _ref3.container,
@@ -67,20 +70,20 @@ var answersWidget = function answersWidget(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    emptyRoot: (0, _uiComponentsShared.cx)(suit({
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
+    emptyRoot: (0, _instantsearchUiComponents.cx)(suit({
       modifierName: 'empty'
     }), userCssClasses.emptyRoot),
-    header: (0, _uiComponentsShared.cx)(suit({
+    header: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'header'
     }), userCssClasses.header),
-    loader: (0, _uiComponentsShared.cx)(suit({
+    loader: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'loader'
     }), userCssClasses.loader),
-    list: (0, _uiComponentsShared.cx)(suit({
+    list: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _uiComponentsShared.cx)(suit({
+    item: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item)
   };
@@ -105,5 +108,5 @@ var answersWidget = function answersWidget(widgetParams) {
     $$widgetType: 'ais.answers'
   });
 };
-var _default = answersWidget;
+var _default = (0, _utils.deprecate)(answersWidget, 'The answers widget is deprecated and will be removed in InstantSearch.js 5.0');
 exports.default = _default;

package/cjs/widgets/breadcrumb/breadcrumb.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _Breadcrumb = _interopRequireDefault(require("../../components/Breadcrumb/Breadcrumb"));
 var _connectBreadcrumb = _interopRequireDefault(require("../../connectors/breadcrumb/connectBreadcrumb"));
@@ -68,24 +68,24 @@ var breadcrumb = function breadcrumb(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _instantsearchUiComponents.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _uiComponentsShared.cx)(suit({
+    list: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _uiComponentsShared.cx)(suit({
+    item: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    selectedItem: (0, _uiComponentsShared.cx)(suit({
+    selectedItem: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    separator: (0, _uiComponentsShared.cx)(suit({
+    separator: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'separator'
     }), userCssClasses.separator),
-    link: (0, _uiComponentsShared.cx)(suit({
+    link: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link)
   };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _ClearRefinements = _interopRequireDefault(require("../../components/ClearRefinements/ClearRefinements"));
 var _connectClearRefinements = _interopRequireDefault(require("../../connectors/clear-refinements/connectClearRefinements"));
@@ -63,11 +63,11 @@ var clearRefinements = function clearRefinements(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    button: (0, _uiComponentsShared.cx)(suit({
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
+    button: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'button'
     }), userCssClasses.button),
-    disabledButton: (0, _uiComponentsShared.cx)(suit({
+    disabledButton: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'button',
       modifierName: 'disabled'
     }), userCssClasses.disabledButton)

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _CurrentRefinements = _interopRequireDefault(require("../../components/CurrentRefinements/CurrentRefinements"));
 var _connectCurrentRefinements = _interopRequireDefault(require("../../connectors/current-refinements/connectCurrentRefinements"));
@@ -50,26 +50,26 @@ var currentRefinements = function currentRefinements(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _instantsearchUiComponents.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _uiComponentsShared.cx)(suit({
+    list: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _uiComponentsShared.cx)(suit({
+    item: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    label: (0, _uiComponentsShared.cx)(suit({
+    label: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    category: (0, _uiComponentsShared.cx)(suit({
+    category: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'category'
     }), userCssClasses.category),
-    categoryLabel: (0, _uiComponentsShared.cx)(suit({
+    categoryLabel: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'categoryLabel'
     }), userCssClasses.categoryLabel),
-    delete: (0, _uiComponentsShared.cx)(suit({
+    delete: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'delete'
     }), userCssClasses.delete)
   };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _connectGeoSearch = _interopRequireDefault(require("../../connectors/geo-search/connectGeoSearch"));
 var _suit = require("../../lib/suit");
@@ -88,35 +88,35 @@ var geoSearch = function geoSearch(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
     // Required only to mount / unmount the Preact tree
     tree: suit({
       descendantName: 'tree'
     }),
-    map: (0, _uiComponentsShared.cx)(suit({
+    map: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'map'
     }), userCssClasses.map),
-    control: (0, _uiComponentsShared.cx)(suit({
+    control: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'control'
     }), userCssClasses.control),
-    label: (0, _uiComponentsShared.cx)(suit({
+    label: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    selectedLabel: (0, _uiComponentsShared.cx)(suit({
+    selectedLabel: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'label',
       modifierName: 'selected'
     }), userCssClasses.selectedLabel),
-    input: (0, _uiComponentsShared.cx)(suit({
+    input: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'input'
     }), userCssClasses.input),
-    redo: (0, _uiComponentsShared.cx)(suit({
+    redo: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'redo'
     }), userCssClasses.redo),
-    disabledRedo: (0, _uiComponentsShared.cx)(suit({
+    disabledRedo: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'redo',
       modifierName: 'disabled'
     }), userCssClasses.disabledRedo),
-    reset: (0, _uiComponentsShared.cx)(suit({
+    reset: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'reset'
     }), userCssClasses.reset)
   };
@@ -140,7 +140,7 @@ var geoSearch = function geoSearch(widgetParams) {
     return new HTMLMarker(_objectSpread(_objectSpread(_objectSpread({}, customHTMLMarker.createOptions(item)), rest), {}, {
       __id: item.objectID,
       position: item._geoloc,
-      className: (0, _uiComponentsShared.cx)(suit({
+      className: (0, _instantsearchUiComponents.cx)(suit({
         descendantName: 'marker'
       })),
       template: (0, _templating.renderTemplate)({

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _formatNumber = require("../../lib/formatNumber");
 var defaultTemplates = {
@@ -15,12 +15,12 @@ var defaultTemplates = {
       cssClasses = _ref.cssClasses,
       isRefined = _ref.isRefined;
     return (0, _preact.h)("a", {
-      className: (0, _uiComponentsShared.cx)((0, _uiComponentsShared.cx)(cssClasses.link), (0, _uiComponentsShared.cx)(isRefined ? cssClasses.selectedItemLink : undefined)),
+      className: (0, _instantsearchUiComponents.cx)((0, _instantsearchUiComponents.cx)(cssClasses.link), (0, _instantsearchUiComponents.cx)(isRefined ? cssClasses.selectedItemLink : undefined)),
       href: url
     }, (0, _preact.h)("span", {
-      className: (0, _uiComponentsShared.cx)(cssClasses.label)
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.label)
     }, label), (0, _preact.h)("span", {
-      className: (0, _uiComponentsShared.cx)(cssClasses.count)
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.count)
     }, (0, _formatNumber.formatNumber)(count)));
   },
   showMoreText: function showMoreText(_ref2) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _RefinementList = _interopRequireDefault(require("../../components/RefinementList/RefinementList"));
 var _connectHierarchicalMenu = _interopRequireDefault(require("../../connectors/hierarchical-menu/connectHierarchicalMenu"));
@@ -133,45 +133,45 @@ var hierarchicalMenu = function hierarchicalMenu(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _instantsearchUiComponents.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _uiComponentsShared.cx)(suit({
+    list: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    childList: (0, _uiComponentsShared.cx)(suit({
+    childList: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'list',
       modifierName: 'child'
     }), userCssClasses.childList),
-    item: (0, _uiComponentsShared.cx)(suit({
+    item: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    selectedItem: (0, _uiComponentsShared.cx)(suit({
+    selectedItem: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    parentItem: (0, _uiComponentsShared.cx)(suit({
+    parentItem: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item',
       modifierName: 'parent'
     }), userCssClasses.parentItem),
-    link: (0, _uiComponentsShared.cx)(suit({
+    link: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link),
-    selectedItemLink: (0, _uiComponentsShared.cx)(suit({
+    selectedItemLink: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'link',
       modifierName: 'selected'
     }), userCssClasses.selectedItemLink),
-    label: (0, _uiComponentsShared.cx)(suit({
+    label: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    count: (0, _uiComponentsShared.cx)(suit({
+    count: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'count'
     }), userCssClasses.count),
-    showMore: (0, _uiComponentsShared.cx)(suit({
+    showMore: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'showMore'
     }), userCssClasses.showMore),
-    disabledShowMore: (0, _uiComponentsShared.cx)(suit({
+    disabledShowMore: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'showMore',
       modifierName: 'disabled'
     }), userCssClasses.disabledShowMore)

package/cjs/widgets/hits/hits.js

@@ -1,29 +1,37 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
-var _Hits = _interopRequireDefault(require("../../components/Hits/Hits"));
+var _Template = _interopRequireDefault(require("../../components/Template/Template"));
 var _connectHits = _interopRequireDefault(require("../../connectors/hits/connectHits"));
 var _insights = require("../../lib/insights");
-var _suit = require("../../lib/suit");
+var _listener = require("../../lib/insights/listener");
 var _templating = require("../../lib/templating");
 var _utils = require("../../lib/utils");
 var _defaultTemplates = _interopRequireDefault(require("./defaultTemplates"));
+var _excluded = ["hit", "index"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 withUsage = (0, _utils.createDocumentationMessageGenerator)({
   name: 'hits'
 });
-var suit = (0, _suit.component)('Hits');
+var Hits = (0, _instantsearchUiComponents.createHitsComponent)({
+  createElement: _preact.h,
+  Fragment: _preact.Fragment
+});
 var renderer = function renderer(_ref) {
   var renderState = _ref.renderState,
     cssClasses = _ref.cssClasses,
@@ -44,42 +52,70 @@ var renderer = function renderer(_ref) {
       });
       return;
     }
-    (0, _preact.render)((0, _preact.h)(_Hits.default, {
-      cssClasses: cssClasses,
-      hits: receivedHits,
-      results: results,
-      templateProps: renderState.templateProps,
+    var handleInsightsClick = (0, _listener.createInsightsEventHandler)({
       insights: insights,
+      sendEvent: sendEvent
+    });
+    var emptyComponent = function emptyComponent(_ref3) {
+      var rootProps = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        rootProps: rootProps,
+        templateKey: "empty",
+        data: results
+      }));
+    };
+
+    // @MAJOR: Move default hit component back to the UI library
+    // once flavour specificities are erased
+    var itemComponent = function itemComponent(_ref4) {
+      var hit = _ref4.hit,
+        index = _ref4.index,
+        rootProps = _objectWithoutProperties(_ref4, _excluded);
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "item",
+        rootTagName: "li",
+        rootProps: _objectSpread(_objectSpread({}, rootProps), {}, {
+          onClick: function onClick(event) {
+            handleInsightsClick(event);
+            rootProps.onClick();
+          },
+          onAuxClick: function onAuxClick(event) {
+            handleInsightsClick(event);
+            rootProps.onAuxClick();
+          }
+        }),
+        data: _objectSpread(_objectSpread({}, hit), {}, {
+          get __hitIndex() {
+            process.env.NODE_ENV === 'development' ? (0, _utils.warning)(false, 'The `__hitIndex` property is deprecated. Use the absolute `__position` instead.') : void 0;
+            return index;
+          }
+        }),
+        bindEvent: bindEvent,
+        sendEvent: sendEvent
+      }));
+    };
+    (0, _preact.render)((0, _preact.h)(Hits, {
+      hits: receivedHits,
+      itemComponent: itemComponent,
       sendEvent: sendEvent,
-      bindEvent: bindEvent
+      classNames: cssClasses,
+      emptyComponent: emptyComponent
     }), containerNode);
   };
 };
 var hits = function hits(widgetParams) {
-  var _ref3 = widgetParams || {},
-    container = _ref3.container,
-    escapeHTML = _ref3.escapeHTML,
-    transformItems = _ref3.transformItems,
-    _ref3$templates = _ref3.templates,
-    templates = _ref3$templates === void 0 ? {} : _ref3$templates,
-    _ref3$cssClasses = _ref3.cssClasses,
-    userCssClasses = _ref3$cssClasses === void 0 ? {} : _ref3$cssClasses;
+  var _ref5 = widgetParams || {},
+    container = _ref5.container,
+    escapeHTML = _ref5.escapeHTML,
+    transformItems = _ref5.transformItems,
+    _ref5$templates = _ref5.templates,
+    templates = _ref5$templates === void 0 ? {} : _ref5$templates,
+    _ref5$cssClasses = _ref5.cssClasses,
+    cssClasses = _ref5$cssClasses === void 0 ? {} : _ref5$cssClasses;
   if (!container) {
     throw new Error(withUsage('The `container` option is required.'));
   }
   var containerNode = (0, _utils.getContainerNode)(container);
-  var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    emptyRoot: (0, _uiComponentsShared.cx)(suit({
-      modifierName: 'empty'
-    }), userCssClasses.emptyRoot),
-    list: (0, _uiComponentsShared.cx)(suit({
-      descendantName: 'list'
-    }), userCssClasses.list),
-    item: (0, _uiComponentsShared.cx)(suit({
-      descendantName: 'item'
-    }), userCssClasses.item)
-  };
   var specializedRenderer = renderer({
     containerNode: containerNode,
     cssClasses: cssClasses,

package/cjs/widgets/hits-per-page/hits-per-page.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _Selector = _interopRequireDefault(require("../../components/Selector/Selector"));
 var _connectHitsPerPage = _interopRequireDefault(require("../../connectors/hits-per-page/connectHitsPerPage"));
@@ -57,11 +57,11 @@ var hitsPerPage = function hitsPerPage(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    select: (0, _uiComponentsShared.cx)(suit({
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
+    select: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'select'
     }), userCssClasses.select),
-    option: (0, _uiComponentsShared.cx)(suit({
+    option: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'option'
     }), userCssClasses.option)
   };

package/cjs/widgets/infinite-hits/infinite-hits.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _InfiniteHits = _interopRequireDefault(require("../../components/InfiniteHits/InfiniteHits"));
 var _connectInfiniteHits = _interopRequireDefault(require("../../connectors/infinite-hits/connectInfiniteHits"));
@@ -81,27 +81,27 @@ var infiniteHits = function infiniteHits(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    emptyRoot: (0, _uiComponentsShared.cx)(suit({
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
+    emptyRoot: (0, _instantsearchUiComponents.cx)(suit({
       modifierName: 'empty'
     }), userCssClasses.emptyRoot),
-    item: (0, _uiComponentsShared.cx)(suit({
+    item: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    list: (0, _uiComponentsShared.cx)(suit({
+    list: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    loadPrevious: (0, _uiComponentsShared.cx)(suit({
+    loadPrevious: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'loadPrevious'
     }), userCssClasses.loadPrevious),
-    disabledLoadPrevious: (0, _uiComponentsShared.cx)(suit({
+    disabledLoadPrevious: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'loadPrevious',
       modifierName: 'disabled'
     }), userCssClasses.disabledLoadPrevious),
-    loadMore: (0, _uiComponentsShared.cx)(suit({
+    loadMore: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'loadMore'
     }), userCssClasses.loadMore),
-    disabledLoadMore: (0, _uiComponentsShared.cx)(suit({
+    disabledLoadMore: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'loadMore',
       modifierName: 'disabled'
     }), userCssClasses.disabledLoadMore)

package/cjs/widgets/menu/defaultTemplates.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _formatNumber = require("../../lib/formatNumber");
 var defaultTemplates = {
@@ -14,12 +14,12 @@ var defaultTemplates = {
       label = _ref.label,
       count = _ref.count;
     return (0, _preact.h)("a", {
-      className: (0, _uiComponentsShared.cx)(cssClasses.link),
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.link),
       href: url
     }, (0, _preact.h)("span", {
-      className: (0, _uiComponentsShared.cx)(cssClasses.label)
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.label)
     }, label), (0, _preact.h)("span", {
-      className: (0, _uiComponentsShared.cx)(cssClasses.count)
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.count)
     }, (0, _formatNumber.formatNumber)(count)));
   },
   showMoreText: function showMoreText(_ref2) {

package/cjs/widgets/menu/menu.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _RefinementList = _interopRequireDefault(require("../../components/RefinementList/RefinementList"));
 var _connectMenu = _interopRequireDefault(require("../../connectors/menu/connectMenu"));
@@ -81,33 +81,33 @@ var menu = function menu(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _instantsearchUiComponents.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _uiComponentsShared.cx)(suit({
+    list: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _uiComponentsShared.cx)(suit({
+    item: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    selectedItem: (0, _uiComponentsShared.cx)(suit({
+    selectedItem: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    link: (0, _uiComponentsShared.cx)(suit({
+    link: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link),
-    label: (0, _uiComponentsShared.cx)(suit({
+    label: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    count: (0, _uiComponentsShared.cx)(suit({
+    count: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'count'
     }), userCssClasses.count),
-    showMore: (0, _uiComponentsShared.cx)(suit({
+    showMore: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'showMore'
     }), userCssClasses.showMore),
-    disabledShowMore: (0, _uiComponentsShared.cx)(suit({
+    disabledShowMore: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'showMore',
       modifierName: 'disabled'
     }), userCssClasses.disabledShowMore)

package/cjs/widgets/menu-select/menu-select.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _MenuSelect = _interopRequireDefault(require("../../components/MenuSelect/MenuSelect"));
 var _connectMenu = _interopRequireDefault(require("../../connectors/menu/connectMenu"));
@@ -66,14 +66,14 @@ var menuSelect = function menuSelect(widgetParams) {
   }
   var containerNode = (0, _utils.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
+    root: (0, _instantsearchUiComponents.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _instantsearchUiComponents.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    select: (0, _uiComponentsShared.cx)(suit({
+    select: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'select'
     }), userCssClasses.select),
-    option: (0, _uiComponentsShared.cx)(suit({
+    option: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'option'
     }), userCssClasses.option)
   };