react-instantsearch 7.16.3 → 7.17.0

package/dist/es/widgets/chat/tools/SearchIndexTool.js

@@ -0,0 +1,113 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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); }
+import { ChevronLeftIconComponent, ChevronRightIconComponent, ArrowRightIconComponent, createButtonComponent } from 'instantsearch-ui-components';
+import React, { createElement } from 'react';
+import { Carousel } from "../../../components/index.js";
+function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
+  var Button = createButtonComponent({
+    createElement: createElement
+  });
+  function SearchLayoutComponent(_ref) {
+    var message = _ref.message,
+      indexUiState = _ref.indexUiState,
+      setIndexUiState = _ref.setIndexUiState,
+      onClose = _ref.onClose;
+    var input = message === null || message === void 0 ? void 0 : message.input;
+    var output = message === null || message === void 0 ? void 0 : message.output;
+    var items = (output === null || output === void 0 ? void 0 : output.hits) || [];
+    var MemoedHeaderComponent = React.useMemo(function () {
+      return function (props) {
+        return /*#__PURE__*/React.createElement(HeaderComponent, _extends({
+          nbHits: output === null || output === void 0 ? void 0 : output.nbHits,
+          query: input === null || input === void 0 ? void 0 : input.query,
+          hitsPerPage: items.length,
+          setIndexUiState: setIndexUiState,
+          indexUiState: indexUiState,
+          getSearchPageURL: getSearchPageURL,
+          onClose: onClose
+        }, props));
+      };
+    }, [items.length, input === null || input === void 0 ? void 0 : input.query, output === null || output === void 0 ? void 0 : output.nbHits, setIndexUiState, onClose, indexUiState]);
+    return /*#__PURE__*/React.createElement(Carousel, {
+      items: items,
+      itemComponent: itemComponent,
+      sendEvent: function sendEvent() {},
+      showNavigation: false,
+      headerComponent: MemoedHeaderComponent
+    });
+  }
+  function HeaderComponent(_ref2) {
+    var canScrollLeft = _ref2.canScrollLeft,
+      canScrollRight = _ref2.canScrollRight,
+      scrollLeft = _ref2.scrollLeft,
+      scrollRight = _ref2.scrollRight,
+      nbHits = _ref2.nbHits,
+      query = _ref2.query,
+      hitsPerPage = _ref2.hitsPerPage,
+      setIndexUiState = _ref2.setIndexUiState,
+      indexUiState = _ref2.indexUiState,
+      getSearchPageURL = _ref2.getSearchPageURL,
+      onClose = _ref2.onClose;
+    if ((hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) < 1) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeader"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeaderResults"
+    }, nbHits && /*#__PURE__*/React.createElement("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeaderCount"
+    }, hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0, " of ", nbHits.toLocaleString(), " result", nbHits > 1 ? 's' : ''), showViewAll && /*#__PURE__*/React.createElement(Button, {
+      variant: "ghost",
+      size: "sm",
+      onClick: function onClick() {
+        if (!query) return;
+        var nextUiState = _objectSpread(_objectSpread({}, indexUiState), {}, {
+          query: query
+        });
+
+        // If no main search page URL or we are on the search page, just update the state
+        if (!getSearchPageURL || getSearchPageURL && new URL(getSearchPageURL(nextUiState)).pathname === window.location.pathname) {
+          setIndexUiState(nextUiState);
+          onClose();
+          return;
+        }
+
+        // Navigate to different page
+        window.location.href = getSearchPageURL(nextUiState);
+      },
+      className: "ais-ChatToolSearchIndexCarouselHeaderViewAll"
+    }, "View all", /*#__PURE__*/React.createElement(ArrowRightIconComponent, {
+      createElement: createElement
+    }))), (hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) > 2 && /*#__PURE__*/React.createElement("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeaderScrollButtons"
+    }, /*#__PURE__*/React.createElement(Button, {
+      variant: "outline",
+      size: "sm",
+      iconOnly: true,
+      onClick: scrollLeft,
+      disabled: !canScrollLeft,
+      className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
+    }, /*#__PURE__*/React.createElement(ChevronLeftIconComponent, {
+      createElement: createElement
+    })), /*#__PURE__*/React.createElement(Button, {
+      variant: "outline",
+      size: "sm",
+      iconOnly: true,
+      onClick: scrollRight,
+      disabled: !canScrollRight,
+      className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
+    }, /*#__PURE__*/React.createElement(ChevronRightIconComponent, {
+      createElement: createElement
+    }))));
+  }
+  return {
+    layoutComponent: SearchLayoutComponent
+  };
+}
+export { createCarouselTool };

