@newskit-render/standalone-components 0.30.0 → 0.32.0-alpha.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/help-hub/components/SearchBar/components/Autocomplete.js +27 -9
- package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.js.map +1 -1
- package/dist/cjs/help-hub/pages/ResultsPage.js +52 -5
- package/dist/cjs/help-hub/pages/ResultsPage.js.map +1 -1
- package/dist/cjs/help-hub/provider/getHelpHubConfig.js.map +1 -1
- package/dist/cjs/help-hub/provider/resultsProvider.d.ts +6 -2
- package/dist/cjs/help-hub/provider/resultsProvider.js +25 -1
- package/dist/cjs/help-hub/provider/resultsProvider.js.map +1 -1
- package/dist/cjs/help-hub/provider/types.d.ts +6 -0
- package/dist/esm/help-hub/components/SearchBar/components/Autocomplete.js +27 -9
- package/dist/esm/help-hub/components/SearchBar/components/Autocomplete.js.map +1 -1
- package/dist/esm/help-hub/pages/ResultsPage.js +35 -7
- package/dist/esm/help-hub/pages/ResultsPage.js.map +1 -1
- package/dist/esm/help-hub/provider/getHelpHubConfig.js.map +1 -1
- package/dist/esm/help-hub/provider/resultsProvider.d.ts +6 -2
- package/dist/esm/help-hub/provider/resultsProvider.js +24 -2
- package/dist/esm/help-hub/provider/resultsProvider.js.map +1 -1
- package/dist/esm/help-hub/provider/types.d.ts +6 -0
- package/package.json +2 -1
|
@@ -33,11 +33,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
33
33
|
__setModuleDefault(result, mod);
|
|
34
34
|
return result;
|
|
35
35
|
};
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
36
47
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
48
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
49
|
};
|
|
39
50
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
51
|
exports.Autocomplete = void 0;
|
|
52
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
41
53
|
/* istanbul ignore file */
|
|
42
54
|
var autocomplete_core_1 = require("@algolia/autocomplete-core");
|
|
43
55
|
var autocomplete_preset_algolia_1 = require("@algolia/autocomplete-preset-algolia");
|
|
@@ -50,10 +62,11 @@ var shared_components_1 = require("@newskit-render/shared-components");
|
|
|
50
62
|
var router_1 = require("next/router");
|
|
51
63
|
var FadedBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n width: 100%;\n height: 100%;\n inset: 0px;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1;\n"], ["\n position: fixed;\n width: 100%;\n height: 100%;\n inset: 0px;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])));
|
|
52
64
|
var Autocomplete = function (props) {
|
|
53
|
-
var _a
|
|
65
|
+
var _a, _b;
|
|
66
|
+
var _c = (0, context_1.useCredentialsContext)(), appId = _c.appId, apiKey = _c.apiKey, indexName = _c.indexName;
|
|
54
67
|
var router = (0, router_1.useRouter)();
|
|
55
68
|
var searchClient = (0, lite_1.default)(appId, apiKey);
|
|
56
|
-
var
|
|
69
|
+
var _d = react_1.default.useState({
|
|
57
70
|
collections: [],
|
|
58
71
|
completion: null,
|
|
59
72
|
context: {},
|
|
@@ -61,7 +74,7 @@ var Autocomplete = function (props) {
|
|
|
61
74
|
query: '',
|
|
62
75
|
activeItemId: null,
|
|
63
76
|
status: 'idle',
|
|
64
|
-
}), autocompleteState =
|
|
77
|
+
}), autocompleteState = _d[0], setAutocompleteState = _d[1];
|
|
65
78
|
var autocomplete = react_1.default.useMemo(function () {
|
|
66
79
|
return (0, autocomplete_core_1.createAutocomplete)(__assign({ onStateChange: function (_a) {
|
|
67
80
|
var state = _a.state;
|
|
@@ -109,7 +122,7 @@ var Autocomplete = function (props) {
|
|
|
109
122
|
window.removeEventListener('touchmove', onTouchMove);
|
|
110
123
|
};
|
|
111
124
|
}, [getEnvironmentProps, formRef, inputRef, panelRef]);
|
|
112
|
-
var
|
|
125
|
+
var _e = (0, react_1.useState)(false), toggleBackground = _e[0], setToggleBackground = _e[1];
|
|
113
126
|
var handleInputClick = function () {
|
|
114
127
|
setToggleBackground(!toggleBackground);
|
|
115
128
|
};
|
|
@@ -120,6 +133,7 @@ var Autocomplete = function (props) {
|
|
|
120
133
|
setAutocompleteState(__assign(__assign({}, autocompleteState), { isOpen: false }));
|
|
121
134
|
setToggleBackground(!toggleBackground);
|
|
122
135
|
};
|
|
136
|
+
var showClearIcon = !!((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length);
|
|
123
137
|
return (react_1.default.createElement("div", __assign({ className: "aa-Autocomplete" }, autocomplete.getRootProps({})),
|
|
124
138
|
toggleBackground && react_1.default.createElement(FadedBlock, { onClick: handleBackgorundClick }),
|
|
125
139
|
react_1.default.createElement("form", __assign({ ref: formRef, className: "aa-Form" }, autocomplete.getFormProps({ inputElement: inputRef.current }), { onSubmit: function (e) {
|
|
@@ -134,9 +148,9 @@ var Autocomplete = function (props) {
|
|
|
134
148
|
react_1.default.createElement("input", __assign({ "data-testid": "autocomplete-input", className: "aa-Input", ref: inputRef }, autocomplete.getInputProps({
|
|
135
149
|
inputElement: inputRef.current,
|
|
136
150
|
}), { onClick: handleInputClick }))),
|
|
137
|
-
react_1.default.createElement("div", { className: "aa-InputWrapperSuffix" },
|
|
151
|
+
showClearIcon && (react_1.default.createElement("div", { className: "aa-InputWrapperSuffix" },
|
|
138
152
|
react_1.default.createElement("button", { className: "aa-ClearButton", title: "Clear", type: "reset" },
|
|
139
|
-
react_1.default.createElement(newskit_1.IconFilledClear, null)))),
|
|
153
|
+
react_1.default.createElement(newskit_1.IconFilledClear, null))))),
|
|
140
154
|
toggleBackground && (react_1.default.createElement("div", __assign({ ref: panelRef, "data-testid": "autocomplete-panel", className: [
|
|
141
155
|
'aa-Panel',
|
|
142
156
|
'aa-Panel--desktop',
|
|
@@ -145,9 +159,13 @@ var Autocomplete = function (props) {
|
|
|
145
159
|
.filter(Boolean)
|
|
146
160
|
.join(' ') }, autocomplete.getPanelProps({})),
|
|
147
161
|
react_1.default.createElement("div", { className: "aa-PanelLayout aa-Panel--scrollable" }, autocompleteState.collections.map(function (collection, index) {
|
|
148
|
-
var
|
|
149
|
-
return (react_1.default.createElement("section", { key: "source-" + index, className: "aa-Source" }, items.length > 0 && (react_1.default.createElement("ul", __assign({ className: "aa-List" }, autocomplete.getListProps()), items.map(function (item) {
|
|
150
|
-
|
|
162
|
+
var items = collection.items, source = collection.source;
|
|
163
|
+
return (react_1.default.createElement("section", { key: "source-" + index, className: "aa-Source" }, items.length > 0 && (react_1.default.createElement("ul", __assign({ className: "aa-List" }, autocomplete.getListProps(), { "aria-label": "submenu", role: "menu" }), items.map(function (item) {
|
|
164
|
+
var _a = autocomplete.getItemProps({
|
|
165
|
+
item: item,
|
|
166
|
+
source: source,
|
|
167
|
+
}), role = _a.role, ariaSelected = _a["aria-selected"], restItemProps = __rest(_a, ["role", 'aria-selected']);
|
|
168
|
+
return (react_1.default.createElement("li", __assign({ key: item.objectID, className: "aa-Item" }, restItemProps, { role: "menuitem" }),
|
|
151
169
|
react_1.default.createElement(shared_components_1.NextLink, { type: "standalone", href: "/help-hub/article/" + item.objectID },
|
|
152
170
|
react_1.default.createElement("div", { className: "aa-ItemWrapper" },
|
|
153
171
|
react_1.default.createElement("div", { className: "aa-ItemContent" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,12 +10,40 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
33
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
34
|
+
if (ar || !(i in from)) {
|
|
35
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
36
|
+
ar[i] = from[i];
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
40
|
+
};
|
|
13
41
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
42
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
43
|
};
|
|
16
44
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
45
|
exports.ResultsPage = exports.ResultsPageContext = void 0;
|
|
18
|
-
var react_1 =
|
|
46
|
+
var react_1 = __importStar(require("react"));
|
|
19
47
|
var lodash_assign_1 = __importDefault(require("lodash.assign"));
|
|
20
48
|
var newskit_1 = require("newskit");
|
|
21
49
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
@@ -23,6 +51,8 @@ var Templates_1 = __importDefault(require("../components/Templates"));
|
|
|
23
51
|
var SearchBar_1 = require("../components/SearchBar");
|
|
24
52
|
var types_1 = require("../context/types");
|
|
25
53
|
var context_1 = require("../context");
|
|
54
|
+
var swr_1 = __importDefault(require("swr"));
|
|
55
|
+
var resultsProvider_1 = require("../provider/resultsProvider");
|
|
26
56
|
var context_2 = require("../context");
|
|
27
57
|
var router_1 = require("next/router");
|
|
28
58
|
var helpers_1 = require("../helpers");
|
|
@@ -42,18 +72,35 @@ exports.ResultsPageContext = {
|
|
|
42
72
|
};
|
|
43
73
|
var PageContent = function (_a) {
|
|
44
74
|
var hits = _a.hits;
|
|
45
|
-
var _b = (0,
|
|
75
|
+
var _b = (0, react_1.useState)(0), page = _b[0], setPage = _b[1];
|
|
76
|
+
var _c = (0, react_1.useState)(hits), allHits = _c[0], setAllHits = _c[1];
|
|
77
|
+
var _d = (0, context_2.useCredentialsContext)(), appId = _d.appId, apiKey = _d.apiKey, indexName = _d.indexName;
|
|
78
|
+
var _e = (0, context_1.useHelpHubContext)(types_1.PagesNameMap.resultsPage), header = _e.header, inputPlaceholder = _e.inputPlaceholder, searchBar = _e.searchBar, baseUrl = _e.baseUrl;
|
|
46
79
|
var q = (0, router_1.useRouter)().query.q;
|
|
80
|
+
(0, swr_1.default)(page > 0
|
|
81
|
+
? [
|
|
82
|
+
"https://" + appId + ".algolia.net/1/indexes/" + indexName + "/query",
|
|
83
|
+
{ q: q, page: page, apiKey: apiKey, appId: appId },
|
|
84
|
+
]
|
|
85
|
+
: null, resultsProvider_1.resultsFetcher, {
|
|
86
|
+
onSuccess: function (data) {
|
|
87
|
+
setAllHits(__spreadArray(__spreadArray([], allHits, true), data.hits, true));
|
|
88
|
+
},
|
|
89
|
+
});
|
|
90
|
+
var handleOnLazyLoad = function () {
|
|
91
|
+
setPage(page + 1);
|
|
92
|
+
};
|
|
47
93
|
var description = header.description;
|
|
48
94
|
var newDescription = description
|
|
49
95
|
.replace('##QUERY##', q)
|
|
50
|
-
.replace('##COUNT##',
|
|
96
|
+
.replace('##COUNT##', allHits.length.toString());
|
|
51
97
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
52
98
|
react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder }),
|
|
53
99
|
react_1.default.createElement(newskit_1.Block, { spaceStack: searchBar.spaceStack }),
|
|
54
100
|
react_1.default.createElement(shared_components_1.Header, __assign({}, __assign(__assign({}, header), { description: newDescription }))),
|
|
55
|
-
react_1.default.createElement(shared_components_1.ContentListView, { items: (0, helpers_1.transformHits)(
|
|
56
|
-
react_1.default.createElement(newskit_1.
|
|
101
|
+
react_1.default.createElement(shared_components_1.ContentListView, { items: (0, helpers_1.transformHits)(allHits, baseUrl) }),
|
|
102
|
+
react_1.default.createElement(newskit_1.GridLayout, { justifyContent: { xs: 'center' }, overrides: { marginBlockStart: 'space050', marginBlockEnd: 'space070' } },
|
|
103
|
+
react_1.default.createElement(newskit_1.Button, { onClick: handleOnLazyLoad, overrides: { stylePreset: 'buttonOutlinedPrimary' }, "data-testid": "load-more" }, "Load more"))));
|
|
57
104
|
};
|
|
58
105
|
var ResultsPage = function (_a) {
|
|
59
106
|
var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, hits = _a.hits, credentials = _a.credentials;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getHelpHubConfig.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/getHelpHubConfig.ts"],"names":[],"mappings":";;;AAAA,uCAA0D;
|
|
1
|
+
{"version":3,"file":"getHelpHubConfig.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/getHelpHubConfig.ts"],"names":[],"mappings":";;;AAAA,uCAA0D;AAGnD,IAAM,gBAAgB,GAAG,UAAC,SAAoB;IACnD,IAAM,SAAS,GAAc;QAC3B,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;YAClC,mBAAmB,EAAE,sBAAa;YAClC,0BAA0B,EAAE,qBAAY;SACzC;KACF,CAAA;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ResultsServerContext } from './types';
|
|
1
|
+
import { ResultsServerContext, FetcherParams } from './types';
|
|
2
|
+
import { Hit } from 'help-hub/types';
|
|
2
3
|
declare const resultsProvider: (context: ResultsServerContext) => Promise<{
|
|
3
4
|
props: {
|
|
4
5
|
credentials: {
|
|
@@ -14,7 +15,10 @@ declare const resultsProvider: (context: ResultsServerContext) => Promise<{
|
|
|
14
15
|
apiKey: string;
|
|
15
16
|
indexName: string;
|
|
16
17
|
};
|
|
17
|
-
hits:
|
|
18
|
+
hits: Hit[];
|
|
18
19
|
};
|
|
19
20
|
}>;
|
|
21
|
+
export declare const resultsFetcher: (url: string, { q, page, apiKey, appId }: FetcherParams) => Promise<{
|
|
22
|
+
hits: Hit[];
|
|
23
|
+
}>;
|
|
20
24
|
export default resultsProvider;
|
|
@@ -50,6 +50,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
50
50
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
51
51
|
};
|
|
52
52
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
|
+
exports.resultsFetcher = void 0;
|
|
53
54
|
var cross_fetch_1 = __importDefault(require("cross-fetch"));
|
|
54
55
|
var config_1 = require("../../config");
|
|
55
56
|
var types_1 = require("./types");
|
|
@@ -65,7 +66,7 @@ var resultsProvider = function (context) { return __awaiter(void 0, void 0, void
|
|
|
65
66
|
apiKey: config_1.algoliaApiKey,
|
|
66
67
|
indexName: config_1.algoliaIndex,
|
|
67
68
|
};
|
|
68
|
-
return [4 /*yield*/, (0, cross_fetch_1.default)(config_1.algoliaUrl + "/query", __assign(__assign({}, (0, getHelpHubConfig_1.getHelpHubConfig)(types_1.ReqMethod.POST)), { body: JSON.stringify({ params: "query=" + q }) }))];
|
|
69
|
+
return [4 /*yield*/, (0, cross_fetch_1.default)(config_1.algoliaUrl + "/query", __assign(__assign({}, (0, getHelpHubConfig_1.getHelpHubConfig)(types_1.ReqMethod.POST)), { body: JSON.stringify({ params: "query=" + q + "&hitsPerPage=10" }) }))];
|
|
69
70
|
case 1:
|
|
70
71
|
promiseResult = _a.sent();
|
|
71
72
|
if (promiseResult.status >= 400) {
|
|
@@ -85,5 +86,28 @@ var resultsProvider = function (context) { return __awaiter(void 0, void 0, void
|
|
|
85
86
|
}
|
|
86
87
|
});
|
|
87
88
|
}); };
|
|
89
|
+
var resultsFetcher = function (url, _a) {
|
|
90
|
+
var q = _a.q, page = _a.page, apiKey = _a.apiKey, appId = _a.appId;
|
|
91
|
+
return __awaiter(void 0, void 0, void 0, function () {
|
|
92
|
+
var res;
|
|
93
|
+
return __generator(this, function (_b) {
|
|
94
|
+
switch (_b.label) {
|
|
95
|
+
case 0: return [4 /*yield*/, (0, cross_fetch_1.default)(url, {
|
|
96
|
+
method: 'POST',
|
|
97
|
+
headers: {
|
|
98
|
+
'Content-Type': 'application/json',
|
|
99
|
+
'x-algolia-api-key': apiKey,
|
|
100
|
+
'x-algolia-application-id': appId,
|
|
101
|
+
},
|
|
102
|
+
body: JSON.stringify({ params: "query=" + q + "&hitsPerPage=10&page=" + page }),
|
|
103
|
+
})];
|
|
104
|
+
case 1:
|
|
105
|
+
res = _b.sent();
|
|
106
|
+
return [2 /*return*/, res.json()];
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
});
|
|
110
|
+
};
|
|
111
|
+
exports.resultsFetcher = resultsFetcher;
|
|
88
112
|
exports.default = resultsProvider;
|
|
89
113
|
//# sourceMappingURL=resultsProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resultsProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/resultsProvider.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"resultsProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/resultsProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA+B;AAC/B,uCAKqB;AAErB,iCAKgB;AAChB,uDAAqD;AAGrD,IAAM,eAAe,GAAG,UAAO,OAA6B;;;;;gBAE/C,CAAC,GACR,OAAO,QADC,CACD;gBAEL,WAAW,GAAG;oBAClB,KAAK,EAAE,qBAAY;oBACnB,MAAM,EAAE,sBAAa;oBACrB,SAAS,EAAE,qBAAY;iBACxB,CAAA;gBAEqB,qBAAM,IAAA,qBAAK,EAAI,mBAAU,WAAQ,wBAClD,IAAA,mCAAgB,EAAC,iBAAS,CAAC,IAAI,CAAC,KACnC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,WAAS,CAAC,oBAAiB,EAAE,CAAC,IAC7D,EAAA;;gBAHI,aAAa,GAAG,SAGpB;gBAEF,IAAI,aAAa,CAAC,MAAM,IAAI,GAAG,EAAE;oBAC/B,OAAO,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAA;oBACxD,sBAAO;4BACL,KAAK,EAAE;gCACL,WAAW,aAAA;6BACZ;yBACF,EAAA;iBACF;gBACsB,qBAAM,aAAa,CAAC,IAAI,EAAE,EAAA;;gBAA3C,aAAa,GAAG,CAAC,SAA0B,CAAyB;gBAE1E,sBAAO;wBACL,KAAK,wBACA,aAAa,KAChB,WAAW,aAAA,GACZ;qBACF,EAAA;;;KACF,CAAA;AAEM,IAAM,cAAc,GAAG,UAC5B,GAAW,EACX,EAAyC;QAAvC,CAAC,OAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;;;;;wBAEZ,qBAAM,IAAA,qBAAK,EAAC,GAAG,EAAE;wBAC3B,MAAM,EAAE,MAAM;wBACd,OAAO,EAAE;4BACP,cAAc,EAAE,kBAAkB;4BAClC,mBAAmB,EAAE,MAAM;4BAC3B,0BAA0B,EAAE,KAAK;yBAClC;wBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,WAAS,CAAC,6BAAwB,IAAM,EAAE,CAAC;qBAC3E,CAAC,EAAA;;oBARI,GAAG,GAAG,SAQV;oBACF,sBAAO,GAAG,CAAC,IAAI,EAAE,EAAA;;;;CAClB,CAAA;AAdY,QAAA,cAAc,kBAc1B;AACD,kBAAe,eAAe,CAAA"}
|
|
@@ -24,6 +24,12 @@ export interface ResultsServerContext {
|
|
|
24
24
|
export declare enum ProviderPropsMapper {
|
|
25
25
|
ArticlePageProvider = "ArticlePageProvider"
|
|
26
26
|
}
|
|
27
|
+
export interface FetcherParams {
|
|
28
|
+
q: string;
|
|
29
|
+
page: number;
|
|
30
|
+
apiKey: string;
|
|
31
|
+
appId: string;
|
|
32
|
+
}
|
|
27
33
|
export interface HelpHubResultsParams {
|
|
28
34
|
reqMethod: ReqMethod;
|
|
29
35
|
objectID?: string;
|
|
@@ -13,6 +13,18 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
};
|
|
14
14
|
return __assign.apply(this, arguments);
|
|
15
15
|
};
|
|
16
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
+
var t = {};
|
|
18
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
+
t[p] = s[p];
|
|
20
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
+
t[p[i]] = s[p[i]];
|
|
24
|
+
}
|
|
25
|
+
return t;
|
|
26
|
+
};
|
|
27
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
16
28
|
/* istanbul ignore file */
|
|
17
29
|
import { createAutocomplete, } from '@algolia/autocomplete-core';
|
|
18
30
|
import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
|
|
@@ -25,10 +37,11 @@ import { NextLink } from '@newskit-render/shared-components';
|
|
|
25
37
|
import { useRouter } from 'next/router';
|
|
26
38
|
var FadedBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n width: 100%;\n height: 100%;\n inset: 0px;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1;\n"], ["\n position: fixed;\n width: 100%;\n height: 100%;\n inset: 0px;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])));
|
|
27
39
|
export var Autocomplete = function (props) {
|
|
28
|
-
var _a
|
|
40
|
+
var _a, _b;
|
|
41
|
+
var _c = useCredentialsContext(), appId = _c.appId, apiKey = _c.apiKey, indexName = _c.indexName;
|
|
29
42
|
var router = useRouter();
|
|
30
43
|
var searchClient = algoliasearch(appId, apiKey);
|
|
31
|
-
var
|
|
44
|
+
var _d = React.useState({
|
|
32
45
|
collections: [],
|
|
33
46
|
completion: null,
|
|
34
47
|
context: {},
|
|
@@ -36,7 +49,7 @@ export var Autocomplete = function (props) {
|
|
|
36
49
|
query: '',
|
|
37
50
|
activeItemId: null,
|
|
38
51
|
status: 'idle',
|
|
39
|
-
}), autocompleteState =
|
|
52
|
+
}), autocompleteState = _d[0], setAutocompleteState = _d[1];
|
|
40
53
|
var autocomplete = React.useMemo(function () {
|
|
41
54
|
return createAutocomplete(__assign({ onStateChange: function (_a) {
|
|
42
55
|
var state = _a.state;
|
|
@@ -84,7 +97,7 @@ export var Autocomplete = function (props) {
|
|
|
84
97
|
window.removeEventListener('touchmove', onTouchMove);
|
|
85
98
|
};
|
|
86
99
|
}, [getEnvironmentProps, formRef, inputRef, panelRef]);
|
|
87
|
-
var
|
|
100
|
+
var _e = useState(false), toggleBackground = _e[0], setToggleBackground = _e[1];
|
|
88
101
|
var handleInputClick = function () {
|
|
89
102
|
setToggleBackground(!toggleBackground);
|
|
90
103
|
};
|
|
@@ -95,6 +108,7 @@ export var Autocomplete = function (props) {
|
|
|
95
108
|
setAutocompleteState(__assign(__assign({}, autocompleteState), { isOpen: false }));
|
|
96
109
|
setToggleBackground(!toggleBackground);
|
|
97
110
|
};
|
|
111
|
+
var showClearIcon = !!((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length);
|
|
98
112
|
return (React.createElement("div", __assign({ className: "aa-Autocomplete" }, autocomplete.getRootProps({})),
|
|
99
113
|
toggleBackground && React.createElement(FadedBlock, { onClick: handleBackgorundClick }),
|
|
100
114
|
React.createElement("form", __assign({ ref: formRef, className: "aa-Form" }, autocomplete.getFormProps({ inputElement: inputRef.current }), { onSubmit: function (e) {
|
|
@@ -109,9 +123,9 @@ export var Autocomplete = function (props) {
|
|
|
109
123
|
React.createElement("input", __assign({ "data-testid": "autocomplete-input", className: "aa-Input", ref: inputRef }, autocomplete.getInputProps({
|
|
110
124
|
inputElement: inputRef.current,
|
|
111
125
|
}), { onClick: handleInputClick }))),
|
|
112
|
-
React.createElement("div", { className: "aa-InputWrapperSuffix" },
|
|
126
|
+
showClearIcon && (React.createElement("div", { className: "aa-InputWrapperSuffix" },
|
|
113
127
|
React.createElement("button", { className: "aa-ClearButton", title: "Clear", type: "reset" },
|
|
114
|
-
React.createElement(IconFilledClear, null)))),
|
|
128
|
+
React.createElement(IconFilledClear, null))))),
|
|
115
129
|
toggleBackground && (React.createElement("div", __assign({ ref: panelRef, "data-testid": "autocomplete-panel", className: [
|
|
116
130
|
'aa-Panel',
|
|
117
131
|
'aa-Panel--desktop',
|
|
@@ -120,9 +134,13 @@ export var Autocomplete = function (props) {
|
|
|
120
134
|
.filter(Boolean)
|
|
121
135
|
.join(' ') }, autocomplete.getPanelProps({})),
|
|
122
136
|
React.createElement("div", { className: "aa-PanelLayout aa-Panel--scrollable" }, autocompleteState.collections.map(function (collection, index) {
|
|
123
|
-
var
|
|
124
|
-
return (React.createElement("section", { key: "source-" + index, className: "aa-Source" }, items.length > 0 && (React.createElement("ul", __assign({ className: "aa-List" }, autocomplete.getListProps()), items.map(function (item) {
|
|
125
|
-
|
|
137
|
+
var items = collection.items, source = collection.source;
|
|
138
|
+
return (React.createElement("section", { key: "source-" + index, className: "aa-Source" }, items.length > 0 && (React.createElement("ul", __assign({ className: "aa-List" }, autocomplete.getListProps(), { "aria-label": "submenu", role: "menu" }), items.map(function (item) {
|
|
139
|
+
var _a = autocomplete.getItemProps({
|
|
140
|
+
item: item,
|
|
141
|
+
source: source,
|
|
142
|
+
}), role = _a.role, ariaSelected = _a["aria-selected"], restItemProps = __rest(_a, ["role", 'aria-selected']);
|
|
143
|
+
return (React.createElement("li", __assign({ key: item.objectID, className: "aa-Item" }, restItemProps, { role: "menuitem" }),
|
|
126
144
|
React.createElement(NextLink, { type: "standalone", href: "/help-hub/article/" + item.objectID },
|
|
127
145
|
React.createElement("div", { className: "aa-ItemWrapper" },
|
|
128
146
|
React.createElement("div", { className: "aa-ItemContent" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,15 +9,26 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
13
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
14
|
+
if (ar || !(i in from)) {
|
|
15
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
16
|
+
ar[i] = from[i];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
|
+
};
|
|
21
|
+
import React, { useState } from 'react';
|
|
13
22
|
import assign from 'lodash.assign';
|
|
14
|
-
import { Block } from 'newskit';
|
|
23
|
+
import { Block, Button, GridLayout } from 'newskit';
|
|
15
24
|
import { Header, ContentListView } from '@newskit-render/shared-components';
|
|
16
25
|
import Layout from '../components/Templates';
|
|
17
26
|
import { SearchBar } from '../components/SearchBar';
|
|
18
27
|
import { PagesNameMap } from '../context/types';
|
|
19
28
|
import { useHelpHubContext } from '../context';
|
|
20
|
-
import
|
|
29
|
+
import useSWR from 'swr';
|
|
30
|
+
import { resultsFetcher } from '../provider/resultsProvider';
|
|
31
|
+
import { CredentialsContextProvider, useCredentialsContext } from '../context';
|
|
21
32
|
import { useRouter } from 'next/router';
|
|
22
33
|
import { transformHits } from '../helpers';
|
|
23
34
|
export var ResultsPageContext = {
|
|
@@ -36,18 +47,35 @@ export var ResultsPageContext = {
|
|
|
36
47
|
};
|
|
37
48
|
var PageContent = function (_a) {
|
|
38
49
|
var hits = _a.hits;
|
|
39
|
-
var _b =
|
|
50
|
+
var _b = useState(0), page = _b[0], setPage = _b[1];
|
|
51
|
+
var _c = useState(hits), allHits = _c[0], setAllHits = _c[1];
|
|
52
|
+
var _d = useCredentialsContext(), appId = _d.appId, apiKey = _d.apiKey, indexName = _d.indexName;
|
|
53
|
+
var _e = useHelpHubContext(PagesNameMap.resultsPage), header = _e.header, inputPlaceholder = _e.inputPlaceholder, searchBar = _e.searchBar, baseUrl = _e.baseUrl;
|
|
40
54
|
var q = useRouter().query.q;
|
|
55
|
+
useSWR(page > 0
|
|
56
|
+
? [
|
|
57
|
+
"https://" + appId + ".algolia.net/1/indexes/" + indexName + "/query",
|
|
58
|
+
{ q: q, page: page, apiKey: apiKey, appId: appId },
|
|
59
|
+
]
|
|
60
|
+
: null, resultsFetcher, {
|
|
61
|
+
onSuccess: function (data) {
|
|
62
|
+
setAllHits(__spreadArray(__spreadArray([], allHits, true), data.hits, true));
|
|
63
|
+
},
|
|
64
|
+
});
|
|
65
|
+
var handleOnLazyLoad = function () {
|
|
66
|
+
setPage(page + 1);
|
|
67
|
+
};
|
|
41
68
|
var description = header.description;
|
|
42
69
|
var newDescription = description
|
|
43
70
|
.replace('##QUERY##', q)
|
|
44
|
-
.replace('##COUNT##',
|
|
71
|
+
.replace('##COUNT##', allHits.length.toString());
|
|
45
72
|
return (React.createElement(React.Fragment, null,
|
|
46
73
|
React.createElement(SearchBar, { placeholder: inputPlaceholder }),
|
|
47
74
|
React.createElement(Block, { spaceStack: searchBar.spaceStack }),
|
|
48
75
|
React.createElement(Header, __assign({}, __assign(__assign({}, header), { description: newDescription }))),
|
|
49
|
-
React.createElement(ContentListView, { items: transformHits(
|
|
50
|
-
React.createElement(
|
|
76
|
+
React.createElement(ContentListView, { items: transformHits(allHits, baseUrl) }),
|
|
77
|
+
React.createElement(GridLayout, { justifyContent: { xs: 'center' }, overrides: { marginBlockStart: 'space050', marginBlockEnd: 'space070' } },
|
|
78
|
+
React.createElement(Button, { onClick: handleOnLazyLoad, overrides: { stylePreset: 'buttonOutlinedPrimary' }, "data-testid": "load-more" }, "Load more"))));
|
|
51
79
|
};
|
|
52
80
|
export var ResultsPage = function (_a) {
|
|
53
81
|
var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, hits = _a.hits, credentials = _a.credentials;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getHelpHubConfig.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/getHelpHubConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"getHelpHubConfig.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/getHelpHubConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAG1D,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,SAAoB;IACnD,IAAM,SAAS,GAAc;QAC3B,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;YAClC,mBAAmB,EAAE,aAAa;YAClC,0BAA0B,EAAE,YAAY;SACzC;KACF,CAAA;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ResultsServerContext } from './types';
|
|
1
|
+
import { ResultsServerContext, FetcherParams } from './types';
|
|
2
|
+
import { Hit } from 'help-hub/types';
|
|
2
3
|
declare const resultsProvider: (context: ResultsServerContext) => Promise<{
|
|
3
4
|
props: {
|
|
4
5
|
credentials: {
|
|
@@ -14,7 +15,10 @@ declare const resultsProvider: (context: ResultsServerContext) => Promise<{
|
|
|
14
15
|
apiKey: string;
|
|
15
16
|
indexName: string;
|
|
16
17
|
};
|
|
17
|
-
hits:
|
|
18
|
+
hits: Hit[];
|
|
18
19
|
};
|
|
19
20
|
}>;
|
|
21
|
+
export declare const resultsFetcher: (url: string, { q, page, apiKey, appId }: FetcherParams) => Promise<{
|
|
22
|
+
hits: Hit[];
|
|
23
|
+
}>;
|
|
20
24
|
export default resultsProvider;
|
|
@@ -47,7 +47,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
47
47
|
};
|
|
48
48
|
import fetch from 'cross-fetch';
|
|
49
49
|
import { algoliaAppId, algoliaApiKey, algoliaIndex, algoliaUrl, } from '../../config';
|
|
50
|
-
import { ReqMethod } from './types';
|
|
50
|
+
import { ReqMethod, } from './types';
|
|
51
51
|
import { getHelpHubConfig } from './getHelpHubConfig';
|
|
52
52
|
var resultsProvider = function (context) { return __awaiter(void 0, void 0, void 0, function () {
|
|
53
53
|
var q, credentials, promiseResult, providerProps;
|
|
@@ -60,7 +60,7 @@ var resultsProvider = function (context) { return __awaiter(void 0, void 0, void
|
|
|
60
60
|
apiKey: algoliaApiKey,
|
|
61
61
|
indexName: algoliaIndex,
|
|
62
62
|
};
|
|
63
|
-
return [4 /*yield*/, fetch(algoliaUrl + "/query", __assign(__assign({}, getHelpHubConfig(ReqMethod.POST)), { body: JSON.stringify({ params: "query=" + q }) }))];
|
|
63
|
+
return [4 /*yield*/, fetch(algoliaUrl + "/query", __assign(__assign({}, getHelpHubConfig(ReqMethod.POST)), { body: JSON.stringify({ params: "query=" + q + "&hitsPerPage=10" }) }))];
|
|
64
64
|
case 1:
|
|
65
65
|
promiseResult = _a.sent();
|
|
66
66
|
if (promiseResult.status >= 400) {
|
|
@@ -80,5 +80,27 @@ var resultsProvider = function (context) { return __awaiter(void 0, void 0, void
|
|
|
80
80
|
}
|
|
81
81
|
});
|
|
82
82
|
}); };
|
|
83
|
+
export var resultsFetcher = function (url, _a) {
|
|
84
|
+
var q = _a.q, page = _a.page, apiKey = _a.apiKey, appId = _a.appId;
|
|
85
|
+
return __awaiter(void 0, void 0, void 0, function () {
|
|
86
|
+
var res;
|
|
87
|
+
return __generator(this, function (_b) {
|
|
88
|
+
switch (_b.label) {
|
|
89
|
+
case 0: return [4 /*yield*/, fetch(url, {
|
|
90
|
+
method: 'POST',
|
|
91
|
+
headers: {
|
|
92
|
+
'Content-Type': 'application/json',
|
|
93
|
+
'x-algolia-api-key': apiKey,
|
|
94
|
+
'x-algolia-application-id': appId,
|
|
95
|
+
},
|
|
96
|
+
body: JSON.stringify({ params: "query=" + q + "&hitsPerPage=10&page=" + page }),
|
|
97
|
+
})];
|
|
98
|
+
case 1:
|
|
99
|
+
res = _b.sent();
|
|
100
|
+
return [2 /*return*/, res.json()];
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
});
|
|
104
|
+
};
|
|
83
105
|
export default resultsProvider;
|
|
84
106
|
//# sourceMappingURL=resultsProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resultsProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/resultsProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,UAAU,GACX,MAAM,cAAc,CAAA;AAErB,OAAO,
|
|
1
|
+
{"version":3,"file":"resultsProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/resultsProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,UAAU,GACX,MAAM,cAAc,CAAA;AAErB,OAAO,EACL,SAAS,GAIV,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,IAAM,eAAe,GAAG,UAAO,OAA6B;;;;;gBAE/C,CAAC,GACR,OAAO,QADC,CACD;gBAEL,WAAW,GAAG;oBAClB,KAAK,EAAE,YAAY;oBACnB,MAAM,EAAE,aAAa;oBACrB,SAAS,EAAE,YAAY;iBACxB,CAAA;gBAEqB,qBAAM,KAAK,CAAI,UAAU,WAAQ,wBAClD,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,KACnC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,WAAS,CAAC,oBAAiB,EAAE,CAAC,IAC7D,EAAA;;gBAHI,aAAa,GAAG,SAGpB;gBAEF,IAAI,aAAa,CAAC,MAAM,IAAI,GAAG,EAAE;oBAC/B,OAAO,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAA;oBACxD,sBAAO;4BACL,KAAK,EAAE;gCACL,WAAW,aAAA;6BACZ;yBACF,EAAA;iBACF;gBACsB,qBAAM,aAAa,CAAC,IAAI,EAAE,EAAA;;gBAA3C,aAAa,GAAG,CAAC,SAA0B,CAAyB;gBAE1E,sBAAO;wBACL,KAAK,wBACA,aAAa,KAChB,WAAW,aAAA,GACZ;qBACF,EAAA;;;KACF,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,UAC5B,GAAW,EACX,EAAyC;QAAvC,CAAC,OAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;;;;;wBAEZ,qBAAM,KAAK,CAAC,GAAG,EAAE;wBAC3B,MAAM,EAAE,MAAM;wBACd,OAAO,EAAE;4BACP,cAAc,EAAE,kBAAkB;4BAClC,mBAAmB,EAAE,MAAM;4BAC3B,0BAA0B,EAAE,KAAK;yBAClC;wBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,WAAS,CAAC,6BAAwB,IAAM,EAAE,CAAC;qBAC3E,CAAC,EAAA;;oBARI,GAAG,GAAG,SAQV;oBACF,sBAAO,GAAG,CAAC,IAAI,EAAE,EAAA;;;;CAClB,CAAA;AACD,eAAe,eAAe,CAAA"}
|
|
@@ -24,6 +24,12 @@ export interface ResultsServerContext {
|
|
|
24
24
|
export declare enum ProviderPropsMapper {
|
|
25
25
|
ArticlePageProvider = "ArticlePageProvider"
|
|
26
26
|
}
|
|
27
|
+
export interface FetcherParams {
|
|
28
|
+
q: string;
|
|
29
|
+
page: number;
|
|
30
|
+
apiKey: string;
|
|
31
|
+
appId: string;
|
|
32
|
+
}
|
|
27
33
|
export interface HelpHubResultsParams {
|
|
28
34
|
reqMethod: ReqMethod;
|
|
29
35
|
objectID?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/standalone-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.32.0-alpha.0",
|
|
4
4
|
"description": "Newskit Render Standalone Components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -87,6 +87,7 @@
|
|
|
87
87
|
"graphql": "15.6.0",
|
|
88
88
|
"lodash.assign": "4.2.0",
|
|
89
89
|
"lodash.merge": "4.6.2",
|
|
90
|
+
"swr": "1.3.0",
|
|
90
91
|
"xss": "1.0.13"
|
|
91
92
|
},
|
|
92
93
|
"resolutions": {
|