react-instantsearch 7.26.1 → 7.28.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/AutocompleteSearch.js +18 -11
- package/dist/cjs/components/Carousel.js +24 -17
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/index.js +8 -88
- package/dist/cjs/lib/useStickToBottom.js +17 -11
- package/dist/cjs/types/PartialKeys.js +3 -0
- package/dist/cjs/types/Translatable.js +3 -0
- package/dist/cjs/types/index.js +6 -0
- package/dist/cjs/ui/Breadcrumb.js +31 -24
- package/dist/cjs/ui/ClearRefinements.js +19 -12
- package/dist/cjs/ui/CurrentRefinements.js +32 -26
- package/dist/cjs/ui/HierarchicalMenu.js +35 -28
- package/dist/cjs/ui/Highlight.js +20 -13
- package/dist/cjs/ui/HitsPerPage.js +21 -14
- package/dist/cjs/ui/InfiniteHits.js +38 -31
- package/dist/cjs/ui/InternalHighlight.js +14 -8
- package/dist/cjs/ui/Menu.js +32 -25
- package/dist/cjs/ui/Pagination.js +39 -32
- package/dist/cjs/ui/PoweredBy.js +23 -16
- package/dist/cjs/ui/RangeInput.js +34 -27
- package/dist/cjs/ui/RefinementList.js +40 -33
- package/dist/cjs/ui/ReverseHighlight.js +20 -13
- package/dist/cjs/ui/SearchBox.js +43 -36
- package/dist/cjs/ui/ShowMoreButton.js +13 -6
- package/dist/cjs/ui/Snippet.js +20 -13
- package/dist/cjs/ui/SortBy.js +21 -14
- package/dist/cjs/ui/Stats.js +18 -11
- package/dist/cjs/ui/ToggleRefinement.js +23 -16
- package/dist/cjs/ui/lib/capitalize.js +9 -2
- package/dist/cjs/ui/lib/index.js +6 -7
- package/dist/cjs/ui/lib/isModifierClick.js +9 -2
- package/dist/cjs/widgets/Autocomplete.js +262 -120
- package/dist/cjs/widgets/Breadcrumb.js +17 -10
- package/dist/cjs/widgets/Chat.js +69 -47
- package/dist/cjs/widgets/ClearRefinements.js +17 -10
- package/dist/cjs/widgets/CurrentRefinements.js +17 -10
- package/dist/cjs/widgets/FilterSuggestions.js +20 -13
- package/dist/cjs/widgets/FrequentlyBoughtTogether.js +23 -16
- package/dist/cjs/widgets/HierarchicalMenu.js +18 -11
- package/dist/cjs/widgets/Highlight.js +19 -12
- package/dist/cjs/widgets/Hits.js +24 -17
- package/dist/cjs/widgets/HitsPerPage.js +17 -10
- package/dist/cjs/widgets/InfiniteHits.js +17 -10
- package/dist/cjs/widgets/LookingSimilar.js +23 -16
- package/dist/cjs/widgets/Menu.js +18 -11
- package/dist/cjs/widgets/Pagination.js +18 -11
- package/dist/cjs/widgets/PoweredBy.js +16 -9
- package/dist/cjs/widgets/RangeInput.js +17 -10
- package/dist/cjs/widgets/RefinementList.js +23 -16
- package/dist/cjs/widgets/RelatedProducts.js +23 -16
- package/dist/cjs/widgets/ReverseHighlight.js +19 -12
- package/dist/cjs/widgets/SearchBox.js +20 -13
- package/dist/cjs/widgets/Snippet.js +19 -12
- package/dist/cjs/widgets/SortBy.js +17 -10
- package/dist/cjs/widgets/Stats.js +17 -10
- package/dist/cjs/widgets/ToggleRefinement.js +17 -10
- package/dist/cjs/widgets/TrendingItems.js +23 -16
- package/dist/cjs/widgets/chat/tools/SearchIndexTool.js +32 -25
- package/dist/cjs/widgets/index.js +29 -76
- package/dist/cjs/widgets/index.umd.js +58 -59
- package/dist/es/widgets/Autocomplete.d.ts +13 -4
- package/dist/es/widgets/Autocomplete.js +167 -32
- package/dist/es/widgets/Chat.js +17 -4
- package/dist/umd/ReactInstantSearch.js +1222 -1012
- package/dist/umd/ReactInstantSearch.min.js +3 -3
- package/package.json +5 -5
|
@@ -1,17 +1,26 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "AutocompleteSearch", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return AutocompleteSearch;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
14
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
15
|
+
var _instantsearchuicomponents = require("instantsearch-ui-components");
|
|
16
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
17
|
+
var AutocompleteSearchComponent = (0, _instantsearchuicomponents.createAutocompleteSearchComponent)({
|
|
18
|
+
createElement: _react.createElement,
|
|
19
|
+
Fragment: _react.Fragment
|
|
11
20
|
});
|
|
12
21
|
function AutocompleteSearch(param) {
|
|
13
22
|
var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, refine = param.refine, isSearchStalled = param.isSearchStalled;
|
|
14
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/ _react.default.createElement(AutocompleteSearchComponent, {
|
|
15
24
|
inputProps: _object_spread_props._(_object_spread._({}, inputProps), {
|
|
16
25
|
onChange: function onChange(event) {
|
|
17
26
|
var value = event.currentTarget.value;
|
|
@@ -24,5 +33,3 @@ function AutocompleteSearch(param) {
|
|
|
24
33
|
isSearchStalled: isSearchStalled
|
|
25
34
|
});
|
|
26
35
|
}
|
|
27
|
-
|
|
28
|
-
exports.AutocompleteSearch = AutocompleteSearch;
|
|
@@ -1,28 +1,35 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Carousel", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return Carousel;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
14
|
+
var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
|
|
15
|
+
var _instantsearchuicomponents = require("instantsearch-ui-components");
|
|
16
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
17
|
+
var CarouselUiComponent = (0, _instantsearchuicomponents.createCarouselComponent)({
|
|
18
|
+
createElement: _react.createElement,
|
|
19
|
+
Fragment: _react.Fragment
|
|
11
20
|
});
|
|
12
21
|
function Carousel(props) {
|
|
13
|
-
var _useState = _sliced_to_array._(
|
|
14
|
-
var _useState1 = _sliced_to_array._(
|
|
22
|
+
var _useState = _sliced_to_array._((0, _react.useState)(false), 2), canScrollLeft = _useState[0], setCanScrollLeft = _useState[1];
|
|
23
|
+
var _useState1 = _sliced_to_array._((0, _react.useState)(true), 2), canScrollRight = _useState1[0], setCanScrollRight = _useState1[1];
|
|
15
24
|
var carouselRefs = {
|
|
16
|
-
listRef:
|
|
17
|
-
nextButtonRef:
|
|
18
|
-
previousButtonRef:
|
|
19
|
-
carouselIdRef:
|
|
25
|
+
listRef: (0, _react.useRef)(null),
|
|
26
|
+
nextButtonRef: (0, _react.useRef)(null),
|
|
27
|
+
previousButtonRef: (0, _react.useRef)(null),
|
|
28
|
+
carouselIdRef: (0, _react.useRef)((0, _instantsearchuicomponents.generateCarouselId)()),
|
|
20
29
|
canScrollLeft: canScrollLeft,
|
|
21
30
|
canScrollRight: canScrollRight,
|
|
22
31
|
setCanScrollLeft: setCanScrollLeft,
|
|
23
32
|
setCanScrollRight: setCanScrollRight
|
|
24
33
|
};
|
|
25
|
-
return /*#__PURE__*/
|
|
34
|
+
return /*#__PURE__*/ _react.default.createElement(CarouselUiComponent, _object_spread._({}, carouselRefs, props));
|
|
26
35
|
}
|
|
27
|
-
|
|
28
|
-
exports.Carousel = Carousel;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
7
|
+
_export_star._(require("./Carousel"), exports);
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,90 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var FrequentlyBoughtTogether = require('./widgets/FrequentlyBoughtTogether.js');
|
|
12
|
-
var HierarchicalMenu = require('./widgets/HierarchicalMenu.js');
|
|
13
|
-
var Highlight = require('./widgets/Highlight.js');
|
|
14
|
-
var Hits = require('./widgets/Hits.js');
|
|
15
|
-
var HitsPerPage = require('./widgets/HitsPerPage.js');
|
|
16
|
-
var InfiniteHits = require('./widgets/InfiniteHits.js');
|
|
17
|
-
var LookingSimilar = require('./widgets/LookingSimilar.js');
|
|
18
|
-
var Menu = require('./widgets/Menu.js');
|
|
19
|
-
var Pagination = require('./widgets/Pagination.js');
|
|
20
|
-
var PoweredBy = require('./widgets/PoweredBy.js');
|
|
21
|
-
var RangeInput = require('./widgets/RangeInput.js');
|
|
22
|
-
var RefinementList = require('./widgets/RefinementList.js');
|
|
23
|
-
var RelatedProducts = require('./widgets/RelatedProducts.js');
|
|
24
|
-
var ReverseHighlight = require('./widgets/ReverseHighlight.js');
|
|
25
|
-
var SearchBox = require('./widgets/SearchBox.js');
|
|
26
|
-
var Snippet = require('./widgets/Snippet.js');
|
|
27
|
-
var SortBy = require('./widgets/SortBy.js');
|
|
28
|
-
var Stats = require('./widgets/Stats.js');
|
|
29
|
-
var ToggleRefinement = require('./widgets/ToggleRefinement.js');
|
|
30
|
-
var TrendingItems = require('./widgets/TrendingItems.js');
|
|
31
|
-
var FilterSuggestions = require('./widgets/FilterSuggestions.js');
|
|
32
|
-
var Carousel = require('./components/Carousel.js');
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
exports.useStickToBottom = useStickToBottom.useStickToBottom;
|
|
37
|
-
exports.EXPERIMENTAL_Autocomplete = Autocomplete.EXPERIMENTAL_Autocomplete;
|
|
38
|
-
exports.Breadcrumb = Breadcrumb.Breadcrumb;
|
|
39
|
-
Object.defineProperty(exports, "MemorizeToolType", {
|
|
40
|
-
enumerable: true,
|
|
41
|
-
get: function () { return chat.MemorizeToolType; }
|
|
42
|
-
});
|
|
43
|
-
Object.defineProperty(exports, "MemorySearchToolType", {
|
|
44
|
-
enumerable: true,
|
|
45
|
-
get: function () { return chat.MemorySearchToolType; }
|
|
46
|
-
});
|
|
47
|
-
Object.defineProperty(exports, "PonderToolType", {
|
|
48
|
-
enumerable: true,
|
|
49
|
-
get: function () { return chat.PonderToolType; }
|
|
50
|
-
});
|
|
51
|
-
Object.defineProperty(exports, "RecommendToolType", {
|
|
52
|
-
enumerable: true,
|
|
53
|
-
get: function () { return chat.RecommendToolType; }
|
|
54
|
-
});
|
|
55
|
-
Object.defineProperty(exports, "SearchIndexToolType", {
|
|
56
|
-
enumerable: true,
|
|
57
|
-
get: function () { return chat.SearchIndexToolType; }
|
|
58
|
-
});
|
|
59
|
-
exports.Chat = Chat.Chat;
|
|
60
|
-
exports.createDefaultTools = Chat.createDefaultTools;
|
|
61
|
-
exports.ClearRefinements = ClearRefinements.ClearRefinements;
|
|
62
|
-
exports.CurrentRefinements = CurrentRefinements.CurrentRefinements;
|
|
63
|
-
exports.FrequentlyBoughtTogether = FrequentlyBoughtTogether.FrequentlyBoughtTogether;
|
|
64
|
-
exports.HierarchicalMenu = HierarchicalMenu.HierarchicalMenu;
|
|
65
|
-
exports.Highlight = Highlight.Highlight;
|
|
66
|
-
exports.Hits = Hits.Hits;
|
|
67
|
-
exports.HitsPerPage = HitsPerPage.HitsPerPage;
|
|
68
|
-
exports.InfiniteHits = InfiniteHits.InfiniteHits;
|
|
69
|
-
exports.LookingSimilar = LookingSimilar.LookingSimilar;
|
|
70
|
-
exports.Menu = Menu.Menu;
|
|
71
|
-
exports.Pagination = Pagination.Pagination;
|
|
72
|
-
exports.PoweredBy = PoweredBy.PoweredBy;
|
|
73
|
-
exports.RangeInput = RangeInput.RangeInput;
|
|
74
|
-
exports.RefinementList = RefinementList.RefinementList;
|
|
75
|
-
exports.RelatedProducts = RelatedProducts.RelatedProducts;
|
|
76
|
-
exports.ReverseHighlight = ReverseHighlight.ReverseHighlight;
|
|
77
|
-
exports.SearchBox = SearchBox.SearchBox;
|
|
78
|
-
exports.Snippet = Snippet.Snippet;
|
|
79
|
-
exports.SortBy = SortBy.SortBy;
|
|
80
|
-
exports.Stats = Stats.Stats;
|
|
81
|
-
exports.ToggleRefinement = ToggleRefinement.ToggleRefinement;
|
|
82
|
-
exports.TrendingItems = TrendingItems.TrendingItems;
|
|
83
|
-
exports.FilterSuggestions = FilterSuggestions.FilterSuggestions;
|
|
84
|
-
exports.Carousel = Carousel.Carousel;
|
|
85
|
-
Object.keys(reactInstantsearchCore).forEach(function (k) {
|
|
86
|
-
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
87
|
-
enumerable: true,
|
|
88
|
-
get: function () { return reactInstantsearchCore[k]; }
|
|
89
|
-
});
|
|
90
|
-
});
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
7
|
+
_export_star._(require("react-instantsearch-core"), exports);
|
|
8
|
+
_export_star._(require("./widgets"), exports);
|
|
9
|
+
_export_star._(require("./components"), exports);
|
|
10
|
+
_export_star._(require("./lib/useStickToBottom"), exports);
|
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "useStickToBottom", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return useStickToBottom;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _instantsearchuicomponents = require("instantsearch-ui-components");
|
|
13
|
+
var _react = require("react");
|
|
14
|
+
var useStickToBottom = (0, _instantsearchuicomponents.createStickToBottom)({
|
|
15
|
+
useCallback: _react.useCallback,
|
|
16
|
+
useEffect: _react.useEffect,
|
|
17
|
+
useMemo: _react.useMemo,
|
|
18
|
+
useRef: _react.useRef,
|
|
19
|
+
useState: _react.useState
|
|
12
20
|
});
|
|
13
|
-
|
|
14
|
-
exports.useStickToBottom = useStickToBottom;
|
package/dist/cjs/types/index.js
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Breadcrumb", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return Breadcrumb;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
14
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
15
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
16
|
+
var _instantsearchuicomponents = require("instantsearch-ui-components");
|
|
17
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
18
|
+
var _isModifierClick = require("./lib/isModifierClick");
|
|
10
19
|
function Breadcrumb(_0) {
|
|
11
20
|
var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, _0_items = _0.items, items = _0_items === void 0 ? [] : _0_items, hasItems = _0.hasItems, createURL = _0.createURL, onNavigate = _0.onNavigate, _0_separator = _0.separator, separator = _0_separator === void 0 ? '>' : _0_separator, translations = _0.translations, props = _object_without_properties._(_0, [
|
|
12
21
|
"classNames",
|
|
@@ -19,36 +28,34 @@ function Breadcrumb(_0) {
|
|
|
19
28
|
]);
|
|
20
29
|
var handleClick = function handleClick(value) {
|
|
21
30
|
return function(event) {
|
|
22
|
-
if (!
|
|
31
|
+
if (!(0, _isModifierClick.isModifierClick)(event)) {
|
|
23
32
|
event.preventDefault();
|
|
24
33
|
onNavigate(value);
|
|
25
34
|
}
|
|
26
35
|
};
|
|
27
36
|
};
|
|
28
|
-
return /*#__PURE__*/
|
|
29
|
-
className:
|
|
30
|
-
}), /*#__PURE__*/
|
|
31
|
-
className:
|
|
32
|
-
}, /*#__PURE__*/
|
|
33
|
-
className:
|
|
34
|
-
}, /*#__PURE__*/
|
|
37
|
+
return /*#__PURE__*/ _react.default.createElement("div", _object_spread_props._(_object_spread._({}, props), {
|
|
38
|
+
className: (0, _instantsearchuicomponents.cx)('ais-Breadcrumb', classNames.root, !hasItems && (0, _instantsearchuicomponents.cx)('ais-Breadcrumb--noRefinement', classNames.noRefinementRoot), props.className)
|
|
39
|
+
}), /*#__PURE__*/ _react.default.createElement("ul", {
|
|
40
|
+
className: (0, _instantsearchuicomponents.cx)('ais-Breadcrumb-list', classNames.list)
|
|
41
|
+
}, /*#__PURE__*/ _react.default.createElement("li", {
|
|
42
|
+
className: (0, _instantsearchuicomponents.cx)('ais-Breadcrumb-item', classNames.item, !hasItems && (0, _instantsearchuicomponents.cx)('ais-Breadcrumb-item--selected', classNames.selectedItem))
|
|
43
|
+
}, /*#__PURE__*/ _react.default.createElement("a", {
|
|
35
44
|
href: createURL(null),
|
|
36
45
|
onClick: handleClick(null),
|
|
37
|
-
className:
|
|
46
|
+
className: (0, _instantsearchuicomponents.cx)('ais-Breadcrumb-link', classNames.link)
|
|
38
47
|
}, translations.rootElementText)), items.map(function(item, index) {
|
|
39
48
|
var isLast = index === items.length - 1;
|
|
40
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/ _react.default.createElement("li", {
|
|
41
50
|
key: index,
|
|
42
|
-
className:
|
|
43
|
-
}, /*#__PURE__*/
|
|
51
|
+
className: (0, _instantsearchuicomponents.cx)('ais-Breadcrumb-item', classNames.item, isLast && (0, _instantsearchuicomponents.cx)('ais-Breadcrumb-item--selected', classNames.selectedItem))
|
|
52
|
+
}, /*#__PURE__*/ _react.default.createElement("span", {
|
|
44
53
|
"aria-hidden": "true",
|
|
45
|
-
className:
|
|
46
|
-
}, separator), isLast ? item.label : /*#__PURE__*/
|
|
47
|
-
className:
|
|
54
|
+
className: (0, _instantsearchuicomponents.cx)('ais-Breadcrumb-separator', classNames.separator)
|
|
55
|
+
}, separator), isLast ? item.label : /*#__PURE__*/ _react.default.createElement("a", {
|
|
56
|
+
className: (0, _instantsearchuicomponents.cx)('ais-Breadcrumb-link', classNames.link),
|
|
48
57
|
href: createURL(item.value),
|
|
49
58
|
onClick: handleClick(item.value)
|
|
50
59
|
}, item.label));
|
|
51
60
|
})));
|
|
52
61
|
}
|
|
53
|
-
|
|
54
|
-
exports.Breadcrumb = Breadcrumb;
|
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "ClearRefinements", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return ClearRefinements;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
14
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
15
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
16
|
+
var _instantsearchuicomponents = require("instantsearch-ui-components");
|
|
17
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
9
18
|
function ClearRefinements(_0) {
|
|
10
19
|
var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, _0_disabled = _0.disabled, disabled = _0_disabled === void 0 ? false : _0_disabled, _0_onClick = _0.onClick, onClick = _0_onClick === void 0 ? function() {} : _0_onClick, translations = _0.translations, props = _object_without_properties._(_0, [
|
|
11
20
|
"classNames",
|
|
@@ -13,13 +22,11 @@ function ClearRefinements(_0) {
|
|
|
13
22
|
"onClick",
|
|
14
23
|
"translations"
|
|
15
24
|
]);
|
|
16
|
-
return /*#__PURE__*/
|
|
17
|
-
className:
|
|
18
|
-
}), /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/ _react.default.createElement("div", _object_spread_props._(_object_spread._({}, props), {
|
|
26
|
+
className: (0, _instantsearchuicomponents.cx)('ais-ClearRefinements', classNames.root, props.className)
|
|
27
|
+
}), /*#__PURE__*/ _react.default.createElement("button", {
|
|
19
28
|
disabled: disabled,
|
|
20
29
|
onClick: onClick,
|
|
21
|
-
className:
|
|
30
|
+
className: (0, _instantsearchuicomponents.cx)('ais-ClearRefinements-button', classNames.button, disabled && (0, _instantsearchuicomponents.cx)('ais-ClearRefinements-button--disabled', classNames.disabledButton))
|
|
22
31
|
}, translations.resetButtonText));
|
|
23
32
|
}
|
|
24
|
-
|
|
25
|
-
exports.ClearRefinements = ClearRefinements;
|
|
@@ -1,50 +1,56 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "CurrentRefinements", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return CurrentRefinements;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
14
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
15
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
16
|
+
var _instantsearchuicomponents = require("instantsearch-ui-components");
|
|
17
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
18
|
+
var _lib = require("./lib");
|
|
11
19
|
function CurrentRefinements(_0) {
|
|
12
20
|
var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, _0_items = _0.items, items = _0_items === void 0 ? [] : _0_items, _0_hasRefinements = _0.hasRefinements, hasRefinements = _0_hasRefinements === void 0 ? false : _0_hasRefinements, props = _object_without_properties._(_0, [
|
|
13
21
|
"classNames",
|
|
14
22
|
"items",
|
|
15
23
|
"hasRefinements"
|
|
16
24
|
]);
|
|
17
|
-
return /*#__PURE__*/
|
|
18
|
-
className:
|
|
19
|
-
}), /*#__PURE__*/
|
|
20
|
-
className:
|
|
25
|
+
return /*#__PURE__*/ _react.default.createElement("div", _object_spread_props._(_object_spread._({}, props), {
|
|
26
|
+
className: (0, _instantsearchuicomponents.cx)('ais-CurrentRefinements', classNames.root, !hasRefinements && (0, _instantsearchuicomponents.cx)('ais-CurrentRefinements--noRefinement', classNames.noRefinementRoot), props.className)
|
|
27
|
+
}), /*#__PURE__*/ _react.default.createElement("ul", {
|
|
28
|
+
className: (0, _instantsearchuicomponents.cx)('ais-CurrentRefinements-list', classNames.list, /* @MAJOR remove to ensure conformity with InstantSearch.css specs */ !hasRefinements && (0, _instantsearchuicomponents.cx)('ais-CurrentRefinements-list--noRefinement', classNames.noRefinementList))
|
|
21
29
|
}, items.map(function(item) {
|
|
22
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/ _react.default.createElement("li", {
|
|
23
31
|
key: [
|
|
24
32
|
item.indexName,
|
|
25
33
|
item.label
|
|
26
34
|
].join('/'),
|
|
27
|
-
className:
|
|
28
|
-
}, /*#__PURE__*/
|
|
29
|
-
className:
|
|
30
|
-
},
|
|
31
|
-
return /*#__PURE__*/
|
|
35
|
+
className: (0, _instantsearchuicomponents.cx)('ais-CurrentRefinements-item', classNames.item)
|
|
36
|
+
}, /*#__PURE__*/ _react.default.createElement("span", {
|
|
37
|
+
className: (0, _instantsearchuicomponents.cx)('ais-CurrentRefinements-label', classNames.label)
|
|
38
|
+
}, (0, _lib.capitalize)(item.label), ":", ' '), item.refinements.map(function(refinement) {
|
|
39
|
+
return /*#__PURE__*/ _react.default.createElement("span", {
|
|
32
40
|
key: refinement.label,
|
|
33
|
-
className:
|
|
34
|
-
}, /*#__PURE__*/
|
|
35
|
-
className:
|
|
36
|
-
}, refinement.label), /*#__PURE__*/
|
|
41
|
+
className: (0, _instantsearchuicomponents.cx)('ais-CurrentRefinements-category', classNames.category)
|
|
42
|
+
}, /*#__PURE__*/ _react.default.createElement("span", {
|
|
43
|
+
className: (0, _instantsearchuicomponents.cx)('ais-CurrentRefinements-categoryLabel', classNames.categoryLabel)
|
|
44
|
+
}, refinement.label), /*#__PURE__*/ _react.default.createElement("button", {
|
|
37
45
|
type: "button",
|
|
38
46
|
onClick: function onClick(event) {
|
|
39
|
-
if (
|
|
47
|
+
if ((0, _lib.isModifierClick)(event)) {
|
|
40
48
|
return;
|
|
41
49
|
}
|
|
42
50
|
item.refine(refinement);
|
|
43
51
|
},
|
|
44
|
-
className:
|
|
52
|
+
className: (0, _instantsearchuicomponents.cx)('ais-CurrentRefinements-delete', classNames.delete)
|
|
45
53
|
}, "✕"));
|
|
46
54
|
}));
|
|
47
55
|
})));
|
|
48
56
|
}
|
|
49
|
-
|
|
50
|
-
exports.CurrentRefinements = CurrentRefinements;
|
|
@@ -1,40 +1,49 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "HierarchicalMenu", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return HierarchicalMenu;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
14
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
15
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
16
|
+
var _instantsearchuicomponents = require("instantsearch-ui-components");
|
|
17
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
18
|
+
var _isModifierClick = require("./lib/isModifierClick");
|
|
19
|
+
var _ShowMoreButton = require("./ShowMoreButton");
|
|
11
20
|
function HierarchicalList(param) {
|
|
12
21
|
var className = param.className, _param_classNames = param.classNames, classNames = _param_classNames === void 0 ? {} : _param_classNames, items = param.items, createURL = param.createURL, onNavigate = param.onNavigate;
|
|
13
22
|
if (items.length === 0) {
|
|
14
23
|
return null;
|
|
15
24
|
}
|
|
16
|
-
return /*#__PURE__*/
|
|
17
|
-
className:
|
|
25
|
+
return /*#__PURE__*/ _react.default.createElement("ul", {
|
|
26
|
+
className: (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-list', classNames.list, className)
|
|
18
27
|
}, items.map(function(item) {
|
|
19
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/ _react.default.createElement("li", {
|
|
20
29
|
key: item.value,
|
|
21
|
-
className:
|
|
22
|
-
}, /*#__PURE__*/
|
|
23
|
-
className:
|
|
30
|
+
className: (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-item', classNames.item, item.isRefined && (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-item--selected', classNames.selectedItem), item.data && item.data.length > 0 && (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-item--parent', classNames.parentItem))
|
|
31
|
+
}, /*#__PURE__*/ _react.default.createElement("a", {
|
|
32
|
+
className: (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-link', classNames.link, item.isRefined && (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-link--selected', classNames.selectedItemLink)),
|
|
24
33
|
href: createURL(item.value),
|
|
25
34
|
onClick: function onClick(event) {
|
|
26
|
-
if (
|
|
35
|
+
if ((0, _isModifierClick.isModifierClick)(event)) {
|
|
27
36
|
return;
|
|
28
37
|
}
|
|
29
38
|
event.preventDefault();
|
|
30
39
|
onNavigate(item.value);
|
|
31
40
|
}
|
|
32
|
-
}, /*#__PURE__*/
|
|
33
|
-
className:
|
|
34
|
-
}, item.label), /*#__PURE__*/
|
|
35
|
-
className:
|
|
36
|
-
}, item.count)), item.data && /*#__PURE__*/
|
|
37
|
-
className:
|
|
41
|
+
}, /*#__PURE__*/ _react.default.createElement("span", {
|
|
42
|
+
className: (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-label', classNames.label)
|
|
43
|
+
}, item.label), /*#__PURE__*/ _react.default.createElement("span", {
|
|
44
|
+
className: (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-count', classNames.count)
|
|
45
|
+
}, item.count)), item.data && /*#__PURE__*/ _react.default.createElement(HierarchicalList, {
|
|
46
|
+
className: (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-list--child', classNames.childList),
|
|
38
47
|
classNames: classNames,
|
|
39
48
|
items: item.data,
|
|
40
49
|
onNavigate: onNavigate,
|
|
@@ -55,20 +64,18 @@ function HierarchicalMenu(_0) {
|
|
|
55
64
|
"isShowingMore",
|
|
56
65
|
"translations"
|
|
57
66
|
]);
|
|
58
|
-
return /*#__PURE__*/
|
|
59
|
-
className:
|
|
60
|
-
}), /*#__PURE__*/
|
|
67
|
+
return /*#__PURE__*/ _react.default.createElement("div", _object_spread_props._(_object_spread._({}, props), {
|
|
68
|
+
className: (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu', classNames.root, !hasItems && (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu--noRefinement', classNames.noRefinementRoot), props.className)
|
|
69
|
+
}), /*#__PURE__*/ _react.default.createElement(HierarchicalList, {
|
|
61
70
|
classNames: classNames,
|
|
62
71
|
items: items,
|
|
63
72
|
onNavigate: onNavigate,
|
|
64
73
|
createURL: createURL
|
|
65
|
-
}), showMore && /*#__PURE__*/
|
|
66
|
-
className:
|
|
74
|
+
}), showMore && /*#__PURE__*/ _react.default.createElement(_ShowMoreButton.ShowMoreButton, {
|
|
75
|
+
className: (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-showMore', classNames.showMore, !canToggleShowMore && (0, _instantsearchuicomponents.cx)('ais-HierarchicalMenu-showMore--disabled', classNames.disabledShowMore)),
|
|
67
76
|
disabled: !canToggleShowMore,
|
|
68
77
|
onClick: onToggleShowMore,
|
|
69
78
|
isShowingMore: isShowingMore,
|
|
70
79
|
translations: translations
|
|
71
80
|
}));
|
|
72
81
|
}
|
|
73
|
-
|
|
74
|
-
exports.HierarchicalMenu = HierarchicalMenu;
|
package/dist/cjs/ui/Highlight.js
CHANGED
|
@@ -1,23 +1,30 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Highlight", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return Highlight;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
14
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
15
|
+
var _instantsearchuicomponents = require("instantsearch-ui-components");
|
|
16
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
17
|
+
var _InternalHighlight = require("./InternalHighlight");
|
|
9
18
|
function Highlight(_0) {
|
|
10
19
|
var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, props = _object_without_properties._(_0, [
|
|
11
20
|
"classNames"
|
|
12
21
|
]);
|
|
13
|
-
return /*#__PURE__*/
|
|
22
|
+
return /*#__PURE__*/ _react.default.createElement(_InternalHighlight.InternalHighlight, _object_spread._({
|
|
14
23
|
classNames: {
|
|
15
|
-
root:
|
|
16
|
-
highlighted:
|
|
17
|
-
nonHighlighted:
|
|
18
|
-
separator:
|
|
24
|
+
root: (0, _instantsearchuicomponents.cx)('ais-Highlight', classNames.root),
|
|
25
|
+
highlighted: (0, _instantsearchuicomponents.cx)('ais-Highlight-highlighted', classNames.highlighted),
|
|
26
|
+
nonHighlighted: (0, _instantsearchuicomponents.cx)('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
|
|
27
|
+
separator: (0, _instantsearchuicomponents.cx)('ais-Highlight-separator', classNames.separator)
|
|
19
28
|
}
|
|
20
29
|
}, props));
|
|
21
30
|
}
|
|
22
|
-
|
|
23
|
-
exports.Highlight = Highlight;
|