react-instantsearch 7.17.0 → 7.19.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 +38 -0
- package/dist/cjs/components/Carousel.js +6 -7
- package/dist/cjs/ui/Breadcrumb.js +4 -4
- package/dist/cjs/ui/ClearRefinements.js +4 -4
- package/dist/cjs/ui/CurrentRefinements.js +4 -4
- package/dist/cjs/ui/HierarchicalMenu.js +4 -4
- package/dist/cjs/ui/Highlight.js +4 -4
- package/dist/cjs/ui/HitsPerPage.js +4 -4
- package/dist/cjs/ui/InfiniteHits.js +4 -4
- package/dist/cjs/ui/Menu.js +4 -4
- package/dist/cjs/ui/Pagination.js +4 -4
- package/dist/cjs/ui/PoweredBy.js +4 -4
- package/dist/cjs/ui/RangeInput.js +8 -9
- package/dist/cjs/ui/RefinementList.js +4 -4
- package/dist/cjs/ui/SearchBox.js +4 -4
- package/dist/cjs/ui/ShowMoreButton.js +3 -3
- package/dist/cjs/ui/Snippet.js +4 -4
- package/dist/cjs/ui/SortBy.js +4 -4
- package/dist/cjs/ui/Stats.js +4 -4
- package/dist/cjs/ui/ToggleRefinement.js +4 -4
- package/dist/cjs/widgets/Autocomplete.js +215 -0
- package/dist/cjs/widgets/Breadcrumb.js +6 -6
- package/dist/cjs/widgets/Chat.js +48 -94
- package/dist/cjs/widgets/ClearRefinements.js +6 -6
- package/dist/cjs/widgets/CurrentRefinements.js +4 -4
- package/dist/cjs/widgets/FrequentlyBoughtTogether.js +9 -8
- package/dist/cjs/widgets/HierarchicalMenu.js +6 -6
- package/dist/cjs/widgets/Highlight.js +4 -4
- package/dist/cjs/widgets/Hits.js +4 -5
- package/dist/cjs/widgets/HitsPerPage.js +4 -4
- package/dist/cjs/widgets/InfiniteHits.js +6 -6
- package/dist/cjs/widgets/LookingSimilar.js +6 -7
- package/dist/cjs/widgets/Menu.js +6 -6
- package/dist/cjs/widgets/Pagination.js +6 -6
- package/dist/cjs/widgets/PoweredBy.js +2 -2
- package/dist/cjs/widgets/RangeInput.js +6 -6
- package/dist/cjs/widgets/RefinementList.js +10 -11
- package/dist/cjs/widgets/RelatedProducts.js +6 -7
- package/dist/cjs/widgets/SearchBox.js +10 -11
- package/dist/cjs/widgets/Snippet.js +4 -4
- package/dist/cjs/widgets/SortBy.js +4 -4
- package/dist/cjs/widgets/Stats.js +6 -6
- package/dist/cjs/widgets/ToggleRefinement.js +4 -4
- package/dist/cjs/widgets/TrendingItems.js +6 -7
- package/dist/cjs/widgets/chat/tools/SearchIndexTool.js +4 -5
- package/dist/cjs/widgets/index.js +11 -0
- package/dist/cjs/widgets/index.umd.js +12 -0
- package/dist/es/components/AutocompleteSearch.d.ts +6 -0
- package/dist/es/components/AutocompleteSearch.js +31 -0
- package/dist/es/components/Carousel.js +5 -5
- package/dist/es/ui/Breadcrumb.js +3 -3
- package/dist/es/ui/ClearRefinements.js +3 -3
- package/dist/es/ui/CurrentRefinements.js +3 -3
- package/dist/es/ui/HierarchicalMenu.js +3 -3
- package/dist/es/ui/Highlight.js +3 -3
- package/dist/es/ui/HitsPerPage.js +3 -3
- package/dist/es/ui/InfiniteHits.js +3 -3
- package/dist/es/ui/Menu.js +3 -3
- package/dist/es/ui/Pagination.js +3 -3
- package/dist/es/ui/PoweredBy.js +3 -3
- package/dist/es/ui/RangeInput.js +7 -7
- package/dist/es/ui/RefinementList.js +3 -3
- package/dist/es/ui/SearchBox.js +3 -3
- package/dist/es/ui/ShowMoreButton.js +2 -2
- package/dist/es/ui/Snippet.js +3 -3
- package/dist/es/ui/SortBy.js +3 -3
- package/dist/es/ui/Stats.js +3 -3
- package/dist/es/ui/ToggleRefinement.js +3 -3
- package/dist/es/widgets/Autocomplete.d.ts +34 -0
- package/dist/es/widgets/Autocomplete.js +208 -0
- package/dist/es/widgets/Breadcrumb.js +5 -5
- package/dist/es/widgets/Chat.d.ts +10 -6
- package/dist/es/widgets/Chat.js +47 -92
- package/dist/es/widgets/ClearRefinements.js +5 -5
- package/dist/es/widgets/CurrentRefinements.js +3 -3
- package/dist/es/widgets/FrequentlyBoughtTogether.d.ts +1 -1
- package/dist/es/widgets/FrequentlyBoughtTogether.js +8 -6
- package/dist/es/widgets/HierarchicalMenu.js +5 -5
- package/dist/es/widgets/Highlight.js +3 -3
- package/dist/es/widgets/Hits.js +3 -3
- package/dist/es/widgets/HitsPerPage.js +3 -3
- package/dist/es/widgets/InfiniteHits.js +5 -5
- package/dist/es/widgets/LookingSimilar.js +5 -5
- package/dist/es/widgets/Menu.js +5 -5
- package/dist/es/widgets/Pagination.js +5 -5
- package/dist/es/widgets/PoweredBy.js +1 -1
- package/dist/es/widgets/RangeInput.js +5 -5
- package/dist/es/widgets/RefinementList.js +9 -9
- package/dist/es/widgets/RelatedProducts.js +5 -5
- package/dist/es/widgets/SearchBox.js +9 -9
- package/dist/es/widgets/Snippet.js +3 -3
- package/dist/es/widgets/SortBy.js +3 -3
- package/dist/es/widgets/Stats.js +5 -5
- package/dist/es/widgets/ToggleRefinement.js +3 -3
- package/dist/es/widgets/TrendingItems.js +5 -5
- package/dist/es/widgets/chat/tools/SearchIndexTool.js +3 -3
- package/dist/es/widgets/index.d.ts +1 -0
- package/dist/es/widgets/index.js +1 -0
- package/dist/es/widgets/index.umd.d.ts +1 -0
- package/dist/es/widgets/index.umd.js +1 -0
- package/dist/umd/ReactInstantSearch.js +2959 -2263
- package/dist/umd/ReactInstantSearch.js.map +1 -1
- package/dist/umd/ReactInstantSearch.min.js +1 -1
- package/dist/umd/ReactInstantSearch.min.js.map +1 -1
- package/package.json +5 -5
- package/dist/cjs/components/Autocomplete.js +0 -114
- package/dist/cjs/components/useAutocomplete.js +0 -237
- package/dist/es/components/Autocomplete.d.ts +0 -20
- package/dist/es/components/Autocomplete.js +0 -106
- package/dist/es/components/useAutocomplete.d.ts +0 -35
- package/dist/es/components/useAutocomplete.js +0 -231
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-instantsearch",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.19.0",
|
|
4
4
|
"description": "⚡ Lightning-fast search for React, by Algolia",
|
|
5
5
|
"types": "dist/es/index.d.ts",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -48,14 +48,14 @@
|
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@babel/runtime": "^7.27.6",
|
|
51
|
-
"instantsearch-ui-components": "0.
|
|
52
|
-
"instantsearch.js": "4.
|
|
53
|
-
"react-instantsearch-core": "7.
|
|
51
|
+
"instantsearch-ui-components": "0.14.0",
|
|
52
|
+
"instantsearch.js": "4.83.0",
|
|
53
|
+
"react-instantsearch-core": "7.19.0"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"algoliasearch": ">= 3.1 < 6",
|
|
57
57
|
"react": ">= 16.8.0 < 20",
|
|
58
58
|
"react-dom": ">= 16.8.0 < 20"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "6e4bcd74b92f96761f514bee14824537ba36adf2"
|
|
61
61
|
}
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.EXPERIMENTAL_Autocomplete = EXPERIMENTAL_Autocomplete;
|
|
8
|
-
var _instantsearchUiComponents = require("instantsearch-ui-components");
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _reactInstantsearchCore = require("react-instantsearch-core");
|
|
11
|
-
var _SearchBox = require("../widgets/SearchBox");
|
|
12
|
-
var _useAutocomplete2 = require("./useAutocomplete");
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
|
-
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; }
|
|
18
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
19
|
-
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); }
|
|
20
|
-
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); }
|
|
21
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
22
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
24
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
25
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
26
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
27
|
-
var Autocomplete = (0, _instantsearchUiComponents.createAutocompleteComponent)({
|
|
28
|
-
createElement: _react.createElement,
|
|
29
|
-
Fragment: _react.Fragment
|
|
30
|
-
});
|
|
31
|
-
var AutocompletePanel = (0, _instantsearchUiComponents.createAutocompletePanelComponent)({
|
|
32
|
-
createElement: _react.createElement,
|
|
33
|
-
Fragment: _react.Fragment
|
|
34
|
-
});
|
|
35
|
-
var AutocompleteIndex = (0, _instantsearchUiComponents.createAutocompleteIndexComponent)({
|
|
36
|
-
createElement: _react.createElement,
|
|
37
|
-
Fragment: _react.Fragment
|
|
38
|
-
});
|
|
39
|
-
var AutocompleteSuggestion = (0, _instantsearchUiComponents.createAutocompleteSuggestionComponent)({
|
|
40
|
-
createElement: _react.createElement,
|
|
41
|
-
Fragment: _react.Fragment
|
|
42
|
-
});
|
|
43
|
-
function VirtualSearchBox() {
|
|
44
|
-
(0, _reactInstantsearchCore.useSearchBox)();
|
|
45
|
-
return null;
|
|
46
|
-
}
|
|
47
|
-
var _ref3 = /*#__PURE__*/_react.default.createElement(VirtualSearchBox, null);
|
|
48
|
-
function EXPERIMENTAL_Autocomplete(_ref) {
|
|
49
|
-
var _ref$indices = _ref.indices,
|
|
50
|
-
userIndices = _ref$indices === void 0 ? [] : _ref$indices,
|
|
51
|
-
showSuggestions = _ref.showSuggestions;
|
|
52
|
-
var indices = _toConsumableArray(userIndices);
|
|
53
|
-
if (showSuggestions !== null && showSuggestions !== void 0 && showSuggestions.indexName) {
|
|
54
|
-
var _showSuggestions$clas, _showSuggestions$clas2, _showSuggestions$clas3;
|
|
55
|
-
indices.unshift({
|
|
56
|
-
indexName: showSuggestions.indexName,
|
|
57
|
-
// Temporarily force casting until the coming refactoring
|
|
58
|
-
itemComponent: showSuggestions.itemComponent || AutocompleteSuggestion,
|
|
59
|
-
classNames: {
|
|
60
|
-
root: (0, _instantsearchUiComponents.cx)('ais-AutocompleteSuggestions', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas = showSuggestions.classNames) === null || _showSuggestions$clas === void 0 ? void 0 : _showSuggestions$clas.root),
|
|
61
|
-
list: (0, _instantsearchUiComponents.cx)('ais-AutocompleteSuggestionsList', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas2 = showSuggestions.classNames) === null || _showSuggestions$clas2 === void 0 ? void 0 : _showSuggestions$clas2.list),
|
|
62
|
-
item: (0, _instantsearchUiComponents.cx)('ais-AutocompleteSuggestionsItem', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas3 = showSuggestions.classNames) === null || _showSuggestions$clas3 === void 0 ? void 0 : _showSuggestions$clas3.item)
|
|
63
|
-
},
|
|
64
|
-
getQuery: function getQuery(item) {
|
|
65
|
-
return item.query;
|
|
66
|
-
},
|
|
67
|
-
onSelect: function onSelect(_ref2) {
|
|
68
|
-
var getQuery = _ref2.getQuery,
|
|
69
|
-
setQuery = _ref2.setQuery;
|
|
70
|
-
setQuery(getQuery());
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
var _useAutocomplete = (0, _useAutocomplete2.useAutocomplete)({
|
|
75
|
-
indices: indices
|
|
76
|
-
}),
|
|
77
|
-
getIndexProps = _useAutocomplete.getIndexProps,
|
|
78
|
-
getInputProps = _useAutocomplete.getInputProps,
|
|
79
|
-
getItemProps = _useAutocomplete.getItemProps,
|
|
80
|
-
getPanelProps = _useAutocomplete.getPanelProps,
|
|
81
|
-
getRootProps = _useAutocomplete.getRootProps;
|
|
82
|
-
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, _ref3, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Index, _extends({
|
|
83
|
-
EXPERIMENTAL_isolated: true
|
|
84
|
-
}, getIndexProps()), /*#__PURE__*/_react.default.createElement(Autocomplete, getRootProps(), /*#__PURE__*/_react.default.createElement(_SearchBox.SearchBox, {
|
|
85
|
-
inputProps: getInputProps()
|
|
86
|
-
}), /*#__PURE__*/_react.default.createElement(AutocompletePanel, getPanelProps(), indices.map(function (index) {
|
|
87
|
-
return /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Index, {
|
|
88
|
-
key: index.indexName,
|
|
89
|
-
indexName: index.indexName
|
|
90
|
-
}, /*#__PURE__*/_react.default.createElement(AutocompleteIndexComponent, _extends({}, index, {
|
|
91
|
-
getItemProps: getItemProps
|
|
92
|
-
})));
|
|
93
|
-
})))));
|
|
94
|
-
}
|
|
95
|
-
function AutocompleteIndexComponent(_ref4) {
|
|
96
|
-
var indexName = _ref4.indexName,
|
|
97
|
-
ItemComponent = _ref4.itemComponent,
|
|
98
|
-
getItemProps = _ref4.getItemProps,
|
|
99
|
-
classNames = _ref4.classNames;
|
|
100
|
-
var _useHits = (0, _reactInstantsearchCore.useHits)(),
|
|
101
|
-
items = _useHits.items;
|
|
102
|
-
return /*#__PURE__*/_react.default.createElement(AutocompleteIndex
|
|
103
|
-
// @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
|
|
104
|
-
, {
|
|
105
|
-
ItemComponent: ItemComponent,
|
|
106
|
-
items: items.map(function (item) {
|
|
107
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
108
|
-
__indexName: indexName
|
|
109
|
-
});
|
|
110
|
-
}),
|
|
111
|
-
getItemProps: getItemProps,
|
|
112
|
-
classNames: classNames
|
|
113
|
-
});
|
|
114
|
-
}
|
|
@@ -1,237 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.useAutocomplete = useAutocomplete;
|
|
8
|
-
var _connectors = require("instantsearch.js/cjs/connectors");
|
|
9
|
-
var _react = require("react");
|
|
10
|
-
var _reactInstantsearchCore = require("react-instantsearch-core");
|
|
11
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
12
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
14
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
|
-
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; }
|
|
18
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
19
|
-
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); }
|
|
20
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
21
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
22
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
24
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
25
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
26
|
-
function useAutocomplete(_ref) {
|
|
27
|
-
var indices = _ref.indices;
|
|
28
|
-
var _useConnector = (0, _reactInstantsearchCore.useConnector)(_connectors.connectAutocomplete, {}),
|
|
29
|
-
connectorIndices = _useConnector.indices,
|
|
30
|
-
refine = _useConnector.refine;
|
|
31
|
-
var _useInstantSearch = (0, _reactInstantsearchCore.useInstantSearch)(),
|
|
32
|
-
setUiState = _useInstantSearch.setUiState;
|
|
33
|
-
var getElementId = createGetElementId((0, _react.useId)());
|
|
34
|
-
var rootRef = (0, _react.useRef)(null);
|
|
35
|
-
var panelRef = (0, _react.useRef)(null);
|
|
36
|
-
var _useState = (0, _react.useState)(false),
|
|
37
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
38
|
-
isOpen = _useState2[0],
|
|
39
|
-
setIsOpen = _useState2[1];
|
|
40
|
-
var _useState3 = (0, _react.useState)(undefined),
|
|
41
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
42
|
-
activeDescendent = _useState4[0],
|
|
43
|
-
setActiveDescendent = _useState4[1];
|
|
44
|
-
var items = indices.reduce(function (itemsAcc, index) {
|
|
45
|
-
var _connectorIndices$fin;
|
|
46
|
-
var indexItems = ((_connectorIndices$fin = connectorIndices.find(function (_ref2) {
|
|
47
|
-
var indexName = _ref2.indexName;
|
|
48
|
-
return index.indexName === indexName;
|
|
49
|
-
})) === null || _connectorIndices$fin === void 0 ? void 0 : _connectorIndices$fin.hits.reduce(function (indexItemsAcc, item, i) {
|
|
50
|
-
return _objectSpread(_objectSpread({}, indexItemsAcc), {}, _defineProperty({}, getElementId('item', index.indexName, i), {
|
|
51
|
-
item: item,
|
|
52
|
-
indexName: index.indexName,
|
|
53
|
-
getQuery: function getQuery() {
|
|
54
|
-
var _index$getQuery;
|
|
55
|
-
return ((_index$getQuery = index.getQuery) === null || _index$getQuery === void 0 ? void 0 : _index$getQuery.call(index, item)) || '';
|
|
56
|
-
},
|
|
57
|
-
getURL: function getURL() {
|
|
58
|
-
var _index$getURL;
|
|
59
|
-
return ((_index$getURL = index.getURL) === null || _index$getURL === void 0 ? void 0 : _index$getURL.call(index, item)) || '';
|
|
60
|
-
},
|
|
61
|
-
onSelect: index.onSelect
|
|
62
|
-
}));
|
|
63
|
-
}, {})) || {};
|
|
64
|
-
return _objectSpread(_objectSpread({}, itemsAcc), indexItems);
|
|
65
|
-
}, {});
|
|
66
|
-
(0, _react.useLayoutEffect)(function () {
|
|
67
|
-
var onBodyClick = function onBodyClick(event) {
|
|
68
|
-
var _rootRef$current;
|
|
69
|
-
if ((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.contains(event.target)) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
setIsOpen(false);
|
|
73
|
-
};
|
|
74
|
-
document.body.addEventListener('click', onBodyClick);
|
|
75
|
-
return function () {
|
|
76
|
-
document.body.removeEventListener('click', onBodyClick);
|
|
77
|
-
};
|
|
78
|
-
}, [rootRef]);
|
|
79
|
-
var getNextActiveDescendent = function getNextActiveDescendent(key) {
|
|
80
|
-
if (!panelRef.current) {
|
|
81
|
-
return undefined;
|
|
82
|
-
}
|
|
83
|
-
var rows = _toConsumableArray(panelRef.current.querySelectorAll('[role="row"]'));
|
|
84
|
-
switch (key) {
|
|
85
|
-
case 'ArrowLeft':
|
|
86
|
-
case 'ArrowUp':
|
|
87
|
-
{
|
|
88
|
-
var prevIndex = rows.findIndex(function (row) {
|
|
89
|
-
return row.id === activeDescendent;
|
|
90
|
-
}) - 1;
|
|
91
|
-
if (rows[prevIndex]) {
|
|
92
|
-
return rows[prevIndex].id;
|
|
93
|
-
}
|
|
94
|
-
return rows[rows.length - 1].id;
|
|
95
|
-
}
|
|
96
|
-
case 'ArrowRight':
|
|
97
|
-
case 'ArrowDown':
|
|
98
|
-
{
|
|
99
|
-
var nextIndex = rows.findIndex(function (row) {
|
|
100
|
-
return row.id === activeDescendent;
|
|
101
|
-
}) + 1;
|
|
102
|
-
if (rows[nextIndex]) {
|
|
103
|
-
return rows[nextIndex].id;
|
|
104
|
-
}
|
|
105
|
-
return rows[0].id;
|
|
106
|
-
}
|
|
107
|
-
default:
|
|
108
|
-
return undefined;
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
var submit = function submit() {
|
|
112
|
-
setIsOpen(false);
|
|
113
|
-
if (activeDescendent && items[activeDescendent]) {
|
|
114
|
-
var _items$activeDescende = items[activeDescendent],
|
|
115
|
-
_item = _items$activeDescende.item,
|
|
116
|
-
onSelect = _items$activeDescende.onSelect,
|
|
117
|
-
getQuery = _items$activeDescende.getQuery,
|
|
118
|
-
getURL = _items$activeDescende.getURL;
|
|
119
|
-
onSelect === null || onSelect === void 0 ? void 0 : onSelect({
|
|
120
|
-
item: _item,
|
|
121
|
-
getQuery: getQuery,
|
|
122
|
-
getURL: getURL,
|
|
123
|
-
setQuery: function setQuery(query) {
|
|
124
|
-
refine(query);
|
|
125
|
-
}
|
|
126
|
-
});
|
|
127
|
-
setUiState(function (uiState) {
|
|
128
|
-
return _objectSpread(_objectSpread({}, uiState), {}, _defineProperty({}, getElementId('index'), {
|
|
129
|
-
query: getQuery()
|
|
130
|
-
}));
|
|
131
|
-
});
|
|
132
|
-
setActiveDescendent(undefined);
|
|
133
|
-
}
|
|
134
|
-
};
|
|
135
|
-
return {
|
|
136
|
-
getIndexProps: function getIndexProps() {
|
|
137
|
-
return {
|
|
138
|
-
indexId: getElementId('index')
|
|
139
|
-
};
|
|
140
|
-
},
|
|
141
|
-
getInputProps: function getInputProps() {
|
|
142
|
-
return {
|
|
143
|
-
id: getElementId('input'),
|
|
144
|
-
role: 'combobox',
|
|
145
|
-
'aria-autocomplete': 'list',
|
|
146
|
-
'aria-expanded': isOpen,
|
|
147
|
-
'aria-haspopup': 'grid',
|
|
148
|
-
'aria-controls': getElementId('panel'),
|
|
149
|
-
'aria-activedescendant': activeDescendent,
|
|
150
|
-
onFocus: function onFocus() {
|
|
151
|
-
return setIsOpen(true);
|
|
152
|
-
},
|
|
153
|
-
onKeyDown: function onKeyDown(event) {
|
|
154
|
-
if (event.key === 'Escape') {
|
|
155
|
-
setActiveDescendent(undefined);
|
|
156
|
-
setIsOpen(false);
|
|
157
|
-
return;
|
|
158
|
-
}
|
|
159
|
-
switch (event.key) {
|
|
160
|
-
case 'ArrowLeft':
|
|
161
|
-
case 'ArrowUp':
|
|
162
|
-
case 'ArrowRight':
|
|
163
|
-
case 'ArrowDown':
|
|
164
|
-
setActiveDescendent(getNextActiveDescendent(event.key));
|
|
165
|
-
event.preventDefault();
|
|
166
|
-
break;
|
|
167
|
-
case 'Enter':
|
|
168
|
-
{
|
|
169
|
-
submit();
|
|
170
|
-
break;
|
|
171
|
-
}
|
|
172
|
-
case 'Tab':
|
|
173
|
-
setIsOpen(false);
|
|
174
|
-
break;
|
|
175
|
-
default:
|
|
176
|
-
return;
|
|
177
|
-
}
|
|
178
|
-
},
|
|
179
|
-
onKeyUp: function onKeyUp(event) {
|
|
180
|
-
switch (event.key) {
|
|
181
|
-
case 'ArrowLeft':
|
|
182
|
-
case 'ArrowUp':
|
|
183
|
-
case 'ArrowRight':
|
|
184
|
-
case 'ArrowDown':
|
|
185
|
-
case 'Escape':
|
|
186
|
-
case 'Return':
|
|
187
|
-
event.preventDefault();
|
|
188
|
-
return;
|
|
189
|
-
default:
|
|
190
|
-
setActiveDescendent(undefined);
|
|
191
|
-
break;
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
};
|
|
195
|
-
},
|
|
196
|
-
getItemProps: function getItemProps(item, index) {
|
|
197
|
-
var id = getElementId('item', item.__indexName, index);
|
|
198
|
-
return {
|
|
199
|
-
id: id,
|
|
200
|
-
role: 'row',
|
|
201
|
-
'aria-selected': id === activeDescendent,
|
|
202
|
-
onMouseEnter: function onMouseEnter() {
|
|
203
|
-
return setActiveDescendent(id);
|
|
204
|
-
},
|
|
205
|
-
onMouseLeave: function onMouseLeave() {
|
|
206
|
-
return setActiveDescendent(undefined);
|
|
207
|
-
},
|
|
208
|
-
onSelect: function onSelect() {
|
|
209
|
-
return submit();
|
|
210
|
-
}
|
|
211
|
-
};
|
|
212
|
-
},
|
|
213
|
-
getPanelProps: function getPanelProps() {
|
|
214
|
-
return {
|
|
215
|
-
ref: panelRef,
|
|
216
|
-
hidden: !isOpen,
|
|
217
|
-
id: getElementId('panel'),
|
|
218
|
-
role: 'grid',
|
|
219
|
-
'aria-labelledby': getElementId('input')
|
|
220
|
-
};
|
|
221
|
-
},
|
|
222
|
-
getRootProps: function getRootProps() {
|
|
223
|
-
return {
|
|
224
|
-
ref: rootRef
|
|
225
|
-
};
|
|
226
|
-
}
|
|
227
|
-
};
|
|
228
|
-
}
|
|
229
|
-
function createGetElementId(autocompleteId) {
|
|
230
|
-
return function getElementId() {
|
|
231
|
-
var prefix = 'autocomplete';
|
|
232
|
-
for (var _len = arguments.length, suffixes = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
233
|
-
suffixes[_key] = arguments[_key];
|
|
234
|
-
}
|
|
235
|
-
return "".concat(prefix).concat(autocompleteId).concat(suffixes.join(':'));
|
|
236
|
-
};
|
|
237
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { IndexConfig as UseAutocompleteIndexConfig } from './useAutocomplete';
|
|
3
|
-
import type { AutocompleteIndexClassNames } from 'instantsearch-ui-components';
|
|
4
|
-
import type { BaseHit, Hit } from 'instantsearch.js';
|
|
5
|
-
type ItemComponentProps<TItem extends BaseHit> = React.ComponentType<{
|
|
6
|
-
item: Hit<TItem>;
|
|
7
|
-
onSelect: () => void;
|
|
8
|
-
}>;
|
|
9
|
-
type IndexConfig<TItem extends BaseHit> = UseAutocompleteIndexConfig<TItem> & {
|
|
10
|
-
itemComponent: ItemComponentProps<TItem>;
|
|
11
|
-
classNames?: Partial<AutocompleteIndexClassNames>;
|
|
12
|
-
};
|
|
13
|
-
export type AutocompleteProps<TItem extends BaseHit> = {
|
|
14
|
-
indices?: Array<IndexConfig<TItem>>;
|
|
15
|
-
showSuggestions?: Partial<Pick<IndexConfig<{
|
|
16
|
-
query: string;
|
|
17
|
-
}>, 'indexName' | 'itemComponent' | 'classNames'>>;
|
|
18
|
-
};
|
|
19
|
-
export declare function EXPERIMENTAL_Autocomplete<TItem extends BaseHit = BaseHit>({ indices: userIndices, showSuggestions, }: AutocompleteProps<TItem>): React.JSX.Element;
|
|
20
|
-
export {};
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
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); }
|
|
2
|
-
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; }
|
|
3
|
-
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; }
|
|
4
|
-
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; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
-
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); }
|
|
7
|
-
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); }
|
|
8
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
9
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
12
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
13
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
14
|
-
import { createAutocompleteComponent, createAutocompleteIndexComponent, createAutocompletePanelComponent, createAutocompleteSuggestionComponent, cx } from 'instantsearch-ui-components';
|
|
15
|
-
import React, { createElement, Fragment } from 'react';
|
|
16
|
-
import { Index, useHits, useSearchBox } from 'react-instantsearch-core';
|
|
17
|
-
import { SearchBox } from "../widgets/SearchBox.js";
|
|
18
|
-
import { useAutocomplete } from "./useAutocomplete.js";
|
|
19
|
-
var Autocomplete = createAutocompleteComponent({
|
|
20
|
-
createElement: createElement,
|
|
21
|
-
Fragment: Fragment
|
|
22
|
-
});
|
|
23
|
-
var AutocompletePanel = createAutocompletePanelComponent({
|
|
24
|
-
createElement: createElement,
|
|
25
|
-
Fragment: Fragment
|
|
26
|
-
});
|
|
27
|
-
var AutocompleteIndex = createAutocompleteIndexComponent({
|
|
28
|
-
createElement: createElement,
|
|
29
|
-
Fragment: Fragment
|
|
30
|
-
});
|
|
31
|
-
var AutocompleteSuggestion = createAutocompleteSuggestionComponent({
|
|
32
|
-
createElement: createElement,
|
|
33
|
-
Fragment: Fragment
|
|
34
|
-
});
|
|
35
|
-
function VirtualSearchBox() {
|
|
36
|
-
useSearchBox();
|
|
37
|
-
return null;
|
|
38
|
-
}
|
|
39
|
-
var _ref3 = /*#__PURE__*/React.createElement(VirtualSearchBox, null);
|
|
40
|
-
export function EXPERIMENTAL_Autocomplete(_ref) {
|
|
41
|
-
var _ref$indices = _ref.indices,
|
|
42
|
-
userIndices = _ref$indices === void 0 ? [] : _ref$indices,
|
|
43
|
-
showSuggestions = _ref.showSuggestions;
|
|
44
|
-
var indices = _toConsumableArray(userIndices);
|
|
45
|
-
if (showSuggestions !== null && showSuggestions !== void 0 && showSuggestions.indexName) {
|
|
46
|
-
var _showSuggestions$clas, _showSuggestions$clas2, _showSuggestions$clas3;
|
|
47
|
-
indices.unshift({
|
|
48
|
-
indexName: showSuggestions.indexName,
|
|
49
|
-
// Temporarily force casting until the coming refactoring
|
|
50
|
-
itemComponent: showSuggestions.itemComponent || AutocompleteSuggestion,
|
|
51
|
-
classNames: {
|
|
52
|
-
root: cx('ais-AutocompleteSuggestions', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas = showSuggestions.classNames) === null || _showSuggestions$clas === void 0 ? void 0 : _showSuggestions$clas.root),
|
|
53
|
-
list: cx('ais-AutocompleteSuggestionsList', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas2 = showSuggestions.classNames) === null || _showSuggestions$clas2 === void 0 ? void 0 : _showSuggestions$clas2.list),
|
|
54
|
-
item: cx('ais-AutocompleteSuggestionsItem', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas3 = showSuggestions.classNames) === null || _showSuggestions$clas3 === void 0 ? void 0 : _showSuggestions$clas3.item)
|
|
55
|
-
},
|
|
56
|
-
getQuery: function getQuery(item) {
|
|
57
|
-
return item.query;
|
|
58
|
-
},
|
|
59
|
-
onSelect: function onSelect(_ref2) {
|
|
60
|
-
var getQuery = _ref2.getQuery,
|
|
61
|
-
setQuery = _ref2.setQuery;
|
|
62
|
-
setQuery(getQuery());
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
var _useAutocomplete = useAutocomplete({
|
|
67
|
-
indices: indices
|
|
68
|
-
}),
|
|
69
|
-
getIndexProps = _useAutocomplete.getIndexProps,
|
|
70
|
-
getInputProps = _useAutocomplete.getInputProps,
|
|
71
|
-
getItemProps = _useAutocomplete.getItemProps,
|
|
72
|
-
getPanelProps = _useAutocomplete.getPanelProps,
|
|
73
|
-
getRootProps = _useAutocomplete.getRootProps;
|
|
74
|
-
return /*#__PURE__*/React.createElement(Fragment, null, _ref3, /*#__PURE__*/React.createElement(Index, _extends({
|
|
75
|
-
EXPERIMENTAL_isolated: true
|
|
76
|
-
}, getIndexProps()), /*#__PURE__*/React.createElement(Autocomplete, getRootProps(), /*#__PURE__*/React.createElement(SearchBox, {
|
|
77
|
-
inputProps: getInputProps()
|
|
78
|
-
}), /*#__PURE__*/React.createElement(AutocompletePanel, getPanelProps(), indices.map(function (index) {
|
|
79
|
-
return /*#__PURE__*/React.createElement(Index, {
|
|
80
|
-
key: index.indexName,
|
|
81
|
-
indexName: index.indexName
|
|
82
|
-
}, /*#__PURE__*/React.createElement(AutocompleteIndexComponent, _extends({}, index, {
|
|
83
|
-
getItemProps: getItemProps
|
|
84
|
-
})));
|
|
85
|
-
})))));
|
|
86
|
-
}
|
|
87
|
-
function AutocompleteIndexComponent(_ref4) {
|
|
88
|
-
var indexName = _ref4.indexName,
|
|
89
|
-
ItemComponent = _ref4.itemComponent,
|
|
90
|
-
getItemProps = _ref4.getItemProps,
|
|
91
|
-
classNames = _ref4.classNames;
|
|
92
|
-
var _useHits = useHits(),
|
|
93
|
-
items = _useHits.items;
|
|
94
|
-
return /*#__PURE__*/React.createElement(AutocompleteIndex
|
|
95
|
-
// @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
|
|
96
|
-
, {
|
|
97
|
-
ItemComponent: ItemComponent,
|
|
98
|
-
items: items.map(function (item) {
|
|
99
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
100
|
-
__indexName: indexName
|
|
101
|
-
});
|
|
102
|
-
}),
|
|
103
|
-
getItemProps: getItemProps,
|
|
104
|
-
classNames: classNames
|
|
105
|
-
});
|
|
106
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import type { BaseHit, Hit } from 'instantsearch.js';
|
|
2
|
-
import type { ComponentProps } from 'react';
|
|
3
|
-
export type IndexConfig<TItem extends BaseHit> = {
|
|
4
|
-
indexName: string;
|
|
5
|
-
getQuery?: (item: Hit<TItem>) => string;
|
|
6
|
-
getURL?: (item: Hit<TItem>) => string;
|
|
7
|
-
onSelect?: (params: {
|
|
8
|
-
item: Hit<TItem>;
|
|
9
|
-
getQuery: () => string;
|
|
10
|
-
getURL: () => string;
|
|
11
|
-
setQuery: (query: string) => void;
|
|
12
|
-
}) => void;
|
|
13
|
-
};
|
|
14
|
-
type GetIndexProps = () => {
|
|
15
|
-
indexId: string;
|
|
16
|
-
};
|
|
17
|
-
type GetInputProps = () => Pick<ComponentProps<'input'>, 'id' | 'role' | 'aria-activedescendant' | 'aria-autocomplete' | 'aria-controls' | 'aria-expanded' | 'aria-haspopup' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onKeyUp'>;
|
|
18
|
-
type GetItemProps = (item: {
|
|
19
|
-
__indexName: string;
|
|
20
|
-
} & Record<string, unknown>, index: number) => Pick<ComponentProps<'li'>, 'id' | 'role' | 'aria-selected' | 'onMouseEnter' | 'onMouseLeave'> & {
|
|
21
|
-
onSelect: () => void;
|
|
22
|
-
};
|
|
23
|
-
type GetPanelProps = () => Pick<ComponentProps<'div'>, 'id' | 'hidden' | 'ref' | 'role' | 'aria-labelledby'>;
|
|
24
|
-
type GetRootProps = () => Pick<ComponentProps<'div'>, 'ref'>;
|
|
25
|
-
type UseAutocomplete<TItem extends BaseHit> = (params: {
|
|
26
|
-
indices: Array<IndexConfig<TItem>>;
|
|
27
|
-
}) => {
|
|
28
|
-
getIndexProps: GetIndexProps;
|
|
29
|
-
getInputProps: GetInputProps;
|
|
30
|
-
getItemProps: GetItemProps;
|
|
31
|
-
getPanelProps: GetPanelProps;
|
|
32
|
-
getRootProps: GetRootProps;
|
|
33
|
-
};
|
|
34
|
-
export declare function useAutocomplete<TItem extends BaseHit = BaseHit>({ indices, }: Parameters<UseAutocomplete<TItem>>['0']): ReturnType<UseAutocomplete<TItem>>;
|
|
35
|
-
export {};
|