instantsearch.js 4.72.2 → 4.73.0

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.2';
+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,

package/dist/instantsearch.development.d.ts

@@ -4811,6 +4811,18 @@ declare type InfiniteHitsCSSClasses = Partial<{
      * The disabled “Show more” button.
      */
     disabledLoadMore: string | string[];
+    /**
+     * Class names to apply to the banner element
+     */
+    bannerRoot: string | string[];
+    /**
+     * Class names to apply to the banner image element
+     */
+    bannerImage: string | string[];
+    /**
+     * Class names to apply to the banner link element
+     */
+    bannerLink: string | string[];
 }>;
 
 declare type InfiniteHitsRenderState<THit extends NonNullable<object> = BaseHit> = {
@@ -4881,6 +4893,13 @@ declare type InfiniteHitsTemplates<THit extends NonNullable<object> = BaseHit> =
         /** @deprecated the index in the hits array, use __position instead, which is the absolute position */
         __hitIndex: number;
     }>;
+    /**
+     * Template to use for the banner.
+     */
+    banner: Template<{
+        banner: Required<InfiniteHitsRenderState['banner']>;
+        className: string;
+    }>;
 }>;
 
 declare type InfiniteHitsWidgetDescription<THit extends NonNullable<object> = BaseHit> = {

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.72.2 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! InstantSearch.js 4.73.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -3881,12 +3881,12 @@
     }, {
       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;
@@ -6539,7 +6539,11 @@
           return cache[params.$$id] === undefined;
         })
         .map(function (params) {
-          var query = Object.assign({}, params, { indexName: indexName });
+          var query = Object.assign({}, params, {
+            indexName: indexName,
+            // @TODO: remove this if it ever gets handled by the API
+            threshold: params.threshold || 0,
+          });
           delete query.$$id;
 
           return query;
@@ -10490,7 +10494,7 @@
 
   var sortAndMergeRecommendations_1 = sortAndMergeRecommendations;
 
-  var version = '3.22.1';
+  var version = '3.22.2';
 
   var escapeFacetValue$4 = escapeFacetValue_1.escapeFacetValue;
 
@@ -17124,7 +17128,7 @@
         if (RootTagName === p) {
           return h(RawHtml, {
             content: content,
-            key: content
+            key: Math.random()
           });
         }
         return h(RootTagName, _extends({}, this.props.rootProps, {
@@ -19897,32 +19901,65 @@
     instantSearchInstance.renderState = _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState), {}, _defineProperty({}, parentIndexName, _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState[parentIndexName]), renderState)));
   }
 
-  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 h("aside", {
+      className: cx(classNames.bannerRoot)
+    }, banner.link ? h("a", {
+      className: cx(classNames.bannerLink),
+      href: banner.link.url,
+      target: banner.link.target
+    }, h("img", {
+      className: cx(classNames.bannerImage),
+      src: banner.image.urls[0].url,
+      alt: banner.image.title
+    })) : h("img", {
+      className: 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 = createInsightsEventHandler({
       insights: insights,
       sendEvent: sendEvent
     });
     if (results.hits.length === 0) {
-      return h(Template, _extends({}, templateProps, {
+      return h("div", {
+        className: cx(cssClasses.root, cssClasses.emptyRoot),
+        onClick: handleInsightsClick
+      }, banner && (templateProps.templates.banner ? h(Template, _extends({}, templateProps, {
+        templateKey: "banner",
+        rootTagName: "fragment",
+        data: {
+          banner: banner,
+          className: cssClasses.bannerRoot
+        }
+      })) : h(DefaultBanner, {
+        banner: banner,
+        classNames: cssClasses
+      })), h(Template, _extends({}, templateProps, {
         templateKey: "empty",
-        rootProps: {
-          className: cx(cssClasses.root, cssClasses.emptyRoot),
-          onClick: handleInsightsClick
-        },
+        rootTagName: "fragment",
         data: results
-      }));
+      })));
     }
     return h("div", {
       className: cssClasses.root
@@ -19934,6 +19971,16 @@
         disabled: isFirstPage,
         onClick: showPrevious
       }
+    })), banner && (templateProps.templates.banner ? h(Template, _extends({}, templateProps, {
+      templateKey: "banner",
+      rootTagName: "fragment",
+      data: {
+        banner: banner,
+        className: cssClasses.bannerRoot
+      }
+    })) : h(DefaultBanner, {
+      banner: banner,
+      classNames: cssClasses
     })), h("ol", {
       className: cssClasses.list
     }, hits.map(function (hit, index) {
@@ -20007,7 +20054,8 @@
         instantSearchInstance = _ref2.instantSearchInstance,
         insights = _ref2.insights,
         bindEvent = _ref2.bindEvent,
-        sendEvent = _ref2.sendEvent;
+        sendEvent = _ref2.sendEvent,
+        banner = _ref2.banner;
       if (isFirstRendering) {
         renderState.templateProps = prepareTemplateProps({
           defaultTemplates: defaultTemplates$6,
@@ -20028,7 +20076,8 @@
         isLastPage: isLastPage,
         insights: insights,
         sendEvent: sendEvent,
-        bindEvent: bindEvent
+        bindEvent: bindEvent,
+        banner: banner
       }), containerNode);
     };
   };
@@ -20071,7 +20120,16 @@
       disabledLoadMore: cx(suit$c({
         descendantName: 'loadMore',
         modifierName: 'disabled'
-      }), userCssClasses.disabledLoadMore)
+      }), userCssClasses.disabledLoadMore),
+      bannerRoot: cx(suit$c({
+        descendantName: 'banner'
+      }), userCssClasses.bannerRoot),
+      bannerImage: cx(suit$c({
+        descendantName: 'banner-image'
+      }), userCssClasses.bannerImage),
+      bannerLink: cx(suit$c({
+        descendantName: 'banner-link'
+      }), userCssClasses.bannerLink)
     };
     var specializedRenderer = renderer$8({
       containerNode: containerNode,
@@ -23993,7 +24051,7 @@
     };
   }
 
-  var version$1 = '4.72.2';
+  var version$1 = '4.73.0';
 
   var withUsage$10 = createDocumentationMessageGenerator({
     name: 'instantsearch'