package/dist/es/widgets/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Breadcrumb';
+export * from './Chat';
 export * from './ClearRefinements';
 export * from './CurrentRefinements';
 export * from './FrequentlyBoughtTogether';
@@ -7,6 +8,7 @@ export * from './Highlight';
 export * from './Hits';
 export * from './HitsPerPage';
 export * from './InfiniteHits';
+export * from './LookingSimilar';
 export * from './Menu';
 export * from './Pagination';
 export * from './PoweredBy';
@@ -19,4 +21,3 @@ export * from './SortBy';
 export * from './Stats';
 export * from './ToggleRefinement';
 export * from './TrendingItems';
-export * from './LookingSimilar';

package/dist/es/widgets/index.js

@@ -1,4 +1,5 @@
 export * from "./Breadcrumb.js";
+export * from "./Chat.js";
 export * from "./ClearRefinements.js";
 export * from "./CurrentRefinements.js";
 export * from "./FrequentlyBoughtTogether.js";
@@ -7,6 +8,7 @@ export * from "./Highlight.js";
 export * from "./Hits.js";
 export * from "./HitsPerPage.js";
 export * from "./InfiniteHits.js";
+export * from "./LookingSimilar.js";
 export * from "./Menu.js";
 export * from "./Pagination.js";
 export * from "./PoweredBy.js";
@@ -18,5 +20,4 @@ export * from "./Snippet.js";
 export * from "./SortBy.js";
 export * from "./Stats.js";
 export * from "./ToggleRefinement.js";
-export * from "./TrendingItems.js";
-export * from "./LookingSimilar.js";
+export * from "./TrendingItems.js";

package/dist/es/widgets/index.umd.d.ts

@@ -0,0 +1,26 @@
+export * from './Breadcrumb';
+export declare const Chat: () => never;
+export declare const SearchIndexToolType: undefined;
+export declare const RecommendToolType: undefined;
+export declare const createDefaultTools: () => void;
+export * from './ClearRefinements';
+export * from './CurrentRefinements';
+export * from './FrequentlyBoughtTogether';
+export * from './HierarchicalMenu';
+export * from './Highlight';
+export * from './Hits';
+export * from './HitsPerPage';
+export * from './InfiniteHits';
+export * from './LookingSimilar';
+export * from './Menu';
+export * from './Pagination';
+export * from './PoweredBy';
+export * from './RangeInput';
+export * from './RefinementList';
+export * from './RelatedProducts';
+export * from './SearchBox';
+export * from './Snippet';
+export * from './SortBy';
+export * from './Stats';
+export * from './ToggleRefinement';
+export * from './TrendingItems';

package/dist/es/widgets/index.umd.js

@@ -0,0 +1,28 @@
+export * from "./Breadcrumb.js";
+export var Chat = function Chat() {
+  throw new Error("\"<Chat>\" is not available from the UMD build.\n\nPlease use React InstantSearch with a packaging system:\nhttps://www.algolia.com/doc/guides/building-search-ui/installation/react/#install-react-instantsearch-as-an-npm-package");
+};
+export var SearchIndexToolType = undefined;
+export var RecommendToolType = undefined;
+export var createDefaultTools = function createDefaultTools() {};
+export * from "./ClearRefinements.js";
+export * from "./CurrentRefinements.js";
+export * from "./FrequentlyBoughtTogether.js";
+export * from "./HierarchicalMenu.js";
+export * from "./Highlight.js";
+export * from "./Hits.js";
+export * from "./HitsPerPage.js";
+export * from "./InfiniteHits.js";
+export * from "./LookingSimilar.js";
+export * from "./Menu.js";
+export * from "./Pagination.js";
+export * from "./PoweredBy.js";
+export * from "./RangeInput.js";
+export * from "./RefinementList.js";
+export * from "./RelatedProducts.js";
+export * from "./SearchBox.js";
+export * from "./Snippet.js";
+export * from "./SortBy.js";
+export * from "./Stats.js";
+export * from "./ToggleRefinement.js";
+export * from "./TrendingItems.js";