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.
- package/dist/cjs/components/Carousel.js +3 -1
- package/dist/cjs/widgets/Autocomplete.js +1 -1
- package/dist/cjs/widgets/Chat.js +40 -19
- package/dist/cjs/widgets/PromptSuggestions.js +66 -0
- package/dist/cjs/widgets/chat/tools/DisplayResultsTool.js +36 -30
- package/dist/cjs/widgets/chat/tools/SearchIndexTool.js +1 -0
- package/dist/cjs/widgets/index.js +1 -0
- package/dist/es/components/Carousel.js +4 -2
- package/dist/es/index.js +1 -0
- package/dist/es/widgets/Autocomplete.js +1 -1
- package/dist/es/widgets/Chat.d.ts +4 -0
- package/dist/es/widgets/Chat.js +47 -26
- package/dist/es/widgets/PromptSuggestions.d.ts +23 -0
- package/dist/es/widgets/PromptSuggestions.js +57 -0
- package/dist/es/widgets/chat/tools/DisplayResultsTool.js +37 -31
- package/dist/es/widgets/chat/tools/SearchIndexTool.js +2 -1
- package/dist/es/widgets/index.d.ts +1 -0
- package/dist/es/widgets/index.js +1 -0
- package/dist/umd/ReactInstantSearch.js +1657 -351
- package/dist/umd/ReactInstantSearch.min.js +3 -3
- package/package.json +5 -5
|
@@ -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
|
-
|
|
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:
|
|
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
|
package/dist/es/widgets/index.js
CHANGED
|
@@ -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';
|