react-instantsearch 7.41.0 → 7.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,16 +1,48 @@
1
1
  import { createDisplayResultsToolComponent, createButtonComponent, ChevronLeftIcon, ChevronRightIcon } from 'instantsearch-ui-components';
2
- import React, { createElement, Fragment, useMemo } from 'react';
2
+ import React, { createElement, Fragment, useEffect, useMemo, useRef } from 'react';
3
3
  import { Carousel } from '../../../components/Carousel.js';
4
4
 
5
5
  function createDisplayResultsTool(itemComponent) {
6
6
  var DisplayResultsUIComponent = createDisplayResultsToolComponent({
7
7
  createElement: createElement,
8
8
  Fragment: Fragment,
9
- useMemo: useMemo
9
+ useEffect: useEffect,
10
+ useMemo: useMemo,
11
+ useRef: useRef
10
12
  });
11
13
  var Button = createButtonComponent({
12
14
  createElement: createElement
13
15
  });
16
+ var DisplayResultsCarouselHeader = function DisplayResultsCarouselHeader(param) {
17
+ var nbItems = param.nbItems, canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight;
18
+ return /*#__PURE__*/ React.createElement("div", {
19
+ className: "ais-ChatToolDisplayResultsCarouselHeader"
20
+ }, /*#__PURE__*/ React.createElement("div", {
21
+ className: "ais-ChatToolDisplayResultsCarouselHeaderCount"
22
+ }, nbItems, " result", nbItems > 1 ? 's' : ''), /*#__PURE__*/ React.createElement("div", {
23
+ className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButtons"
24
+ }, /*#__PURE__*/ React.createElement(Button, {
25
+ variant: "outline",
26
+ size: "sm",
27
+ iconOnly: true,
28
+ "aria-label": "Previous",
29
+ onClick: scrollLeft,
30
+ disabled: !canScrollLeft,
31
+ className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
32
+ }, /*#__PURE__*/ React.createElement(ChevronLeftIcon, {
33
+ createElement: createElement
34
+ })), /*#__PURE__*/ React.createElement(Button, {
35
+ variant: "outline",
36
+ size: "sm",
37
+ iconOnly: true,
38
+ "aria-label": "Next",
39
+ onClick: scrollRight,
40
+ disabled: !canScrollRight,
41
+ className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
42
+ }, /*#__PURE__*/ React.createElement(ChevronRightIcon, {
43
+ createElement: createElement
44
+ }))));
45
+ };
14
46
  var DisplayResultsLayoutComponent = function DisplayResultsLayoutComponent(toolProps) {
15
47
  return /*#__PURE__*/ React.createElement(DisplayResultsUIComponent, {
16
48
  toolProps: toolProps,
@@ -21,40 +53,14 @@ function createDisplayResultsTool(itemComponent) {
21
53
  itemComponent: itemComponent,
22
54
  sendEvent: sendEvent,
23
55
  showNavigation: false,
24
- headerComponent: function headerComponent(param) {
25
- var canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight;
26
- return /*#__PURE__*/ React.createElement("div", {
27
- className: "ais-ChatToolDisplayResultsCarouselHeader"
28
- }, /*#__PURE__*/ React.createElement("div", {
29
- className: "ais-ChatToolDisplayResultsCarouselHeaderCount"
30
- }, items.length, " result", items.length > 1 ? 's' : ''), /*#__PURE__*/ React.createElement("div", {
31
- className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButtons"
32
- }, /*#__PURE__*/ React.createElement(Button, {
33
- variant: "outline",
34
- size: "sm",
35
- iconOnly: true,
36
- onClick: scrollLeft,
37
- disabled: !canScrollLeft,
38
- className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
39
- }, /*#__PURE__*/ React.createElement(ChevronLeftIcon, {
40
- createElement: createElement
41
- })), /*#__PURE__*/ React.createElement(Button, {
42
- variant: "outline",
43
- size: "sm",
44
- iconOnly: true,
45
- onClick: scrollRight,
46
- disabled: !canScrollRight,
47
- className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
48
- }, /*#__PURE__*/ React.createElement(ChevronRightIcon, {
49
- createElement: createElement
50
- }))));
51
- }
56
+ headerComponent: DisplayResultsCarouselHeader
52
57
  });
53
58
  }
54
59
  });
55
60
  };
56
61
  return {
57
- layoutComponent: DisplayResultsLayoutComponent
62
+ layoutComponent: DisplayResultsLayoutComponent,
63
+ streamInput: true
58
64
  };
59
65
  }
60
66
 
@@ -1,10 +1,11 @@
1
1
  import { createCarouselToolComponent } from 'instantsearch-ui-components';
2
- import React, { createElement, Fragment, useMemo, useRef, useState } from 'react';
2
+ import React, { createElement, Fragment, useEffect, useMemo, useRef, useState } from 'react';
3
3
 
4
4
  function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
5
5
  var SearchLayoutUIComponent = createCarouselToolComponent({
6
6
  createElement: createElement,
7
7
  Fragment: Fragment,
8
+ useEffect: useEffect,
8
9
  useMemo: useMemo,
9
10
  useRef: useRef,
10
11
  useState: useState
@@ -1,6 +1,7 @@
1
1
  export * from './Autocomplete';
2
2
  export * from './Breadcrumb';
3
3
  export * from './Chat';
4
+ export * from './PromptSuggestions';
4
5
  export * from './ChatTrigger';
5
6
  export * from './ClearRefinements';
6
7
  export * from './CurrentRefinements';
@@ -1,6 +1,7 @@
1
1
  export { Autocomplete, EXPERIMENTAL_Autocomplete } from './Autocomplete.js';
2
2
  export { Breadcrumb } from './Breadcrumb.js';
3
3
  export { Chat, createDefaultTools } from './Chat.js';
4
+ export { PromptSuggestions } from './PromptSuggestions.js';
4
5
  export { ChatTrigger } from './ChatTrigger.js';
5
6
  export { ClearRefinements } from './ClearRefinements.js';
6
7
  export { CurrentRefinements } from './CurrentRefinements.js';