instantsearch.js 4.64.2 → 4.65.0

package/cjs/components/Answers/Answers.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 _utils = require("../../lib/utils");
 var _Template = _interopRequireDefault(require("../Template/Template"));
@@ -22,7 +22,7 @@ var Answers = function Answers(_ref) {
     cssClasses = _ref.cssClasses,
     templateProps = _ref.templateProps;
   return (0, _preact.h)("div", {
-    className: (0, _uiComponentsShared.cx)(cssClasses.root, hits.length === 0 && cssClasses.emptyRoot)
+    className: (0, _instantsearchUiComponents.cx)(cssClasses.root, hits.length === 0 && cssClasses.emptyRoot)
   }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {
     templateKey: "header",
     rootProps: {

package/cjs/components/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 _Template = _interopRequireDefault(require("../Template/Template"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -16,11 +16,11 @@ var Breadcrumb = function Breadcrumb(_ref) {
     createURL = _ref.createURL,
     refine = _ref.refine;
   return (0, _preact.h)("div", {
-    className: (0, _uiComponentsShared.cx)(cssClasses.root, items.length === 0 && cssClasses.noRefinementRoot)
+    className: (0, _instantsearchUiComponents.cx)(cssClasses.root, items.length === 0 && cssClasses.noRefinementRoot)
   }, (0, _preact.h)("ul", {
     className: cssClasses.list
   }, (0, _preact.h)("li", {
-    className: (0, _uiComponentsShared.cx)(cssClasses.item, items.length === 0 && cssClasses.selectedItem)
+    className: (0, _instantsearchUiComponents.cx)(cssClasses.item, items.length === 0 && cssClasses.selectedItem)
   }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {
     templateKey: "home",
     rootTagName: "a",
@@ -36,7 +36,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     var isLast = idx === items.length - 1;
     return (0, _preact.h)("li", {
       key: item.label + idx,
-      className: (0, _uiComponentsShared.cx)(cssClasses.item, isLast && cssClasses.selectedItem)
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.item, isLast && cssClasses.selectedItem)
     }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {
       templateKey: "separator",
       rootTagName: "span",

package/cjs/components/ClearRefinements/ClearRefinements.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 _Template = _interopRequireDefault(require("../Template/Template"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,7 +20,7 @@ var ClearRefinements = function ClearRefinements(_ref) {
     templateKey: "resetLabel",
     rootTagName: "button",
     rootProps: {
-      className: (0, _uiComponentsShared.cx)(cssClasses.button, !hasRefinements && cssClasses.disabledButton),
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.button, !hasRefinements && cssClasses.disabledButton),
       onClick: refine,
       disabled: !hasRefinements
     },

package/cjs/components/CurrentRefinements/CurrentRefinements.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 _utils = require("../../lib/utils");
 var createItemKey = function createItemKey(_ref) {
@@ -30,7 +30,7 @@ var CurrentRefinements = function CurrentRefinements(_ref2) {
     cssClasses = _ref2.cssClasses,
     canRefine = _ref2.canRefine;
   return (0, _preact.h)("div", {
-    className: (0, _uiComponentsShared.cx)(cssClasses.root, !canRefine && cssClasses.noRefinementRoot)
+    className: (0, _instantsearchUiComponents.cx)(cssClasses.root, !canRefine && cssClasses.noRefinementRoot)
   }, (0, _preact.h)("ul", {
     className: cssClasses.list
   }, items.map(function (item, index) {

package/cjs/components/GeoSearchControls/GeoSearchControls.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 _Template = _interopRequireDefault(require("../Template/Template"));
 var _GeoSearchButton = _interopRequireDefault(require("./GeoSearchButton"));
@@ -26,7 +26,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, _uiComponentsShared.cx)(cssClasses.label, isRefineOnMapMove && cssClasses.selectedLabel),
+    classNameLabel: (0, _instantsearchUiComponents.cx)(cssClasses.label, isRefineOnMapMove && cssClasses.selectedLabel),
     classNameInput: cssClasses.input,
     checked: isRefineOnMapMove,
     onToggle: onRefineToggle
@@ -43,7 +43,7 @@ var GeoSearchControls = function GeoSearchControls(_ref) {
   })))), !enableRefineControl && !isRefineOnMapMove && (0, _preact.h)("div", {
     className: cssClasses.control
   }, (0, _preact.h)(_GeoSearchButton.default, {
-    className: (0, _uiComponentsShared.cx)(cssClasses.redo, !hasMapMoveSinceLastRefine && cssClasses.disabledRedo),
+    className: (0, _instantsearchUiComponents.cx)(cssClasses.redo, !hasMapMoveSinceLastRefine && cssClasses.disabledRedo),
     disabled: !hasMapMoveSinceLastRefine,
     onClick: onRefineClick
   }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {

package/cjs/components/Highlight/Highlight.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Highlight = Highlight;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _InternalHighlight = require("../InternalHighlight/InternalHighlight");
 var _excluded = ["classNames"];
@@ -17,10 +17,10 @@ function Highlight(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return (0, _preact.h)(_InternalHighlight.InternalHighlight, _extends({
     classNames: {
-      root: (0, _uiComponentsShared.cx)('ais-Highlight', classNames.root),
-      highlighted: (0, _uiComponentsShared.cx)('ais-Highlight-highlighted', classNames.highlighted),
-      nonHighlighted: (0, _uiComponentsShared.cx)('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
-      separator: (0, _uiComponentsShared.cx)('ais-Highlight-separator', classNames.separator)
+      root: (0, _instantsearchUiComponents.cx)('ais-Highlight', classNames.root),
+      highlighted: (0, _instantsearchUiComponents.cx)('ais-Highlight-highlighted', classNames.highlighted),
+      nonHighlighted: (0, _instantsearchUiComponents.cx)('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
+      separator: (0, _instantsearchUiComponents.cx)('ais-Highlight-separator', classNames.separator)
     }
   }, props));
 }

package/cjs/components/Hits/Hits.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Hits;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _listener = require("../../lib/insights/listener");
 var _utils = require("../../lib/utils");
@@ -33,7 +33,7 @@ function Hits(_ref) {
     return (0, _preact.h)(_Template.default, _extends({}, templateProps, {
       templateKey: "empty",
       rootProps: {
-        className: (0, _uiComponentsShared.cx)(cssClasses.root, cssClasses.emptyRoot),
+        className: (0, _instantsearchUiComponents.cx)(cssClasses.root, cssClasses.emptyRoot),
         onClick: handleInsightsClick
       },
       data: results

package/cjs/components/InfiniteHits/InfiniteHits.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 _listener = require("../../lib/insights/listener");
 var _utils = require("../../lib/utils");
@@ -38,7 +38,7 @@ var InfiniteHits = function InfiniteHits(_ref) {
     return (0, _preact.h)(_Template.default, _extends({}, templateProps, {
       templateKey: "empty",
       rootProps: {
-        className: (0, _uiComponentsShared.cx)(cssClasses.root, cssClasses.emptyRoot),
+        className: (0, _instantsearchUiComponents.cx)(cssClasses.root, cssClasses.emptyRoot),
         onClick: handleInsightsClick
       },
       data: results
@@ -50,7 +50,7 @@ var InfiniteHits = function InfiniteHits(_ref) {
     templateKey: "showPreviousText",
     rootTagName: "button",
     rootProps: {
-      className: (0, _uiComponentsShared.cx)(cssClasses.loadPrevious, isFirstPage && cssClasses.disabledLoadPrevious),
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.loadPrevious, isFirstPage && cssClasses.disabledLoadPrevious),
       disabled: isFirstPage,
       onClick: showPrevious
     }
@@ -85,7 +85,7 @@ var InfiniteHits = function InfiniteHits(_ref) {
     templateKey: "showMoreText",
     rootTagName: "button",
     rootProps: {
-      className: (0, _uiComponentsShared.cx)(cssClasses.loadMore, isLastPage && cssClasses.disabledLoadMore),
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.loadMore, isLastPage && cssClasses.disabledLoadMore),
       disabled: isLastPage,
       onClick: showMore
     }

package/cjs/components/InternalHighlight/InternalHighlight.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InternalHighlight = void 0;
-var _uiComponentsHighlightVdom = require("@algolia/ui-components-highlight-vdom");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
-var InternalHighlight = (0, _uiComponentsHighlightVdom.createHighlightComponent)({
+var InternalHighlight = (0, _instantsearchUiComponents.createHighlightComponent)({
   createElement: _preact.createElement,
   Fragment: _preact.Fragment
 });

package/cjs/components/MenuSelect/MenuSelect.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 _utils = require("../../lib/utils");
 var _Template = _interopRequireDefault(require("../Template/Template"));
@@ -22,7 +22,7 @@ function MenuSelect(_ref) {
     },
     selectedValue = _ref2.value;
   return (0, _preact.h)("div", {
-    className: (0, _uiComponentsShared.cx)(cssClasses.root, items.length === 0 && cssClasses.noRefinementRoot)
+    className: (0, _instantsearchUiComponents.cx)(cssClasses.root, items.length === 0 && cssClasses.noRefinementRoot)
   }, (0, _preact.h)("select", {
     className: cssClasses.select,
     value: selectedValue,

package/cjs/components/Pagination/Pagination.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 _utils = require("../../lib/utils");
 var _Template = _interopRequireDefault(require("../Template/Template"));
@@ -22,7 +22,7 @@ function Pagination(props) {
     };
   }
   return (0, _preact.h)("div", {
-    className: (0, _uiComponentsShared.cx)(props.cssClasses.root, props.nbPages <= 1 && props.cssClasses.noRefinementRoot)
+    className: (0, _instantsearchUiComponents.cx)(props.cssClasses.root, props.nbPages <= 1 && props.cssClasses.noRefinementRoot)
   }, (0, _preact.h)("ul", {
     className: props.cssClasses.list
   }, props.showFirst && (0, _preact.h)(PaginationLink, {
@@ -94,7 +94,7 @@ function PaginationLink(_ref) {
     createURL = _ref.createURL,
     createClickHandler = _ref.createClickHandler;
   return (0, _preact.h)("li", {
-    className: (0, _uiComponentsShared.cx)(cssClasses.item, isDisabled && cssClasses.disabledItem, className, isSelected && cssClasses.selectedItem)
+    className: (0, _instantsearchUiComponents.cx)(cssClasses.item, isDisabled && cssClasses.disabledItem, className, isSelected && cssClasses.selectedItem)
   }, isDisabled ? (0, _preact.h)(_Template.default, {
     rootTagName: "span",
     rootProps: {

package/cjs/components/Panel/Panel.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 _hooks = require("preact/hooks");
 var _Template = _interopRequireDefault(require("../Template/Template"));
@@ -39,7 +39,7 @@ function Panel(props) {
     setIsCollapsed(props.isCollapsed);
   }
   return (0, _preact.h)("div", {
-    className: (0, _uiComponentsShared.cx)(props.cssClasses.root, props.hidden && props.cssClasses.noRefinementRoot, props.collapsible && props.cssClasses.collapsibleRoot, isCollapsed && props.cssClasses.collapsedRoot),
+    className: (0, _instantsearchUiComponents.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

@@ -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 _Template = _interopRequireDefault(require("../Template/Template"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -83,7 +83,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, _uiComponentsShared.cx)(cssClasses.root, !hasRefinements && cssClasses.noRefinement);
+      var rootClassNames = (0, _instantsearchUiComponents.cx)(cssClasses.root, !hasRefinements && cssClasses.noRefinement);
       return (0, _preact.h)("div", {
         className: rootClassNames
       }, (0, _preact.h)("form", {
@@ -92,7 +92,7 @@ var RangeInput = /*#__PURE__*/function (_Component) {
       }, (0, _preact.h)("label", {
         className: cssClasses.label
       }, (0, _preact.h)("input", {
-        className: (0, _uiComponentsShared.cx)(cssClasses.input, cssClasses.inputMin),
+        className: (0, _instantsearchUiComponents.cx)(cssClasses.input, cssClasses.inputMin),
         type: "number",
         min: min,
         max: max,
@@ -110,7 +110,7 @@ var RangeInput = /*#__PURE__*/function (_Component) {
       })), (0, _preact.h)("label", {
         className: cssClasses.label
       }, (0, _preact.h)("input", {
-        className: (0, _uiComponentsShared.cx)(cssClasses.input, cssClasses.inputMax),
+        className: (0, _instantsearchUiComponents.cx)(cssClasses.input, cssClasses.inputMax),
         type: "number",
         min: min,
         max: max,

package/cjs/components/RefinementList/RefinementList.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 _utils = require("../../lib/utils");
 var _SearchBox = _interopRequireDefault(require("../SearchBox/SearchBox"));
@@ -81,7 +81,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
       if (facetValue.count !== undefined) {
         key += "/".concat(facetValue.count);
       }
-      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);
+      var refinementListItemClassName = (0, _instantsearchUiComponents.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,
@@ -175,7 +175,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var showMoreButtonClassName = (0, _uiComponentsShared.cx)(this.props.cssClasses.showMore, !(this.props.showMore === true && this.props.canToggleShowMore) && this.props.cssClasses.disabledShowMore);
+      var showMoreButtonClassName = (0, _instantsearchUiComponents.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",
@@ -221,7 +221,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
           className: this.props.cssClasses.noResults
         }
       }));
-      var rootClassName = (0, _uiComponentsShared.cx)(this.props.cssClasses.root, (!this.props.facetValues || this.props.facetValues.length === 0) && this.props.cssClasses.noRefinementRoot, this.props.className);
+      var rootClassName = (0, _instantsearchUiComponents.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/ReverseHighlight/ReverseHighlight.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReverseHighlight = ReverseHighlight;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _InternalHighlight = require("../InternalHighlight/InternalHighlight");
 var _excluded = ["classNames"];
@@ -17,10 +17,10 @@ function ReverseHighlight(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return (0, _preact.h)(_InternalHighlight.InternalHighlight, _extends({
     classNames: {
-      root: (0, _uiComponentsShared.cx)('ais-ReverseHighlight', classNames.root),
-      highlighted: (0, _uiComponentsShared.cx)('ais-ReverseHighlight-highlighted', classNames.highlighted),
-      nonHighlighted: (0, _uiComponentsShared.cx)('ais-ReverseHighlight-nonHighlighted', classNames.nonHighlighted),
-      separator: (0, _uiComponentsShared.cx)('ais-ReverseHighlight-separator', classNames.separator)
+      root: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight', classNames.root),
+      highlighted: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight-highlighted', classNames.highlighted),
+      nonHighlighted: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight-nonHighlighted', classNames.nonHighlighted),
+      separator: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight-separator', classNames.separator)
     }
   }, props));
 }

package/cjs/components/ReverseSnippet/ReverseSnippet.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReverseSnippet = ReverseSnippet;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _InternalHighlight = require("../InternalHighlight/InternalHighlight");
 var _excluded = ["classNames"];
@@ -17,10 +17,10 @@ function ReverseSnippet(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return (0, _preact.h)(_InternalHighlight.InternalHighlight, _extends({
     classNames: {
-      root: (0, _uiComponentsShared.cx)('ais-ReverseSnippet', classNames.root),
-      highlighted: (0, _uiComponentsShared.cx)('ais-ReverseSnippet-highlighted', classNames.highlighted),
-      nonHighlighted: (0, _uiComponentsShared.cx)('ais-ReverseSnippet-nonHighlighted', classNames.nonHighlighted),
-      separator: (0, _uiComponentsShared.cx)('ais-ReverseSnippet-separator', classNames.separator)
+      root: (0, _instantsearchUiComponents.cx)('ais-ReverseSnippet', classNames.root),
+      highlighted: (0, _instantsearchUiComponents.cx)('ais-ReverseSnippet-highlighted', classNames.highlighted),
+      nonHighlighted: (0, _instantsearchUiComponents.cx)('ais-ReverseSnippet-nonHighlighted', classNames.nonHighlighted),
+      separator: (0, _instantsearchUiComponents.cx)('ais-ReverseSnippet-separator', classNames.separator)
     }
   }, props));
 }

package/cjs/components/Selector/Selector.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");
 function Selector(_ref) {
   var currentValue = _ref.currentValue,
@@ -13,7 +13,7 @@ function Selector(_ref) {
     setValue = _ref.setValue,
     ariaLabel = _ref.ariaLabel;
   return (0, _preact.h)("select", {
-    className: (0, _uiComponentsShared.cx)(cssClasses.select),
+    className: (0, _instantsearchUiComponents.cx)(cssClasses.select),
     onChange: function onChange(event) {
       return setValue(event.target.value);
     },
@@ -21,7 +21,7 @@ function Selector(_ref) {
     "aria-label": ariaLabel
   }, options.map(function (option) {
     return (0, _preact.h)("option", {
-      className: (0, _uiComponentsShared.cx)(cssClasses.option),
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.option),
       key: option.label + option.value,
       value: "".concat(option.value)
     }, option.label);

package/cjs/components/Slider/Pit.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");
 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; }
@@ -24,7 +24,7 @@ var Pit = function Pit(_ref) {
     style: _objectSpread(_objectSpread({}, style), {}, {
       marginLeft: positionValue === 100 ? '-2px' : 0
     }),
-    className: (0, _uiComponentsShared.cx)('rheostat-marker', 'rheostat-marker-horizontal', shouldDisplayValue && 'rheostat-marker-large')
+    className: (0, _instantsearchUiComponents.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

@@ -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 _utils = require("../../lib/utils");
 var _Pit = _interopRequireDefault(require("./Pit"));
@@ -55,7 +55,7 @@ var Slider = /*#__PURE__*/function (_Component) {
         // 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, _uiComponentsShared.cx)(props.className, props['data-handle-key'] === 0 && 'rheostat-handle-lower', props['data-handle-key'] === 1 && 'rheostat-handle-upper');
+        var className = (0, _instantsearchUiComponents.cx)(props.className, props['data-handle-key'] === 0 && 'rheostat-handle-lower', props['data-handle-key'] === 1 && 'rheostat-handle-upper');
         var ariaLabel = props['data-handle-key'] === 0 ? 'Minimum Filter Handle' : 'Maximum Filter Handle';
         return (0, _preact.h)("div", _extends({}, props, {
           className: className,
@@ -131,7 +131,7 @@ var Slider = /*#__PURE__*/function (_Component) {
         max: max
       });
       return (0, _preact.h)("div", {
-        className: (0, _uiComponentsShared.cx)(cssClasses.root, this.isDisabled && cssClasses.disabledRoot)
+        className: (0, _instantsearchUiComponents.cx)(cssClasses.root, this.isDisabled && cssClasses.disabledRoot)
       }, (0, _preact.h)(_Rheostat.default, {
         handle: this.createHandleComponent(tooltips),
         onChange: this.handleChange,

package/cjs/components/Snippet/Snippet.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Snippet = Snippet;
-var _uiComponentsShared = require("@algolia/ui-components-shared");
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _preact = require("preact");
 var _InternalHighlight = require("../InternalHighlight/InternalHighlight");
 var _excluded = ["classNames"];
@@ -17,10 +17,10 @@ function Snippet(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return (0, _preact.h)(_InternalHighlight.InternalHighlight, _extends({
     classNames: {
-      root: (0, _uiComponentsShared.cx)('ais-Snippet', classNames.root),
-      highlighted: (0, _uiComponentsShared.cx)('ais-Snippet-highlighted', classNames.highlighted),
-      nonHighlighted: (0, _uiComponentsShared.cx)('ais-Snippet-nonHighlighted', classNames.nonHighlighted),
-      separator: (0, _uiComponentsShared.cx)('ais-Snippet-separator', classNames.separator)
+      root: (0, _instantsearchUiComponents.cx)('ais-Snippet', classNames.root),
+      highlighted: (0, _instantsearchUiComponents.cx)('ais-Snippet-highlighted', classNames.highlighted),
+      nonHighlighted: (0, _instantsearchUiComponents.cx)('ais-Snippet-nonHighlighted', classNames.nonHighlighted),
+      separator: (0, _instantsearchUiComponents.cx)('ais-Snippet-separator', classNames.separator)
     }
   }, props));
 }

package/cjs/components/Stats/Stats.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 _Template = _interopRequireDefault(require("../Template/Template"));
 var _excluded = ["nbHits", "nbSortedHits", "cssClasses", "templateProps"];
@@ -25,7 +25,7 @@ var Stats = function Stats(_ref) {
     templateProps = _ref.templateProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   return (0, _preact.h)("div", {
-    className: (0, _uiComponentsShared.cx)(cssClasses.root)
+    className: (0, _instantsearchUiComponents.cx)(cssClasses.root)
   }, (0, _preact.h)(_Template.default, _extends({}, templateProps, {
     templateKey: "text",
     rootTagName: "span",

package/cjs/components/Template/Template.js

@@ -9,6 +9,12 @@ var _templating = require("../../lib/templating");
 var _utils = require("../../lib/utils");
 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); }
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -22,6 +28,49 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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); }
+var RawHtml = /*#__PURE__*/function (_Component) {
+  _inherits(RawHtml, _Component);
+  var _super = _createSuper(RawHtml);
+  function RawHtml() {
+    var _this;
+    _classCallCheck(this, RawHtml);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "ref", (0, _preact.createRef)());
+    _defineProperty(_assertThisInitialized(_this), "nodes", []);
+    return _this;
+  }
+  _createClass(RawHtml, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var fragment = new DocumentFragment();
+      var root = document.createElement('div');
+      root.innerHTML = this.props.content;
+      this.nodes = _toConsumableArray(root.children);
+      this.nodes.forEach(function (node) {
+        return fragment.appendChild(node);
+      });
+      this.ref.current.replaceWith(fragment);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.nodes.forEach(function (node) {
+        return node.outerHTML = '';
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return (0, _preact.h)("div", {
+        ref: this.ref
+      });
+    }
+  }]);
+  return RawHtml;
+}(_preact.Component);
 var defaultProps = {
   data: {},
   rootTagName: 'div',
@@ -30,12 +79,12 @@ var defaultProps = {
   templatesConfig: {}
 };
 // @TODO: Template should be a generic and receive TData to pass to Templates (to avoid TTemplateData to be set as `any`)
-var Template = /*#__PURE__*/function (_Component) {
-  _inherits(Template, _Component);
-  var _super = _createSuper(Template);
+var Template = /*#__PURE__*/function (_Component2) {
+  _inherits(Template, _Component2);
+  var _super2 = _createSuper(Template);
   function Template() {
     _classCallCheck(this, Template);
-    return _super.apply(this, arguments);
+    return _super2.apply(this, arguments);
   }
   _createClass(Template, [{
     key: "shouldComponentUpdate",
@@ -45,14 +94,14 @@ var Template = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this = this;
+      var _this2 = this;
       if (process.env.NODE_ENV === 'development') {
         var nonFunctionTemplates = Object.keys(this.props.templates).filter(function (key) {
-          return typeof _this.props.templates[key] !== 'function';
+          return typeof _this2.props.templates[key] !== 'function';
         });
         process.env.NODE_ENV === 'development' ? (0, _utils.warning)(nonFunctionTemplates.length === 0, "Hogan.js and string-based templates are deprecated and will not be supported in InstantSearch.js 5.x.\n\nYou can replace them with function-form templates and use either the provided `html` function or JSX templates.\n\nString-based templates: ".concat(nonFunctionTemplates.join(', '), ".\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/upgrade-guides/js/#upgrade-templates")) : void 0;
       }
-      var RootTagName = this.props.rootTagName;
+      var RootTagName = this.props.rootTagName === 'fragment' ? _preact.Fragment : this.props.rootTagName;
       var useCustomCompileOptions = this.props.useCustomCompileOptions[this.props.templateKey];
       var compileOptions = useCustomCompileOptions ? this.props.templatesConfig.compileOptions : {};
       var content = (0, _templating.renderTemplate)({
@@ -72,6 +121,14 @@ var Template = /*#__PURE__*/function (_Component) {
       if (_typeof(content) === 'object') {
         return (0, _preact.h)(RootTagName, this.props.rootProps, content);
       }
+
+      // This is to handle Hogan templates with Fragment as rootTagName
+      if (RootTagName === _preact.Fragment) {
+        return (0, _preact.h)(RawHtml, {
+          content: content,
+          key: content
+        });
+      }
       return (0, _preact.h)(RootTagName, _extends({}, this.props.rootProps, {
         dangerouslySetInnerHTML: {
           __html: content