instantsearch.js 4.67.0 → 4.68.0

package/es/components/Template/Template.js

@@ -42,7 +42,7 @@ var RawHtml = /*#__PURE__*/function (_Component) {
       var fragment = new DocumentFragment();
       var root = document.createElement('div');
       root.innerHTML = this.props.content;
-      this.nodes = _toConsumableArray(root.children);
+      this.nodes = _toConsumableArray(root.childNodes);
       this.nodes.forEach(function (node) {
         return fragment.appendChild(node);
       });
@@ -52,8 +52,17 @@ var RawHtml = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.nodes.forEach(function (node) {
-        return node.outerHTML = '';
+        if (node instanceof Element) {
+          node.outerHTML = '';
+          return;
+        }
+        node.nodeValue = '';
       });
+      // if there is one TextNode first and one TextNode last, the
+      // last one's nodeValue will be assigned to the first.
+      if (this.nodes[0].nodeValue) {
+        this.nodes[0].nodeValue = '';
+      }
     }
   }, {
     key: "render",

package/es/connectors/hits/connectHits.d.ts

@@ -1,6 +1,7 @@
 import type { SendEventForHits, BindEventForHits } from '../../lib/utils';
 import type { TransformItems, Connector, Hit, WidgetRenderState, BaseHit } from '../../types';
 import type { SearchResults } from 'algoliasearch-helper';
+type Banner = NonNullable<NonNullable<Required<SearchResults<Hit>['renderingContent']>>['widgets']['banners']>[number];
 export type HitsRenderState<THit extends BaseHit = BaseHit> = {
     /**
      * The matched hits from Algolia API.
@@ -10,6 +11,10 @@ export type HitsRenderState<THit extends BaseHit = BaseHit> = {
      * The response from the Algolia API.
      */
     results?: SearchResults<Hit<THit>>;
+    /**
+     * The banner to display above the hits.
+     */
+    banner?: Banner;
     /**
      * Sends an event to the Insights middleware.
      */

package/es/connectors/hits/connectHits.js

@@ -42,6 +42,7 @@ var connectHits = function connectHits(renderFn) {
         });
       },
       getWidgetRenderState: function getWidgetRenderState(_ref2) {
+        var _results$renderingCon, _results$renderingCon2, _results$renderingCon3;
         var results = _ref2.results,
           helper = _ref2.helper,
           instantSearchInstance = _ref2.instantSearchInstance;
@@ -67,6 +68,7 @@ var connectHits = function connectHits(renderFn) {
           return {
             hits: [],
             results: undefined,
+            banner: undefined,
             sendEvent: sendEvent,
             bindEvent: bindEvent,
             widgetParams: widgetParams
@@ -80,9 +82,11 @@ var connectHits = function connectHits(renderFn) {
         var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID, {
           results: results
         });
+        var banner = (_results$renderingCon = results.renderingContent) === null || _results$renderingCon === void 0 ? void 0 : (_results$renderingCon2 = _results$renderingCon.widgets) === null || _results$renderingCon2 === void 0 ? void 0 : (_results$renderingCon3 = _results$renderingCon2.banners) === null || _results$renderingCon3 === void 0 ? void 0 : _results$renderingCon3[0];
         return {
           hits: transformedHits,
           results: results,
+          banner: banner,
           sendEvent: sendEvent,
           bindEvent: bindEvent,
           widgetParams: widgetParams

package/es/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.67.0";
+declare const _default: "4.68.0";
 export default _default;

package/es/lib/version.js

@@ -1 +1 @@
-export default '4.67.0';
+export default '4.68.0';

package/es/widgets/hits/defaultTemplates.d.ts

@@ -1,3 +1,3 @@
 import type { HitsTemplates } from './hits';
-declare const defaultTemplates: Required<HitsTemplates>;
+declare const defaultTemplates: HitsTemplates;
 export default defaultTemplates;

package/es/widgets/hits/hits.d.ts

@@ -1,5 +1,5 @@
 
-import type { HitsConnectorParams, HitsWidgetDescription } from '../../connectors/hits/connectHits';
+import type { HitsConnectorParams, HitsRenderState, HitsWidgetDescription } from '../../connectors/hits/connectHits';
 import type { Template, TemplateWithBindEvent, Hit, WidgetFactory } from '../../types';
 import type { SearchResults } from 'algoliasearch-helper';
 import type { HitsClassNames as HitsUiComponentClassNames } from 'instantsearch-ui-components';
@@ -20,6 +20,13 @@ export type HitsTemplates = Partial<{
         /** @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<HitsRenderState['banner']>;
+        className: string;
+    }>;
 }>;
 export type HitsWidgetParams = {
     /**

package/es/widgets/hits/hits.js

@@ -36,7 +36,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 = prepareTemplateProps({
         defaultTemplates: defaultTemplates,
@@ -54,7 +55,8 @@ var renderer = function renderer(_ref) {
       return h(TemplateComponent, _extends({}, renderState.templateProps, {
         rootProps: rootProps,
         templateKey: "empty",
-        data: results
+        data: results,
+        rootTagName: "fragment"
       }));
     };
 
@@ -87,12 +89,21 @@ var renderer = function renderer(_ref) {
         sendEvent: sendEvent
       }));
     };
+    var bannerComponent = function bannerComponent(props) {
+      return h(TemplateComponent, _extends({}, renderState.templateProps, {
+        templateKey: "banner",
+        data: props,
+        rootTagName: "fragment"
+      }));
+    };
     render(h(Hits, {
       hits: receivedHits,
       itemComponent: itemComponent,
       sendEvent: sendEvent,
       classNames: cssClasses,
-      emptyComponent: emptyComponent
+      emptyComponent: emptyComponent,
+      banner: banner,
+      bannerComponent: templates.banner ? bannerComponent : undefined
     }), containerNode);
   };
 };

package/es/widgets/index/index.js

@@ -152,9 +152,18 @@ var index = function index(widgetParams) {
     },
     getScopedResults: function getScopedResults() {
       var widgetParent = this.getParent();
-
-      // If the widget is the root, we consider itself as the only sibling.
-      var widgetSiblings = widgetParent ? widgetParent.getWidgets() : [this];
+      var widgetSiblings;
+      if (widgetParent) {
+        widgetSiblings = widgetParent.getWidgets();
+      } else if (indexName.length === 0) {
+        // The widget is the root but has no index name:
+        // we resolve results from its children index widgets
+        widgetSiblings = this.getWidgets();
+      } else {
+        // The widget is the root and has an index name:
+        // we consider itself as the only sibling
+        widgetSiblings = [this];
+      }
       return resolveScopedResultsFromWidgets(widgetSiblings);
     },
     getParent: function getParent() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "instantsearch.js",
-  "version": "4.67.0",
+  "version": "4.68.0",
   "description": "InstantSearch.js is a JavaScript library for building performant and instant search experiences with Algolia.",
   "homepage": "https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/",
   "types": "es/index.d.ts",
@@ -31,10 +31,10 @@
     "@types/google.maps": "^3.45.3",
     "@types/hogan.js": "^3.0.0",
     "@types/qs": "^6.5.3",
-    "algoliasearch-helper": "3.18.0",
+    "algoliasearch-helper": "3.19.0",
     "hogan.js": "^3.0.2",
     "htm": "^3.0.0",
-    "instantsearch-ui-components": "0.4.0",
+    "instantsearch-ui-components": "0.5.0",
     "preact": "^10.10.0",
     "qs": "^6.5.1 < 6.10",
     "search-insights": "^2.13.0"
@@ -56,9 +56,9 @@
     "watch:es": "yarn --silent build:es:base --watch"
   },
   "devDependencies": {
-    "@instantsearch/mocks": "1.41.0",
-    "@instantsearch/tests": "1.41.0",
-    "@instantsearch/testutils": "1.30.0",
+    "@instantsearch/mocks": "1.42.0",
+    "@instantsearch/tests": "1.42.0",
+    "@instantsearch/testutils": "1.31.0",
     "@storybook/html": "5.3.9",
     "@types/scriptjs": "0.0.2",
     "algoliasearch": "4.23.2",
@@ -66,5 +66,5 @@
     "scriptjs": "2.5.9",
     "webpack": "4.47.0"
   },
-  "gitHead": "17da3c2268354325cc22103260d944d3e4feff90"
+  "gitHead": "68fe2ee8544096eff8c2fbafe01a50a8acbca2b9"
 }