instantsearch.js 4.80.0 → 4.81.0

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.80.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! InstantSearch.js 4.81.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) :
@@ -13827,6 +13827,9 @@
 
   /** @deprecated use connectDynamicWidgets */
   var EXPERIMENTAL_connectDynamicWidgets = deprecate(connectDynamicWidgets, 'use connectDynamicWidgets');
+  var connectChat = function connectChat() {
+    throw new Error("\"connectChat\" is not available from the UMD build.\n\nPlease use InstantSearch.js with a packaging system:\nhttps://www.algolia.com/doc/guides/building-search-ui/installation/js/#with-a-packaging-system");
+  };
 
   var connectors = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -13834,6 +13837,7 @@
     EXPERIMENTAL_connectConfigureRelatedItems: EXPERIMENTAL_connectConfigureRelatedItems,
     EXPERIMENTAL_connectDynamicWidgets: EXPERIMENTAL_connectDynamicWidgets,
     connectDynamicWidgets: connectDynamicWidgets,
+    connectChat: connectChat,
     connectClearRefinements: connectClearRefinements,
     connectCurrentRefinements: connectCurrentRefinements,
     connectHierarchicalMenu: connectHierarchicalMenu,
@@ -16312,7 +16316,9 @@
         // This makes sure `render` is never called with `results` being `null`.
         // If it's an isolated index without an index name, we render all widgets,
         // as there are no results to display for the isolated index itself.
-        var widgetsToRender = this.getResults() || (_derivedHelper2 = derivedHelper) !== null && _derivedHelper2 !== void 0 && _derivedHelper2.lastRecommendResults || isolated && !indexName ? localWidgets : localWidgets.filter(isIndexWidget);
+        var widgetsToRender = this.getResults() || (_derivedHelper2 = derivedHelper) !== null && _derivedHelper2 !== void 0 && _derivedHelper2.lastRecommendResults || isolated && !indexName ? localWidgets : localWidgets.filter(function (widget) {
+          return widget.shouldRender;
+        });
         widgetsToRender = widgetsToRender.filter(function (widget) {
           if (!widget.shouldRender) {
             return true;
@@ -16389,6 +16395,9 @@
           initialSearchParameters: searchParameters
         });
       },
