instantsearch.js 4.72.1 → 4.73.0

package/README.md

@@ -20,7 +20,6 @@ InstantSearch.js is a vanilla JavaScript library that lets you create an instant
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Why](#why)
 - [Getting started](#getting-started)
 - [Installation](#installation)

package/cjs/components/InfiniteHits/InfiniteHits.js

@@ -17,32 +17,65 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 _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 InfiniteHits = function InfiniteHits(_ref) {
-  var results = _ref.results,
-    hits = _ref.hits,
-    insights = _ref.insights,
-    bindEvent = _ref.bindEvent,
-    sendEvent = _ref.sendEvent,
-    hasShowPrevious = _ref.hasShowPrevious,
-    showPrevious = _ref.showPrevious,
-    showMore = _ref.showMore,
-    isFirstPage = _ref.isFirstPage,
-    isLastPage = _ref.isLastPage,
-    cssClasses = _ref.cssClasses,
-    templateProps = _ref.templateProps;
+var DefaultBanner = function DefaultBanner(_ref) {
+  var banner = _ref.banner,
+    classNames = _ref.classNames;
+  if (!banner.image.urls[0].url) {
+    return null;
+  }
+  return (0, _preact.h)("aside", {
+    className: (0, _instantsearchUiComponents.cx)(classNames.bannerRoot)
+  }, banner.link ? (0, _preact.h)("a", {
+    className: (0, _instantsearchUiComponents.cx)(classNames.bannerLink),
+    href: banner.link.url,
+    target: banner.link.target
+  }, (0, _preact.h)("img", {
+    className: (0, _instantsearchUiComponents.cx)(classNames.bannerImage),
+    src: banner.image.urls[0].url,
+    alt: banner.image.title
+  })) : (0, _preact.h)("img", {
+    className: (0, _instantsearchUiComponents.cx)(classNames.bannerImage),
+    src: banner.image.urls[0].url,
+    alt: banner.image.title
+  }));
+};
+var InfiniteHits = function InfiniteHits(_ref2) {
+  var results = _ref2.results,
+    hits = _ref2.hits,
+    insights = _ref2.insights,
+    bindEvent = _ref2.bindEvent,
+    sendEvent = _ref2.sendEvent,
+    hasShowPrevious = _ref2.hasShowPrevious,
+    showPrevious = _ref2.showPrevious,
+    showMore = _ref2.showMore,
+    isFirstPage = _ref2.isFirstPage,
+    isLastPage = _ref2.isLastPage,
+    cssClasses = _ref2.cssClasses,
+    templateProps = _ref2.templateProps,
+    banner = _ref2.banner;
   var handleInsightsClick = (0, _listener.createInsightsEventHandler)({
     insights: insights,
     sendEvent: sendEvent
   });
   if (results.hits.length === 0) {
-    return (0, _preact.h)(_Template.default, _extends({}, templateProps, {
+    return (0, _preact.h)("div", {
+      className: (0, _instantsearchUiComponents.cx)(cssClasses.root, cssClasses.emptyRoot),
+      onClick: handleInsightsClick
+    }, banner && (templateProps.templates.banner ? (0, _preact.h)(_Template.default, _extends({}, templateProps, {
+      templateKey: "banner",
+      rootTagName: "fragment",
+      data: {
+        banner: banner,
+        className: cssClasses.bannerRoot
+      }
+    })) : (0, _preact.h)(DefaultBanner, {
+      banner: banner,
+      classNames: cssClasses
+    })), (0, _preact.h)(_Template.default, _extends({}, templateProps, {
       templateKey: "empty",
-      rootProps: {
-        className: (0, _instantsearchUiComponents.cx)(cssClasses.root, cssClasses.emptyRoot),
-        onClick: handleInsightsClick
-      },
+      rootTagName: "fragment",
       data: results
-    }));
+    })));
   }
   return (0, _preact.h)("div", {
     className: cssClasses.root
@@ -54,6 +87,16 @@ var InfiniteHits = function InfiniteHits(_ref) {
       disabled: isFirstPage,
       onClick: showPrevious
     }
+  })), banner && (templateProps.templates.banner ? (0, _preact.h)(_Template.default, _extends({}, templateProps, {
+    templateKey: "banner",
+    rootTagName: "fragment",
+    data: {
+      banner: banner,
+      className: cssClasses.bannerRoot
+    }
+  })) : (0, _preact.h)(DefaultBanner, {
+    banner: banner,
+    classNames: cssClasses
   })), (0, _preact.h)("ol", {
     className: cssClasses.list
   }, hits.map(function (hit, index) {

package/cjs/components/Template/Template.js

@@ -135,7 +135,7 @@ var Template = /*#__PURE__*/function (_Component2) {
       if (RootTagName === _preact.Fragment) {
         return (0, _preact.h)(RawHtml, {
           content: content,
-          key: content
+          key: Math.random()
         });
       }
       return (0, _preact.h)(RootTagName, _extends({}, this.props.rootProps, {

package/cjs/connectors/pagination/Paginator.js

@@ -63,12 +63,12 @@ var Paginator = /*#__PURE__*/function () {
   }, {
     key: "isLastPage",
     value: function isLastPage() {
-      return this.currentPage === this.total - 1 || this.total === 0;
+      return this.currentPage >= this.total - 1;
     }
   }, {
     key: "isFirstPage",
     value: function isFirstPage() {
-      return this.currentPage === 0;
+      return this.currentPage <= 0;
     }
   }]);
   return Paginator;

package/cjs/lib/version.js

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

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

@@ -40,7 +40,8 @@ var renderer = function renderer(_ref) {
       instantSearchInstance = _ref2.instantSearchInstance,
       insights = _ref2.insights,
       bindEvent = _ref2.bindEvent,
-      sendEvent = _ref2.sendEvent;
+      sendEvent = _ref2.sendEvent,
+      banner = _ref2.banner;
     if (isFirstRendering) {
       renderState.templateProps = (0, _templating.prepareTemplateProps)({
         defaultTemplates: _defaultTemplates.default,
@@ -61,7 +62,8 @@ var renderer = function renderer(_ref) {
       isLastPage: isLastPage,
       insights: insights,
       sendEvent: sendEvent,
-      bindEvent: bindEvent
+      bindEvent: bindEvent,
+      banner: banner
     }), containerNode);
   };
 };
@@ -104,7 +106,16 @@ var infiniteHits = function infiniteHits(widgetParams) {
     disabledLoadMore: (0, _instantsearchUiComponents.cx)(suit({
       descendantName: 'loadMore',
       modifierName: 'disabled'
-    }), userCssClasses.disabledLoadMore)
+    }), userCssClasses.disabledLoadMore),
+    bannerRoot: (0, _instantsearchUiComponents.cx)(suit({
+      descendantName: 'banner'
+    }), userCssClasses.bannerRoot),
+    bannerImage: (0, _instantsearchUiComponents.cx)(suit({
+      descendantName: 'banner-image'
+    }), userCssClasses.bannerImage),
+    bannerLink: (0, _instantsearchUiComponents.cx)(suit({
+      descendantName: 'banner-link'
+    }), userCssClasses.bannerLink)
   };
   var specializedRenderer = renderer({
     containerNode: containerNode,