@newskit-render/standalone-components 0.32.0 → 0.33.1-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/article-recommendations/components/ArticleRecommendationLarge.js +3 -2
- package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.js.map +1 -1
- package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js +3 -2
- package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js.map +1 -1
- package/dist/cjs/config/index.d.ts +1 -1
- package/dist/cjs/config/index.js +3 -4
- package/dist/cjs/config/index.js.map +1 -1
- package/dist/cjs/help-hub/pages/ResultsPage.js +11 -5
- package/dist/cjs/help-hub/pages/ResultsPage.js.map +1 -1
- package/dist/cjs/help-hub/provider/resultsProvider.d.ts +2 -0
- package/dist/cjs/help-hub/provider/resultsProvider.js +6 -3
- package/dist/cjs/help-hub/provider/resultsProvider.js.map +1 -1
- package/dist/esm/article-recommendations/components/ArticleRecommendationLarge.js +2 -1
- package/dist/esm/article-recommendations/components/ArticleRecommendationLarge.js.map +1 -1
- package/dist/esm/article-recommendations/components/ArticleRecommendationSmall.js +2 -1
- package/dist/esm/article-recommendations/components/ArticleRecommendationSmall.js.map +1 -1
- package/dist/esm/config/index.d.ts +1 -1
- package/dist/esm/config/index.js +2 -3
- package/dist/esm/config/index.js.map +1 -1
- package/dist/esm/help-hub/pages/ResultsPage.js +12 -6
- package/dist/esm/help-hub/pages/ResultsPage.js.map +1 -1
- package/dist/esm/help-hub/provider/resultsProvider.d.ts +2 -0
- package/dist/esm/help-hub/provider/resultsProvider.js +5 -2
- package/dist/esm/help-hub/provider/resultsProvider.js.map +1 -1
- package/package.json +3 -3
|
@@ -35,15 +35,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
35
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
36
|
var react_1 = __importStar(require("react"));
|
|
37
37
|
var newskit_1 = require("newskit");
|
|
38
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
38
39
|
var lodash_merge_1 = __importDefault(require("lodash.merge"));
|
|
39
|
-
var config_1 = require("../../config");
|
|
40
40
|
var baseProps_1 = require("./baseProps");
|
|
41
41
|
var ArticleRecommendationLarge = function (_a) {
|
|
42
42
|
var article = _a.article, overrides = _a.overrides;
|
|
43
43
|
var href = article.href, title = article.title, text = article.text;
|
|
44
|
+
var siteHost = (0, shared_components_1.getHostNameFromWindow)(window);
|
|
44
45
|
var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationLarge, overrides); }, [overrides]);
|
|
45
46
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
|
-
react_1.default.createElement(newskit_1.Card, { href:
|
|
47
|
+
react_1.default.createElement(newskit_1.Card, { href: siteHost, media: {
|
|
47
48
|
src: href || 'https://plchldr.co/i/150x100?bg=F0F0F0&fc=111111&text=img',
|
|
48
49
|
alt: title,
|
|
49
50
|
loadingAspectRatio: '3:2',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAA0D;AAC1D,8DAAgC;AAEhC,
|
|
1
|
+
{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAA0D;AAC1D,uEAAyE;AACzE,8DAAgC;AAEhC,yCAAuC;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IAChB,IAAA,IAAI,GAAkB,OAAO,KAAzB,EAAE,KAAK,GAAW,OAAO,MAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;IACrC,IAAM,QAAQ,GAAG,IAAA,yCAAqB,EAAC,MAAM,CAAC,CAAA;IAC9C,IAAM,UAAU,GAAG,IAAA,eAAO,EACxB,cAAM,OAAA,IAAA,sBAAK,EAAC,EAAE,EAAE,qBAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL;QACE,8BAAC,cAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE;gBACL,GAAG,EACD,IAAI,IAAI,2DAA2D;gBACrE,GAAG,EAAE,KAAK;gBACV,kBAAkB,EAAE,KAAK;aAC1B,EACD,SAAS,EAAE,UAAU,CAAC,IAAI;YAE1B,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,CAAC,UAAU;gBACtC,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,UAAU;oBAC/C,8BAAC,kBAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACL;gBACR,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,UAAU;oBAC3C,8BAAC,mBAAS,eAAK,UAAU,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAa,CACtD,CACF,CACH,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,0BAA0B,CAAA"}
|
|
@@ -23,15 +23,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
25
|
var react_1 = __importStar(require("react"));
|
|
26
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
26
27
|
var newskit_1 = require("newskit");
|
|
27
28
|
var lodash_merge_1 = __importDefault(require("lodash.merge"));
|
|
28
|
-
var config_1 = require("../../config");
|
|
29
29
|
var baseProps_1 = require("./baseProps");
|
|
30
30
|
var ArticleRecommendationSmall = function (_a) {
|
|
31
31
|
var article = _a.article, overrides = _a.overrides;
|
|
32
|
+
var siteHost = (0, shared_components_1.getHostNameFromWindow)(window);
|
|
32
33
|
var href = article.href, title = article.title;
|
|
33
34
|
var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationSmall, overrides); }, [overrides]);
|
|
34
|
-
return (react_1.default.createElement(newskit_1.Card, { href: "" +
|
|
35
|
+
return (react_1.default.createElement(newskit_1.Card, { href: "" + siteHost, layout: "horizontal", media: {
|
|
35
36
|
src: href,
|
|
36
37
|
alt: 'Card Media',
|
|
37
38
|
loadingAspectRatio: '3:2',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAAwC;AACxC,8DAAgC;AAEhC,
|
|
1
|
+
{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,uEAAyE;AACzE,mCAAwC;AACxC,8DAAgC;AAEhC,yCAAuC;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,yCAAqB,EAAC,MAAM,CAAC,CAAA;IACtC,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;IAC/B,IAAM,UAAU,GAAG,IAAA,eAAO,EACxB,cAAM,OAAA,IAAA,sBAAK,EAAC,EAAE,EAAE,qBAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL,8BAAC,cAAI,IACH,IAAI,EAAE,KAAG,QAAU,EACnB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE;YACL,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,YAAY;YACjB,kBAAkB,EAAE,KAAK;YACzB,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;SAC3C,EACD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS;QAEpC,8BAAC,kBAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACN,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,0BAA0B,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const algoliaApiKey: string, algoliaAppId: string, algoliaIndex: string;
|
|
2
2
|
export declare const algoliaUrl: string;
|
package/dist/cjs/config/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.algoliaUrl = exports.algoliaIndex = exports.algoliaAppId = exports.algoliaApiKey =
|
|
4
|
-
var requiredConfigFields = [
|
|
3
|
+
exports.algoliaUrl = exports.algoliaIndex = exports.algoliaAppId = exports.algoliaApiKey = void 0;
|
|
4
|
+
var requiredConfigFields = [];
|
|
5
5
|
var getSanitizedConfig = function () {
|
|
6
6
|
for (var _i = 0, requiredConfigFields_1 = requiredConfigFields; _i < requiredConfigFields_1.length; _i++) {
|
|
7
7
|
var key = requiredConfigFields_1[_i];
|
|
@@ -12,13 +12,12 @@ var getSanitizedConfig = function () {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
return {
|
|
15
|
-
siteHost: process.env.SITE_HOST,
|
|
16
15
|
algoliaApiKey: process.env.ALGOLIA_API_KEY,
|
|
17
16
|
algoliaAppId: process.env.ALGOLIA_APP_ID,
|
|
18
17
|
algoliaIndex: process.env.ALGOLIA_INDEX,
|
|
19
18
|
};
|
|
20
19
|
};
|
|
21
20
|
var sanitizedConfig = getSanitizedConfig();
|
|
22
|
-
exports.
|
|
21
|
+
exports.algoliaApiKey = sanitizedConfig.algoliaApiKey, exports.algoliaAppId = sanitizedConfig.algoliaAppId, exports.algoliaIndex = sanitizedConfig.algoliaIndex;
|
|
23
22
|
exports.algoliaUrl = "https://" + exports.algoliaAppId + ".algolia.net/1/indexes/" + exports.algoliaIndex;
|
|
24
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;AAAA,IAAM,oBAAoB,GAAa,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;AAAA,IAAM,oBAAoB,GAAa,EAAE,CAAA;AAEzC,IAAM,kBAAkB,GAAG;IACzB,KAAkB,UAAoB,EAApB,6CAAoB,EAApB,kCAAoB,EAApB,IAAoB,EAAE;QAAnC,IAAM,GAAG,6BAAA;QACZ,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC9B,IACE,OAAO,MAAM,IAAI,WAAW;YAC5B,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,EAC1C;YACA,MAAM,IAAI,KAAK,CAAC,iBAAe,GAAG,YAAS,CAAC,CAAA;SAC7C;KACF;IACD,OAAO;QACL,aAAa,EAAE,OAAO,CAAC,GAAG,CAAC,eAAyB;QACpD,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,cAAwB;QAClD,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,aAAuB;KAClD,CAAA;AACH,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;AAC7B,QAAA,aAAa,GAAiC,eAAe,gBAA9C,QAAA,YAAY,GAAmB,eAAe,eAAhC,QAAA,YAAY,GAAK,eAAe,cAAA;AAE/D,QAAA,UAAU,GAAG,aAAW,oBAAY,+BAA0B,oBAAc,CAAA"}
|
|
@@ -73,9 +73,10 @@ exports.ResultsPageContext = {
|
|
|
73
73
|
var PageContent = function (_a) {
|
|
74
74
|
var hits = _a.hits;
|
|
75
75
|
var _b = (0, react_1.useState)(0), page = _b[0], setPage = _b[1];
|
|
76
|
-
var _c = (0, react_1.useState)(
|
|
77
|
-
var _d = (0,
|
|
78
|
-
var _e = (0,
|
|
76
|
+
var _c = (0, react_1.useState)(2), nbPages = _c[0], setNbPages = _c[1];
|
|
77
|
+
var _d = (0, react_1.useState)(hits), allHits = _d[0], setAllHits = _d[1];
|
|
78
|
+
var _e = (0, context_2.useCredentialsContext)(), appId = _e.appId, apiKey = _e.apiKey, indexName = _e.indexName;
|
|
79
|
+
var _f = (0, context_1.useHelpHubContext)(types_1.PagesNameMap.resultsPage), header = _f.header, inputPlaceholder = _f.inputPlaceholder, searchBar = _f.searchBar, baseUrl = _f.baseUrl;
|
|
79
80
|
var q = (0, router_1.useRouter)().query.q;
|
|
80
81
|
(0, swr_1.default)(page > 0
|
|
81
82
|
? [
|
|
@@ -85,7 +86,9 @@ var PageContent = function (_a) {
|
|
|
85
86
|
: null, resultsProvider_1.resultsFetcher, {
|
|
86
87
|
onSuccess: function (data) {
|
|
87
88
|
setAllHits(__spreadArray(__spreadArray([], allHits, true), data.hits, true));
|
|
89
|
+
setNbPages(data.nbPages);
|
|
88
90
|
},
|
|
91
|
+
revalidateOnFocus: false,
|
|
89
92
|
});
|
|
90
93
|
var handleOnLazyLoad = function () {
|
|
91
94
|
setPage(page + 1);
|
|
@@ -94,13 +97,16 @@ var PageContent = function (_a) {
|
|
|
94
97
|
var newDescription = description
|
|
95
98
|
.replace('##QUERY##', q)
|
|
96
99
|
.replace('##COUNT##', allHits.length.toString());
|
|
100
|
+
var isLoadMoreVisible = page < nbPages - 1 && allHits.length >= resultsProvider_1.HITS_PER_PAGE;
|
|
97
101
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
98
102
|
react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder }),
|
|
99
103
|
react_1.default.createElement(newskit_1.Block, { spaceStack: searchBar.spaceStack }),
|
|
100
104
|
react_1.default.createElement(shared_components_1.Header, __assign({}, __assign(__assign({}, header), { description: newDescription }))),
|
|
101
105
|
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: {
|
|
103
|
-
|
|
106
|
+
react_1.default.createElement(newskit_1.GridLayout, { justifyContent: { xs: 'center' }, overrides: {
|
|
107
|
+
marginBlockStart: 'space050',
|
|
108
|
+
marginBlockEnd: 'space070',
|
|
109
|
+
} }, isLoadMoreVisible && (react_1.default.createElement(newskit_1.Button, { onClick: handleOnLazyLoad, overrides: { stylePreset: 'buttonOutlinedPrimary' }, "data-testid": "load-more" }, "Load more")))));
|
|
104
110
|
};
|
|
105
111
|
var ResultsPage = function (_a) {
|
|
106
112
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,gEAAkC;AAClC,mCAAmD;AACnD,uEAA2E;AAC3E,sEAA4C;AAC5C,qDAAmD;AAEnD,0CAA0E;AAC1E,sCAA8C;AAC9C,4CAAwB;AACxB,+
|
|
1
|
+
{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ResultsServerContext, FetcherParams } from './types';
|
|
2
2
|
import { Hit } from 'help-hub/types';
|
|
3
|
+
export declare const HITS_PER_PAGE = 10;
|
|
3
4
|
declare const resultsProvider: (context: ResultsServerContext) => Promise<{
|
|
4
5
|
props: {
|
|
5
6
|
credentials: {
|
|
@@ -20,5 +21,6 @@ declare const resultsProvider: (context: ResultsServerContext) => Promise<{
|
|
|
20
21
|
}>;
|
|
21
22
|
export declare const resultsFetcher: (url: string, { q, page, apiKey, appId }: FetcherParams) => Promise<{
|
|
22
23
|
hits: Hit[];
|
|
24
|
+
nbPages: number;
|
|
23
25
|
}>;
|
|
24
26
|
export default resultsProvider;
|
|
@@ -50,11 +50,12 @@ 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
|
+
exports.resultsFetcher = exports.HITS_PER_PAGE = void 0;
|
|
54
54
|
var cross_fetch_1 = __importDefault(require("cross-fetch"));
|
|
55
55
|
var config_1 = require("../../config");
|
|
56
56
|
var types_1 = require("./types");
|
|
57
57
|
var getHelpHubConfig_1 = require("./getHelpHubConfig");
|
|
58
|
+
exports.HITS_PER_PAGE = 10;
|
|
58
59
|
var resultsProvider = function (context) { return __awaiter(void 0, void 0, void 0, function () {
|
|
59
60
|
var q, credentials, promiseResult, providerProps;
|
|
60
61
|
return __generator(this, function (_a) {
|
|
@@ -66,7 +67,7 @@ var resultsProvider = function (context) { return __awaiter(void 0, void 0, void
|
|
|
66
67
|
apiKey: config_1.algoliaApiKey,
|
|
67
68
|
indexName: config_1.algoliaIndex,
|
|
68
69
|
};
|
|
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=
|
|
70
|
+
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=" + exports.HITS_PER_PAGE }) }))];
|
|
70
71
|
case 1:
|
|
71
72
|
promiseResult = _a.sent();
|
|
72
73
|
if (promiseResult.status >= 400) {
|
|
@@ -99,7 +100,9 @@ var resultsFetcher = function (url, _a) {
|
|
|
99
100
|
'x-algolia-api-key': apiKey,
|
|
100
101
|
'x-algolia-application-id': appId,
|
|
101
102
|
},
|
|
102
|
-
body: JSON.stringify({
|
|
103
|
+
body: JSON.stringify({
|
|
104
|
+
params: "query=" + q + "&hitsPerPage=" + exports.HITS_PER_PAGE + "&page=" + page,
|
|
105
|
+
}),
|
|
103
106
|
})];
|
|
104
107
|
case 1:
|
|
105
108
|
res = _b.sent();
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAGxC,QAAA,aAAa,GAAG,EAAE,CAAA;AAE/B,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,qBAAgB,qBAAe,EAAE,CAAC,IAC3E,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;4BACnB,MAAM,EAAE,WAAS,CAAC,qBAAgB,qBAAa,cAAS,IAAM;yBAC/D,CAAC;qBACH,CAAC,EAAA;;oBAVI,GAAG,GAAG,SAUV;oBACF,sBAAO,GAAG,CAAC,IAAI,EAAE,EAAA;;;;CAClB,CAAA;AAhBY,QAAA,cAAc,kBAgB1B;AACD,kBAAe,eAAe,CAAA"}
|
|
@@ -11,12 +11,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useMemo } from 'react';
|
|
13
13
|
import { Block, Card, Headline, TextBlock } from 'newskit';
|
|
14
|
+
import { getHostNameFromWindow } from '@newskit-render/shared-components';
|
|
14
15
|
import merge from 'lodash.merge';
|
|
15
|
-
import { siteHost } from '../../config';
|
|
16
16
|
import { baseProps } from './baseProps';
|
|
17
17
|
var ArticleRecommendationLarge = function (_a) {
|
|
18
18
|
var article = _a.article, overrides = _a.overrides;
|
|
19
19
|
var href = article.href, title = article.title, text = article.text;
|
|
20
|
+
var siteHost = getHostNameFromWindow(window);
|
|
20
21
|
var finalProps = useMemo(function () { return merge({}, baseProps.articleRecommendationLarge, overrides); }, [overrides]);
|
|
21
22
|
return (React.createElement(React.Fragment, null,
|
|
22
23
|
React.createElement(Card, { href: siteHost, media: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IAChB,IAAA,IAAI,GAAkB,OAAO,KAAzB,EAAE,KAAK,GAAW,OAAO,MAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;IACrC,IAAM,QAAQ,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC9C,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL;QACE,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE;gBACL,GAAG,EACD,IAAI,IAAI,2DAA2D;gBACrE,GAAG,EAAE,KAAK;gBACV,kBAAkB,EAAE,KAAK;aAC1B,EACD,SAAS,EAAE,UAAU,CAAC,IAAI;YAE1B,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,CAAC,UAAU;gBACtC,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,UAAU;oBAC/C,oBAAC,QAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACL;gBACR,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,UAAU;oBAC3C,oBAAC,SAAS,eAAK,UAAU,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAa,CACtD,CACF,CACH,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
|
+
import { getHostNameFromWindow } from '@newskit-render/shared-components';
|
|
2
3
|
import { Card, Headline } from 'newskit';
|
|
3
4
|
import merge from 'lodash.merge';
|
|
4
|
-
import { siteHost } from '../../config';
|
|
5
5
|
import { baseProps } from './baseProps';
|
|
6
6
|
var ArticleRecommendationSmall = function (_a) {
|
|
7
7
|
var article = _a.article, overrides = _a.overrides;
|
|
8
|
+
var siteHost = getHostNameFromWindow(window);
|
|
8
9
|
var href = article.href, title = article.title;
|
|
9
10
|
var finalProps = useMemo(function () { return merge({}, baseProps.articleRecommendationSmall, overrides); }, [overrides]);
|
|
10
11
|
return (React.createElement(Card, { href: "" + siteHost, layout: "horizontal", media: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IACxB,IAAM,QAAQ,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAA;IACtC,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;IAC/B,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,EAAE,KAAG,QAAU,EACnB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE;YACL,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,YAAY;YACjB,kBAAkB,EAAE,KAAK;YACzB,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;SAC3C,EACD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS;QAEpC,oBAAC,QAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACN,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const algoliaApiKey: string, algoliaAppId: string, algoliaIndex: string;
|
|
2
2
|
export declare const algoliaUrl: string;
|
package/dist/esm/config/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var requiredConfigFields = [
|
|
1
|
+
var requiredConfigFields = [];
|
|
2
2
|
var getSanitizedConfig = function () {
|
|
3
3
|
for (var _i = 0, requiredConfigFields_1 = requiredConfigFields; _i < requiredConfigFields_1.length; _i++) {
|
|
4
4
|
var key = requiredConfigFields_1[_i];
|
|
@@ -9,13 +9,12 @@ var getSanitizedConfig = function () {
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
return {
|
|
12
|
-
siteHost: process.env.SITE_HOST,
|
|
13
12
|
algoliaApiKey: process.env.ALGOLIA_API_KEY,
|
|
14
13
|
algoliaAppId: process.env.ALGOLIA_APP_ID,
|
|
15
14
|
algoliaIndex: process.env.ALGOLIA_INDEX,
|
|
16
15
|
};
|
|
17
16
|
};
|
|
18
17
|
var sanitizedConfig = getSanitizedConfig();
|
|
19
|
-
export var
|
|
18
|
+
export var algoliaApiKey = sanitizedConfig.algoliaApiKey, algoliaAppId = sanitizedConfig.algoliaAppId, algoliaIndex = sanitizedConfig.algoliaIndex;
|
|
20
19
|
export var algoliaUrl = "https://" + algoliaAppId + ".algolia.net/1/indexes/" + algoliaIndex;
|
|
21
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,IAAM,oBAAoB,GAAa,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,IAAM,oBAAoB,GAAa,EAAE,CAAA;AAEzC,IAAM,kBAAkB,GAAG;IACzB,KAAkB,UAAoB,EAApB,6CAAoB,EAApB,kCAAoB,EAApB,IAAoB,EAAE;QAAnC,IAAM,GAAG,6BAAA;QACZ,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC9B,IACE,OAAO,MAAM,IAAI,WAAW;YAC5B,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,EAC1C;YACA,MAAM,IAAI,KAAK,CAAC,iBAAe,GAAG,YAAS,CAAC,CAAA;SAC7C;KACF;IACD,OAAO;QACL,aAAa,EAAE,OAAO,CAAC,GAAG,CAAC,eAAyB;QACpD,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,cAAwB;QAClD,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,aAAuB;KAClD,CAAA;AACH,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;AAC5C,MAAM,CAAS,IAAA,aAAa,GAAiC,eAAe,cAAhD,EAAE,YAAY,GAAmB,eAAe,aAAlC,EAAE,YAAY,GAAK,eAAe,aAApB,CAAoB;AAE5E,MAAM,CAAC,IAAM,UAAU,GAAG,aAAW,YAAY,+BAA0B,YAAc,CAAA"}
|
|
@@ -27,7 +27,7 @@ import { SearchBar } from '../components/SearchBar';
|
|
|
27
27
|
import { PagesNameMap } from '../context/types';
|
|
28
28
|
import { useHelpHubContext } from '../context';
|
|
29
29
|
import useSWR from 'swr';
|
|
30
|
-
import { resultsFetcher } from '../provider/resultsProvider';
|
|
30
|
+
import { HITS_PER_PAGE, resultsFetcher } from '../provider/resultsProvider';
|
|
31
31
|
import { CredentialsContextProvider, useCredentialsContext } from '../context';
|
|
32
32
|
import { useRouter } from 'next/router';
|
|
33
33
|
import { transformHits } from '../helpers';
|
|
@@ -48,9 +48,10 @@ export var ResultsPageContext = {
|
|
|
48
48
|
var PageContent = function (_a) {
|
|
49
49
|
var hits = _a.hits;
|
|
50
50
|
var _b = useState(0), page = _b[0], setPage = _b[1];
|
|
51
|
-
var _c = useState(
|
|
52
|
-
var _d =
|
|
53
|
-
var _e =
|
|
51
|
+
var _c = useState(2), nbPages = _c[0], setNbPages = _c[1];
|
|
52
|
+
var _d = useState(hits), allHits = _d[0], setAllHits = _d[1];
|
|
53
|
+
var _e = useCredentialsContext(), appId = _e.appId, apiKey = _e.apiKey, indexName = _e.indexName;
|
|
54
|
+
var _f = useHelpHubContext(PagesNameMap.resultsPage), header = _f.header, inputPlaceholder = _f.inputPlaceholder, searchBar = _f.searchBar, baseUrl = _f.baseUrl;
|
|
54
55
|
var q = useRouter().query.q;
|
|
55
56
|
useSWR(page > 0
|
|
56
57
|
? [
|
|
@@ -60,7 +61,9 @@ var PageContent = function (_a) {
|
|
|
60
61
|
: null, resultsFetcher, {
|
|
61
62
|
onSuccess: function (data) {
|
|
62
63
|
setAllHits(__spreadArray(__spreadArray([], allHits, true), data.hits, true));
|
|
64
|
+
setNbPages(data.nbPages);
|
|
63
65
|
},
|
|
66
|
+
revalidateOnFocus: false,
|
|
64
67
|
});
|
|
65
68
|
var handleOnLazyLoad = function () {
|
|
66
69
|
setPage(page + 1);
|
|
@@ -69,13 +72,16 @@ var PageContent = function (_a) {
|
|
|
69
72
|
var newDescription = description
|
|
70
73
|
.replace('##QUERY##', q)
|
|
71
74
|
.replace('##COUNT##', allHits.length.toString());
|
|
75
|
+
var isLoadMoreVisible = page < nbPages - 1 && allHits.length >= HITS_PER_PAGE;
|
|
72
76
|
return (React.createElement(React.Fragment, null,
|
|
73
77
|
React.createElement(SearchBar, { placeholder: inputPlaceholder }),
|
|
74
78
|
React.createElement(Block, { spaceStack: searchBar.spaceStack }),
|
|
75
79
|
React.createElement(Header, __assign({}, __assign(__assign({}, header), { description: newDescription }))),
|
|
76
80
|
React.createElement(ContentListView, { items: transformHits(allHits, baseUrl) }),
|
|
77
|
-
React.createElement(GridLayout, { justifyContent: { xs: 'center' }, overrides: {
|
|
78
|
-
|
|
81
|
+
React.createElement(GridLayout, { justifyContent: { xs: 'center' }, overrides: {
|
|
82
|
+
marginBlockStart: 'space050',
|
|
83
|
+
marginBlockEnd: 'space070',
|
|
84
|
+
} }, isLoadMoreVisible && (React.createElement(Button, { onClick: handleOnLazyLoad, overrides: { stylePreset: 'buttonOutlinedPrimary' }, "data-testid": "load-more" }, "Load more")))));
|
|
79
85
|
};
|
|
80
86
|
export var ResultsPage = function (_a) {
|
|
81
87
|
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":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,EAAE,YAAY,EAA6B,MAAM,kBAAkB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,MAAM,MAAM,KAAK,CAAA;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ResultsServerContext, FetcherParams } from './types';
|
|
2
2
|
import { Hit } from 'help-hub/types';
|
|
3
|
+
export declare const HITS_PER_PAGE = 10;
|
|
3
4
|
declare const resultsProvider: (context: ResultsServerContext) => Promise<{
|
|
4
5
|
props: {
|
|
5
6
|
credentials: {
|
|
@@ -20,5 +21,6 @@ declare const resultsProvider: (context: ResultsServerContext) => Promise<{
|
|
|
20
21
|
}>;
|
|
21
22
|
export declare const resultsFetcher: (url: string, { q, page, apiKey, appId }: FetcherParams) => Promise<{
|
|
22
23
|
hits: Hit[];
|
|
24
|
+
nbPages: number;
|
|
23
25
|
}>;
|
|
24
26
|
export default resultsProvider;
|
|
@@ -49,6 +49,7 @@ import fetch from 'cross-fetch';
|
|
|
49
49
|
import { algoliaAppId, algoliaApiKey, algoliaIndex, algoliaUrl, } from '../../config';
|
|
50
50
|
import { ReqMethod, } from './types';
|
|
51
51
|
import { getHelpHubConfig } from './getHelpHubConfig';
|
|
52
|
+
export var HITS_PER_PAGE = 10;
|
|
52
53
|
var resultsProvider = function (context) { return __awaiter(void 0, void 0, void 0, function () {
|
|
53
54
|
var q, credentials, promiseResult, providerProps;
|
|
54
55
|
return __generator(this, function (_a) {
|
|
@@ -60,7 +61,7 @@ var resultsProvider = function (context) { return __awaiter(void 0, void 0, void
|
|
|
60
61
|
apiKey: algoliaApiKey,
|
|
61
62
|
indexName: algoliaIndex,
|
|
62
63
|
};
|
|
63
|
-
return [4 /*yield*/, fetch(algoliaUrl + "/query", __assign(__assign({}, getHelpHubConfig(ReqMethod.POST)), { body: JSON.stringify({ params: "query=" + q + "&hitsPerPage=
|
|
64
|
+
return [4 /*yield*/, fetch(algoliaUrl + "/query", __assign(__assign({}, getHelpHubConfig(ReqMethod.POST)), { body: JSON.stringify({ params: "query=" + q + "&hitsPerPage=" + HITS_PER_PAGE }) }))];
|
|
64
65
|
case 1:
|
|
65
66
|
promiseResult = _a.sent();
|
|
66
67
|
if (promiseResult.status >= 400) {
|
|
@@ -93,7 +94,9 @@ export var resultsFetcher = function (url, _a) {
|
|
|
93
94
|
'x-algolia-api-key': apiKey,
|
|
94
95
|
'x-algolia-application-id': appId,
|
|
95
96
|
},
|
|
96
|
-
body: JSON.stringify({
|
|
97
|
+
body: JSON.stringify({
|
|
98
|
+
params: "query=" + q + "&hitsPerPage=" + HITS_PER_PAGE + "&page=" + page,
|
|
99
|
+
}),
|
|
97
100
|
})];
|
|
98
101
|
case 1:
|
|
99
102
|
res = _b.sent();
|
|
@@ -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,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,
|
|
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,MAAM,CAAC,IAAM,aAAa,GAAG,EAAE,CAAA;AAE/B,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,qBAAgB,aAAe,EAAE,CAAC,IAC3E,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;4BACnB,MAAM,EAAE,WAAS,CAAC,qBAAgB,aAAa,cAAS,IAAM;yBAC/D,CAAC;qBACH,CAAC,EAAA;;oBAVI,GAAG,GAAG,SAUV;oBACF,sBAAO,GAAG,CAAC,IAAI,EAAE,EAAA;;;;CAClB,CAAA;AACD,eAAe,eAAe,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/standalone-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.33.1-alpha.0",
|
|
4
4
|
"description": "Newskit Render Standalone Components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -80,8 +80,8 @@
|
|
|
80
80
|
"@algolia/autocomplete-core": "1.6.3",
|
|
81
81
|
"@algolia/autocomplete-preset-algolia": "1.6.3",
|
|
82
82
|
"@apollo/client": "3.4.16",
|
|
83
|
-
"@newskit-render/api": "^0.36.0",
|
|
84
|
-
"@newskit-render/shared-components": "^0.68.0",
|
|
83
|
+
"@newskit-render/api": "^0.36.1-alpha.0",
|
|
84
|
+
"@newskit-render/shared-components": "^0.68.1-alpha.0",
|
|
85
85
|
"algoliasearch": "4.13.1",
|
|
86
86
|
"cross-fetch": "3.1.5",
|
|
87
87
|
"graphql": "15.6.0",
|