+      shouldRender: function shouldRender() {
+        return true;
+      },
       refreshUiState: function refreshUiState() {
         localUiState = getLocalWidgetsUiState(localWidgets, {
           searchParameters: this.getHelper().state,
@@ -16489,7 +16498,7 @@
     };
   }
 
-  var version$1 = '4.80.0';
+  var version$1 = '4.81.0';
 
   var withUsage$v = createDocumentationMessageGenerator({
     name: 'instantsearch'
@@ -17183,6 +17192,50 @@
 
   var _extends$1 = unwrapExports(_extends_1);
 
+  var objectWithoutPropertiesLoose = createCommonjsModule(function (module) {
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (-1 !== e.indexOf(n)) continue;
+      t[n] = r[n];
+    }
+    return t;
+  }
+  module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(objectWithoutPropertiesLoose);
+
+  var objectWithoutProperties = createCommonjsModule(function (module) {
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = objectWithoutPropertiesLoose(e, t);
+    if (Object.getOwnPropertySymbols) {
+      var n = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+  }
+  module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _objectWithoutProperties$1 = unwrapExports(objectWithoutProperties);
+
+  function cx() {
+    for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
+      classNames[_key] = arguments[_key];
+    }
+    return classNames.reduce(function (acc, className) {
+      if (Array.isArray(className)) {
+        return acc.concat(className);
+      }
+      return acc.concat([className]);
+    }, []).filter(Boolean).join(' ');
+  }
+
   var _typeof_1 = createCommonjsModule(function (module) {
   function _typeof(o) {
     "@babel/helpers - typeof";
@@ -17241,50 +17294,6 @@
 
   var _defineProperty$1 = unwrapExports(defineProperty);
 
-  var objectWithoutPropertiesLoose = createCommonjsModule(function (module) {
-  function _objectWithoutPropertiesLoose(r, e) {
-    if (null == r) return {};
-    var t = {};
-    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-      if (-1 !== e.indexOf(n)) continue;
-      t[n] = r[n];
-    }
-    return t;
-  }
-  module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  unwrapExports(objectWithoutPropertiesLoose);
-
-  var objectWithoutProperties = createCommonjsModule(function (module) {
-  function _objectWithoutProperties(e, t) {
-    if (null == e) return {};
-    var o,
-      r,
-      i = objectWithoutPropertiesLoose(e, t);
-    if (Object.getOwnPropertySymbols) {
-      var n = Object.getOwnPropertySymbols(e);
-      for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-    }
-    return i;
-  }
-  module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  var _objectWithoutProperties$1 = unwrapExports(objectWithoutProperties);
-
-  function cx() {
-    for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
-      classNames[_key] = arguments[_key];
-    }
-    return classNames.reduce(function (acc, className) {
-      if (Array.isArray(className)) {
-        return acc.concat(className);
-      }
-      return acc.concat([className]);
-    }, []).filter(Boolean).join(' ');
-  }
-
   function createDefaultEmptyComponent(_ref) {
     var createElement = _ref.createElement,
       Fragment = _ref.Fragment;
@@ -17350,7 +17359,7 @@
     };
   }
 
-  var _excluded$9 = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "items", "translations", "sendEvent"];
+  var _excluded$9 = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "canScrollLeft", "canScrollRight", "setCanScrollLeft", "setCanScrollRight", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "headerComponent", "showNavigation", "items", "translations", "sendEvent"];
   function ownKeys$1(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -17412,6 +17421,10 @@
         nextButtonRef = userProps.nextButtonRef,
         previousButtonRef = userProps.previousButtonRef,
         carouselIdRef = userProps.carouselIdRef,
+        canScrollLeft = userProps.canScrollLeft,
+        canScrollRight = userProps.canScrollRight,
+        setCanScrollLeft = userProps.setCanScrollLeft,
+        setCanScrollRight = userProps.setCanScrollRight,
         _userProps$classNames = userProps.classNames,
         classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
         _userProps$itemCompon = userProps.itemComponent,
@@ -17423,6 +17436,9 @@
         PreviousIconComponent = _userProps$previousIc === void 0 ? PreviousIconDefaultComponent : _userProps$previousIc,
         _userProps$nextIconCo = userProps.nextIconComponent,
         NextIconComponent = _userProps$nextIconCo === void 0 ? NextIconDefaultComponent : _userProps$nextIconCo,
+        HeaderComponent = userProps.headerComponent,
+        _userProps$showNaviga = userProps.showNavigation,
+        showNavigation = _userProps$showNaviga === void 0 ? true : _userProps$showNaviga,
         items = userProps.items,
         userTranslations = userProps.translations,
         sendEvent = userProps.sendEvent,
@@ -17453,18 +17469,31 @@
         }
       }
       function updateNavigationButtonsProps() {
-        if (!listRef.current || !previousButtonRef.current || !nextButtonRef.current) {
+        if (!listRef.current) {
           return;
         }
-        previousButtonRef.current.hidden = listRef.current.scrollLeft <= 0;
-        nextButtonRef.current.hidden = listRef.current.scrollLeft + listRef.current.clientWidth >= listRef.current.scrollWidth;
+        var isLeftHidden = listRef.current.scrollLeft <= 0;
+        var isRightHidden = listRef.current.scrollLeft + listRef.current.clientWidth >= listRef.current.scrollWidth;
+        setCanScrollLeft(!isLeftHidden);
+        setCanScrollRight(!isRightHidden);
+        if (previousButtonRef.current) {
+          previousButtonRef.current.hidden = isLeftHidden;
+        }
+        if (nextButtonRef.current) {
+          nextButtonRef.current.hidden = isRightHidden;
+        }
       }
       if (items.length === 0) {
         return null;
       }
       return createElement("div", _extends$1({}, props, {
         className: cx(cssClasses.root)
-      }), createElement("button", {
+      }), HeaderComponent && createElement(HeaderComponent, {
+        canScrollLeft: canScrollLeft,
+        canScrollRight: canScrollRight,
+        scrollLeft: scrollLeft,
+        scrollRight: scrollRight
+      }), showNavigation && createElement("button", {
         ref: previousButtonRef,
         title: translations.previousButtonTitle,
         "aria-label": translations.previousButtonLabel,
@@ -17511,7 +17540,7 @@
           item: item,
           sendEvent: sendEvent
         }));
-      })), createElement("button", {
+      })), showNavigation && createElement("button", {
         ref: nextButtonRef,
         title: translations.nextButtonTitle,
         "aria-label": translations.nextButtonLabel,
@@ -18002,11 +18031,23 @@
     Fragment: p
   });
   function CarouselWithRefs(props) {
+    var _useState = y$1(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      canScrollLeft = _useState2[0],
+      setCanScrollLeft = _useState2[1];
+    var _useState3 = y$1(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      canScrollRight = _useState4[0],
+      setCanScrollRight = _useState4[1];
     var carouselRefs = {
       listRef: A$1(null),
       nextButtonRef: A$1(null),
       previousButtonRef: A$1(null),
-      carouselIdRef: A$1(generateCarouselId())
+      carouselIdRef: A$1(generateCarouselId()),
+      canScrollLeft: canScrollLeft,
+      canScrollRight: canScrollRight,
+      setCanScrollLeft: setCanScrollLeft,
+      setCanScrollRight: setCanScrollRight
     };
     return h(Carousel, _extends({}, carouselRefs, props));
   }
@@ -18014,7 +18055,9 @@
     var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       cssClasses = _ref.cssClasses,
       _ref$templates = _ref.templates,
-      templates = _ref$templates === void 0 ? {} : _ref$templates;
+      templates = _ref$templates === void 0 ? {} : _ref$templates,
+      _ref$showNavigation = _ref.showNavigation,
+      showNavigation = _ref$showNavigation === void 0 ? true : _ref$showNavigation;
     return function CarouselTemplate(_ref2) {
       var items = _ref2.items,
         widgetTemplates = _ref2.templates,
@@ -18023,11 +18066,17 @@
         _ref2$sendEvent = _ref2.sendEvent,
         sendEvent = _ref2$sendEvent === void 0 ? function () {} : _ref2$sendEvent;
       var previous = templates.previous,
-        next = templates.next;
+        next = templates.next,
+        header = templates.header;
       return h(CarouselWithRefs, {
         items: items,
         sendEvent: sendEvent,
         itemComponent: widgetTemplates.item,
+        headerComponent: header ? function (props) {
+          return header(_objectSpread2({
+            html: m$1
+          }, props));
+        } : undefined,
         previousIconComponent: previous ? function () {
           return previous({
             html: m$1
@@ -18041,7 +18090,8 @@
         classNames: _objectSpread2(_objectSpread2({}, cssClasses), {
           list: cx(cssClasses === null || cssClasses === void 0 ? void 0 : cssClasses.list, widgetCssClasses === null || widgetCssClasses === void 0 ? void 0 : widgetCssClasses.list),
           item: cx(cssClasses === null || cssClasses === void 0 ? void 0 : cssClasses.item, widgetCssClasses === null || widgetCssClasses === void 0 ? void 0 : widgetCssClasses.item)
-        })
+        }),
+        showNavigation: showNavigation
       });
     };
   }
@@ -25549,6 +25599,9 @@
 
   /** @deprecated use dynamicWidgets */
   var EXPERIMENTAL_dynamicWidgets = deprecate(dynamicWidgets, 'use dynamicWidgets');
+  var chat = function chat() {
+    throw new Error("\"chat\" is not available from the UMD build.\n\nPlease use InstantSearch.js with a packaging system:\nhttps://www.algolia.com/doc/guides/building-search-ui/installation/js/#with-a-packaging-system");
+  };
 
   var widgets = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -25556,6 +25609,7 @@
     EXPERIMENTAL_configureRelatedItems: EXPERIMENTAL_configureRelatedItems,
     EXPERIMENTAL_dynamicWidgets: EXPERIMENTAL_dynamicWidgets,
     dynamicWidgets: dynamicWidgets,
+    chat: chat,
     analytics: analytics,
     breadcrumb: breadcrumb,
     clearRefinements: clearRefinements$1,