@newskit-render/standalone-components 0.26.0 → 0.27.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/config/index.d.ts +2 -1
- package/dist/cjs/config/index.js +7 -4
- package/dist/cjs/config/index.js.map +1 -1
- package/dist/cjs/help-hub/components/ContentListView/ContentListView.d.ts +2 -1
- package/dist/cjs/help-hub/components/ContentListView/ContentListView.js +3 -4
- package/dist/cjs/help-hub/components/ContentListView/ContentListView.js.map +1 -1
- package/dist/cjs/help-hub/components/SearchBar/SearchBar.js +2 -2
- package/dist/cjs/help-hub/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.d.ts +2 -4
- package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.js +18 -17
- package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.js.map +1 -1
- package/dist/cjs/help-hub/components/SearchBar/types.d.ts +0 -2
- package/dist/cjs/help-hub/components/Templates/LayoutTemplate.d.ts +6 -0
- package/dist/cjs/help-hub/components/Templates/LayoutTemplate.js +4 -3
- package/dist/cjs/help-hub/components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/cjs/help-hub/context/baseContext.js +14 -8
- package/dist/cjs/help-hub/context/baseContext.js.map +1 -1
- package/dist/cjs/help-hub/context/types.d.ts +21 -1
- package/dist/cjs/help-hub/context/types.js.map +1 -1
- package/dist/cjs/help-hub/index.d.ts +1 -0
- package/dist/cjs/help-hub/index.js +1 -0
- package/dist/cjs/help-hub/index.js.map +1 -1
- package/dist/cjs/help-hub/pages/ArticlePage.d.ts +3 -4
- package/dist/cjs/help-hub/pages/ArticlePage.js +29 -15
- package/dist/cjs/help-hub/pages/ArticlePage.js.map +1 -1
- package/dist/cjs/help-hub/pages/LandingPage.js +12 -11
- package/dist/cjs/help-hub/pages/LandingPage.js.map +1 -1
- package/dist/cjs/help-hub/pages/ResultsPage.d.ts +2 -2
- package/dist/cjs/help-hub/pages/ResultsPage.js +32 -91
- package/dist/cjs/help-hub/pages/ResultsPage.js.map +1 -1
- package/dist/cjs/help-hub/pages/types.d.ts +8 -1
- package/dist/cjs/help-hub/provider/CredentialsProvider.d.ts +7 -0
- package/dist/cjs/help-hub/provider/CredentialsProvider.js +38 -0
- package/dist/cjs/help-hub/provider/CredentialsProvider.js.map +1 -0
- package/dist/cjs/help-hub/provider/articleProvider.d.ts +20 -0
- package/dist/cjs/help-hub/provider/articleProvider.js +90 -0
- package/dist/cjs/help-hub/provider/articleProvider.js.map +1 -0
- package/dist/cjs/help-hub/provider/getHelpHubConfig.d.ts +2 -0
- package/dist/cjs/help-hub/provider/getHelpHubConfig.js +17 -0
- package/dist/cjs/help-hub/provider/getHelpHubConfig.js.map +1 -0
- package/dist/cjs/help-hub/provider/index.d.ts +4 -0
- package/dist/cjs/help-hub/provider/index.js +17 -0
- package/dist/cjs/help-hub/provider/index.js.map +1 -0
- package/dist/cjs/help-hub/provider/resultsProvider.d.ts +19 -0
- package/dist/cjs/help-hub/provider/resultsProvider.js +90 -0
- package/dist/cjs/help-hub/provider/resultsProvider.js.map +1 -0
- package/dist/cjs/help-hub/provider/types.d.ts +26 -0
- package/dist/cjs/help-hub/provider/types.js +13 -0
- package/dist/cjs/help-hub/provider/types.js.map +1 -0
- package/dist/cjs/help-hub/test-helpers/articlePageContextOptionsMock.d.ts +2 -0
- package/dist/cjs/help-hub/test-helpers/articlePageContextOptionsMock.js +17 -0
- package/dist/cjs/help-hub/test-helpers/articlePageContextOptionsMock.js.map +1 -0
- package/dist/cjs/help-hub/test-helpers/index.d.ts +2 -0
- package/dist/cjs/help-hub/test-helpers/index.js +9 -0
- package/dist/cjs/help-hub/test-helpers/index.js.map +1 -0
- package/dist/cjs/help-hub/test-helpers/landingPageContextOptionsMock.d.ts +2 -0
- package/dist/cjs/help-hub/test-helpers/landingPageContextOptionsMock.js +25 -0
- package/dist/cjs/help-hub/test-helpers/landingPageContextOptionsMock.js.map +1 -0
- package/dist/cjs/help-hub/test-helpers/mocks.d.ts +6 -0
- package/dist/cjs/help-hub/test-helpers/mocks.js +14 -0
- package/dist/cjs/help-hub/test-helpers/mocks.js.map +1 -0
- package/dist/cjs/help-hub/test-helpers/resultsPageContextOptionsMock.d.ts +2 -0
- package/dist/cjs/help-hub/test-helpers/resultsPageContextOptionsMock.js +20 -0
- package/dist/cjs/help-hub/test-helpers/resultsPageContextOptionsMock.js.map +1 -0
- package/dist/cjs/help-hub/test-helpers/sharedMocks.d.ts +5 -0
- package/dist/cjs/help-hub/test-helpers/sharedMocks.js +31 -0
- package/dist/cjs/help-hub/test-helpers/sharedMocks.js.map +1 -0
- package/dist/cjs/help-hub/types/index.d.ts +2 -3
- package/dist/cjs/helpers/testHelpers.d.ts +4 -0
- package/dist/cjs/helpers/testHelpers.js +14 -1
- package/dist/cjs/helpers/testHelpers.js.map +1 -1
- package/dist/config/index.d.ts +2 -1
- package/dist/config/index.js +7 -4
- package/dist/config/index.js.map +1 -1
- package/dist/help-hub/components/ContentListView/ContentListView.d.ts +2 -1
- package/dist/help-hub/components/ContentListView/ContentListView.js +3 -4
- package/dist/help-hub/components/ContentListView/ContentListView.js.map +1 -1
- package/dist/help-hub/components/SearchBar/SearchBar.js +2 -2
- package/dist/help-hub/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/help-hub/components/SearchBar/components/Autocomplete.d.ts +2 -4
- package/dist/help-hub/components/SearchBar/components/Autocomplete.js +18 -17
- package/dist/help-hub/components/SearchBar/components/Autocomplete.js.map +1 -1
- package/dist/help-hub/components/SearchBar/types.d.ts +0 -2
- package/dist/help-hub/components/Templates/LayoutTemplate.d.ts +6 -0
- package/dist/help-hub/components/Templates/LayoutTemplate.js +4 -3
- package/dist/help-hub/components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/help-hub/context/baseContext.js +14 -8
- package/dist/help-hub/context/baseContext.js.map +1 -1
- package/dist/help-hub/context/types.d.ts +21 -1
- package/dist/help-hub/context/types.js.map +1 -1
- package/dist/help-hub/index.d.ts +1 -0
- package/dist/help-hub/index.js +1 -0
- package/dist/help-hub/index.js.map +1 -1
- package/dist/help-hub/pages/ArticlePage.d.ts +3 -4
- package/dist/help-hub/pages/ArticlePage.js +29 -15
- package/dist/help-hub/pages/ArticlePage.js.map +1 -1
- package/dist/help-hub/pages/LandingPage.js +12 -11
- package/dist/help-hub/pages/LandingPage.js.map +1 -1
- package/dist/help-hub/pages/ResultsPage.d.ts +2 -2
- package/dist/help-hub/pages/ResultsPage.js +32 -91
- package/dist/help-hub/pages/ResultsPage.js.map +1 -1
- package/dist/help-hub/pages/types.d.ts +8 -1
- package/dist/help-hub/provider/CredentialsProvider.d.ts +7 -0
- package/dist/help-hub/provider/CredentialsProvider.js +38 -0
- package/dist/help-hub/provider/CredentialsProvider.js.map +1 -0
- package/dist/help-hub/provider/articleProvider.d.ts +20 -0
- package/dist/help-hub/provider/articleProvider.js +90 -0
- package/dist/help-hub/provider/articleProvider.js.map +1 -0
- package/dist/help-hub/provider/getHelpHubConfig.d.ts +2 -0
- package/dist/help-hub/provider/getHelpHubConfig.js +17 -0
- package/dist/help-hub/provider/getHelpHubConfig.js.map +1 -0
- package/dist/help-hub/provider/index.d.ts +4 -0
- package/dist/help-hub/provider/index.js +17 -0
- package/dist/help-hub/provider/index.js.map +1 -0
- package/dist/help-hub/provider/resultsProvider.d.ts +19 -0
- package/dist/help-hub/provider/resultsProvider.js +90 -0
- package/dist/help-hub/provider/resultsProvider.js.map +1 -0
- package/dist/help-hub/provider/types.d.ts +26 -0
- package/dist/help-hub/provider/types.js +13 -0
- package/dist/help-hub/provider/types.js.map +1 -0
- package/dist/help-hub/test-helpers/articlePageContextOptionsMock.d.ts +2 -0
- package/dist/help-hub/test-helpers/articlePageContextOptionsMock.js +17 -0
- package/dist/help-hub/test-helpers/articlePageContextOptionsMock.js.map +1 -0
- package/dist/help-hub/test-helpers/index.d.ts +2 -0
- package/dist/help-hub/test-helpers/index.js +9 -0
- package/dist/help-hub/test-helpers/index.js.map +1 -0
- package/dist/help-hub/test-helpers/landingPageContextOptionsMock.d.ts +2 -0
- package/dist/help-hub/test-helpers/landingPageContextOptionsMock.js +25 -0
- package/dist/help-hub/test-helpers/landingPageContextOptionsMock.js.map +1 -0
- package/dist/help-hub/test-helpers/mocks.d.ts +6 -0
- package/dist/help-hub/test-helpers/mocks.js +14 -0
- package/dist/help-hub/test-helpers/mocks.js.map +1 -0
- package/dist/help-hub/test-helpers/resultsPageContextOptionsMock.d.ts +2 -0
- package/dist/help-hub/test-helpers/resultsPageContextOptionsMock.js +20 -0
- package/dist/help-hub/test-helpers/resultsPageContextOptionsMock.js.map +1 -0
- package/dist/help-hub/test-helpers/sharedMocks.d.ts +5 -0
- package/dist/help-hub/test-helpers/sharedMocks.js +31 -0
- package/dist/help-hub/test-helpers/sharedMocks.js.map +1 -0
- package/dist/help-hub/types/index.d.ts +2 -3
- package/dist/helpers/testHelpers.d.ts +4 -0
- package/dist/helpers/testHelpers.js +14 -1
- package/dist/helpers/testHelpers.js.map +1 -1
- package/package.json +5 -2
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export declare const siteHost: string;
|
|
1
|
+
export declare const siteHost: string, algoliaApiKey: string, algoliaAppId: string, algoliaIndex: string;
|
|
2
|
+
export declare const algoliaUrl: string;
|
package/dist/cjs/config/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.siteHost = void 0;
|
|
4
|
-
var SITE_HOST = process.env.SITE_HOST;
|
|
3
|
+
exports.algoliaUrl = exports.algoliaIndex = exports.algoliaAppId = exports.algoliaApiKey = exports.siteHost = void 0;
|
|
5
4
|
var requiredConfigFields = ['SITE_HOST'];
|
|
6
5
|
var getSanitizedConfig = function () {
|
|
7
6
|
for (var _i = 0, requiredConfigFields_1 = requiredConfigFields; _i < requiredConfigFields_1.length; _i++) {
|
|
@@ -13,9 +12,13 @@ var getSanitizedConfig = function () {
|
|
|
13
12
|
}
|
|
14
13
|
}
|
|
15
14
|
return {
|
|
16
|
-
siteHost: SITE_HOST,
|
|
15
|
+
siteHost: process.env.SITE_HOST,
|
|
16
|
+
algoliaApiKey: process.env.ALGOLIA_API_KEY,
|
|
17
|
+
algoliaAppId: process.env.ALGOLIA_APP_ID,
|
|
18
|
+
algoliaIndex: process.env.ALGOLIA_INDEX,
|
|
17
19
|
};
|
|
18
20
|
};
|
|
19
21
|
var sanitizedConfig = getSanitizedConfig();
|
|
20
|
-
exports.siteHost = sanitizedConfig.siteHost;
|
|
22
|
+
exports.siteHost = sanitizedConfig.siteHost, exports.algoliaApiKey = sanitizedConfig.algoliaApiKey, exports.algoliaAppId = sanitizedConfig.algoliaAppId, exports.algoliaIndex = sanitizedConfig.algoliaIndex;
|
|
23
|
+
exports.algoliaUrl = "https://" + exports.algoliaAppId + ".algolia.net/1/indexes/" + exports.algoliaIndex;
|
|
21
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;AAAA,IAAM,oBAAoB,GAAa,CAAC,WAAW,CAAC,CAAA;AAEpD,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,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,SAAmB;QACzC,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;AAE1C,QAAA,QAAQ,GAIN,eAAe,WAHjB,QAAA,aAAa,GAGX,eAAe,gBAFjB,QAAA,YAAY,GAEV,eAAe,eADjB,QAAA,YAAY,GACV,eAAe,cAAA;AAEN,QAAA,UAAU,GAAG,aAAW,oBAAY,+BAA0B,oBAAc,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
//TODO: Move ContentViewList to shared-components
|
|
3
|
+
/* istanbul ignore file */
|
|
3
4
|
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
4
5
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
5
6
|
return cooked;
|
|
@@ -24,10 +25,8 @@ var ContentListView = function (_a) {
|
|
|
24
25
|
data = _b === void 0 ? [] : _b;
|
|
25
26
|
return (react_1.default.createElement(newskit_1.MediaQueryProvider, null,
|
|
26
27
|
react_1.default.createElement(StyledStructuredList, { ariaLabel: "list" }, data.map(function (element, i) {
|
|
27
|
-
var
|
|
28
|
-
return (react_1.default.createElement(newskit_1.StructuredListItem, { key: i },
|
|
29
|
-
title && react_1.default.createElement(newskit_1.StructuredListCell, null, title),
|
|
30
|
-
description && (react_1.default.createElement(newskit_1.StructuredListCell, null, description))));
|
|
28
|
+
var title = element.title;
|
|
29
|
+
return (react_1.default.createElement(newskit_1.StructuredListItem, { key: i }, title && react_1.default.createElement(newskit_1.StructuredListCell, null, title)));
|
|
31
30
|
}))));
|
|
32
31
|
};
|
|
33
32
|
exports.ContentListView = ContentListView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/ContentListView/ContentListView.tsx"],"names":[],"mappings":";AAAA,iDAAiD;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/ContentListView/ContentListView.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,0BAA0B;;;;;;;;;;AAE1B,gDAAyB;AACzB,mCAkBgB;AAGhB,gDAAgD;AAEhD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,4HAAA,yDAGlD;IAED,8DAA8D;IAF7D,CAAA;AAED,8DAA8D;AACvD,IAAM,eAAe,GAA+B,UAAC,EAG3D;;IAFC,YAAY;IACZ,YAAS;IADT,YAAY;IACZ,IAAI,mBAAG,EAAE,KAAA;IAET,OAAO,CACL,8BAAC,4BAAkB;QAMjB,8BAAC,oBAAoB,IAAC,SAAS,EAAC,MAAM,IACnC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;YAEjB,IAAA,KAAK,GAEH,OAAO,MAFJ,CAEI;YAEX,OAAO,CACL,8BAAC,4BAAkB,IACjB,GAAG,EAAE,CAAC,IASL,KAAK,IAAI,8BAAC,4BAAkB,QAAE,KAAK,CAAsB,CAYvC,CACtB,CAAA;QACH,CAAC,CAAC,CACmB,CACJ,CACtB,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,eAAe,mBA+C3B"}
|
|
@@ -14,10 +14,10 @@ var Autocomplete_1 = require("./components/Autocomplete");
|
|
|
14
14
|
var AlgoliaTheme_1 = require("./components/AlgoliaTheme");
|
|
15
15
|
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 440px;\n width: 100%;\n & .aa-Panel {\n z-index: 2;\n width: 100%;\n max-width: 440px;\n }\n & .aa-Form {\n z-index: 2;\n }\n"], ["\n margin: 0 auto;\n max-width: 440px;\n width: 100%;\n & .aa-Panel {\n z-index: 2;\n width: 100%;\n max-width: 440px;\n }\n & .aa-Form {\n z-index: 2;\n }\n"])));
|
|
16
16
|
var SearchBar = function (_a) {
|
|
17
|
-
var
|
|
17
|
+
var _b = _a.placeholder, placeholder = _b === void 0 ? 'Search' : _b;
|
|
18
18
|
return (react_1.default.createElement(StyledBlock, null,
|
|
19
19
|
react_1.default.createElement(newskit_1.Global, { styles: AlgoliaTheme_1.AlgoliaStyling }),
|
|
20
|
-
react_1.default.createElement(Autocomplete_1.Autocomplete, { placeholder: placeholder, openOnFocus: true, debug: false
|
|
20
|
+
react_1.default.createElement(Autocomplete_1.Autocomplete, { placeholder: placeholder, openOnFocus: true, debug: false })));
|
|
21
21
|
};
|
|
22
22
|
exports.SearchBar = SearchBar;
|
|
23
23
|
exports.default = exports.SearchBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA+C;AAC/C,0DAAwD;AACxD,0DAA0D;AAG1D,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qPAAA,kLAYhC,IAAA,CAAA;AAEM,IAAM,SAAS,GAA6B,UAAC,
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA+C;AAC/C,0DAAwD;AACxD,0DAA0D;AAG1D,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qPAAA,kLAYhC,IAAA,CAAA;AAEM,IAAM,SAAS,GAA6B,UAAC,EAEnD;QADC,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA;IAEtB,OAAO,CACL,8BAAC,WAAW;QACV,8BAAC,gBAAM,IAAC,MAAM,EAAE,6BAAc,GAAI;QAClC,8BAAC,2BAAY,IACX,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,KAAK,GACZ,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,SAAS,aAarB;AAED,kBAAe,iBAAS,CAAA"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { AutocompleteOptions } from '@algolia/autocomplete-core';
|
|
2
|
-
import {
|
|
2
|
+
import { Hit } from 'help-hub/types';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
export declare const Autocomplete: React.FC<Partial<AutocompleteOptions<
|
|
5
|
-
credentials: AlgoliaCredentials;
|
|
6
|
-
}>;
|
|
4
|
+
export declare const Autocomplete: React.FC<Partial<AutocompleteOptions<Hit>>>;
|
|
@@ -42,12 +42,16 @@ exports.Autocomplete = void 0;
|
|
|
42
42
|
var autocomplete_core_1 = require("@algolia/autocomplete-core");
|
|
43
43
|
var autocomplete_preset_algolia_1 = require("@algolia/autocomplete-preset-algolia");
|
|
44
44
|
var lite_1 = __importDefault(require("algoliasearch/lite"));
|
|
45
|
+
var CredentialsProvider_1 = require("../../../provider/CredentialsProvider");
|
|
45
46
|
var newskit_1 = require("newskit");
|
|
46
47
|
var react_1 = __importStar(require("react"));
|
|
47
48
|
var Highlight_1 = require("./Highlight");
|
|
49
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
50
|
+
var router_1 = require("next/router");
|
|
48
51
|
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"])));
|
|
49
52
|
var Autocomplete = function (props) {
|
|
50
|
-
var _a =
|
|
53
|
+
var _a = (0, CredentialsProvider_1.useCredentialsContext)(), appId = _a.appId, apiKey = _a.apiKey, indexName = _a.indexName;
|
|
54
|
+
var router = (0, router_1.useRouter)();
|
|
51
55
|
var searchClient = (0, lite_1.default)(appId, apiKey);
|
|
52
56
|
var _b = react_1.default.useState({
|
|
53
57
|
collections: [],
|
|
@@ -81,10 +85,6 @@ var Autocomplete = function (props) {
|
|
|
81
85
|
],
|
|
82
86
|
});
|
|
83
87
|
},
|
|
84
|
-
getItemUrl: function (_a) {
|
|
85
|
-
var item = _a.item;
|
|
86
|
-
return item.url;
|
|
87
|
-
},
|
|
88
88
|
},
|
|
89
89
|
];
|
|
90
90
|
} }, props));
|
|
@@ -114,14 +114,18 @@ var Autocomplete = function (props) {
|
|
|
114
114
|
setToggleBackground(!toggleBackground);
|
|
115
115
|
};
|
|
116
116
|
var handleBackgorundClick = function () {
|
|
117
|
-
var _a;
|
|
117
|
+
var _a, _b;
|
|
118
118
|
(_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.reset();
|
|
119
|
+
(_b = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
|
|
119
120
|
setAutocompleteState(__assign(__assign({}, autocompleteState), { isOpen: false }));
|
|
120
121
|
setToggleBackground(!toggleBackground);
|
|
121
122
|
};
|
|
122
123
|
return (react_1.default.createElement("div", __assign({ className: "aa-Autocomplete" }, autocomplete.getRootProps({})),
|
|
123
124
|
toggleBackground && react_1.default.createElement(FadedBlock, { onClick: handleBackgorundClick }),
|
|
124
|
-
react_1.default.createElement("form", __assign({ ref: formRef, className: "aa-Form" }, autocomplete.getFormProps({ inputElement: inputRef.current }))
|
|
125
|
+
react_1.default.createElement("form", __assign({ ref: formRef, className: "aa-Form" }, autocomplete.getFormProps({ inputElement: inputRef.current }), { onSubmit: function (e) {
|
|
126
|
+
e.preventDefault();
|
|
127
|
+
router.push("/help-hub/results?q=" + autocompleteState.query);
|
|
128
|
+
} }),
|
|
125
129
|
react_1.default.createElement("div", { className: "aa-InputWrapperPrefix" },
|
|
126
130
|
react_1.default.createElement("label", __assign({ className: "aa-Label" }, autocomplete.getLabelProps({})),
|
|
127
131
|
react_1.default.createElement("button", { className: "aa-SubmitButton", type: "submit", title: "Submit" },
|
|
@@ -133,7 +137,7 @@ var Autocomplete = function (props) {
|
|
|
133
137
|
react_1.default.createElement("div", { className: "aa-InputWrapperSuffix" },
|
|
134
138
|
react_1.default.createElement("button", { className: "aa-ClearButton", title: "Clear", type: "reset" },
|
|
135
139
|
react_1.default.createElement(newskit_1.IconFilledClear, null)))),
|
|
136
|
-
|
|
140
|
+
toggleBackground && (react_1.default.createElement("div", __assign({ ref: panelRef, "data-testid": "autocomplete-panel", className: [
|
|
137
141
|
'aa-Panel',
|
|
138
142
|
'aa-Panel--desktop',
|
|
139
143
|
autocompleteState.status === 'stalled' && 'aa-Panel--stalled',
|
|
@@ -144,15 +148,12 @@ var Autocomplete = function (props) {
|
|
|
144
148
|
var source = collection.source, items = collection.items;
|
|
145
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) {
|
|
146
150
|
return (react_1.default.createElement("li", __assign({ key: item.objectID, className: "aa-Item" }, autocomplete.getItemProps({ item: item, source: source })),
|
|
147
|
-
react_1.default.createElement(
|
|
148
|
-
react_1.default.createElement("div", { className: "aa-
|
|
149
|
-
react_1.default.createElement("div", { className: "aa-
|
|
150
|
-
react_1.default.createElement("div", { className: "aa-
|
|
151
|
-
react_1.default.createElement(
|
|
152
|
-
|
|
153
|
-
react_1.default.createElement("button", { className: "aa-ItemActionButton aa-DesktopOnly aa-ActiveOnly", type: "button", title: "Select", style: { pointerEvents: 'none' } },
|
|
154
|
-
react_1.default.createElement("svg", { fill: "currentColor", viewBox: "0 0 24 24" },
|
|
155
|
-
react_1.default.createElement("path", { d: "M18.984 6.984h2.016v6h-15.188l3.609 3.609-1.406 1.406-6-6 6-6 1.406 1.406-3.609 3.609h13.172v-4.031z" })))))));
|
|
151
|
+
react_1.default.createElement(shared_components_1.NextLink, { type: "standalone", href: "/help-hub/article/" + item.objectID },
|
|
152
|
+
react_1.default.createElement("div", { className: "aa-ItemWrapper" },
|
|
153
|
+
react_1.default.createElement("div", { className: "aa-ItemContent" },
|
|
154
|
+
react_1.default.createElement("div", { className: "aa-ItemContentBody" },
|
|
155
|
+
react_1.default.createElement("div", { className: "aa-ItemContentTitle" },
|
|
156
|
+
react_1.default.createElement(Highlight_1.Highlight, { hit: item, attribute: "title" }))))))));
|
|
156
157
|
})))));
|
|
157
158
|
}))))));
|
|
158
159
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,gEAImC;AACnC,oFAAwE;AAExE,4DAA8C;
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { LayoutTemplateProps } from './types';
|
|
3
|
+
import { ContextName } from 'help-hub/context/types';
|
|
4
|
+
interface SEOWrapperProps {
|
|
5
|
+
contextName: ContextName;
|
|
6
|
+
}
|
|
7
|
+
export declare const SEOWrapper: React.FC<SEOWrapperProps>;
|
|
3
8
|
export declare const BaseLayoutTemplate: React.FC<LayoutTemplateProps>;
|
|
4
9
|
export declare const LayoutTemplate: ({ ...props }: {
|
|
5
10
|
[x: string]: any;
|
|
6
11
|
}) => JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -25,7 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
25
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.LayoutTemplate = exports.BaseLayoutTemplate = void 0;
|
|
28
|
+
exports.LayoutTemplate = exports.BaseLayoutTemplate = exports.SEOWrapper = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
31
31
|
var newskit_1 = require("newskit");
|
|
@@ -48,12 +48,13 @@ var NavigationPrimaryWrapper = function (_a) {
|
|
|
48
48
|
var SEOWrapper = function (_a) {
|
|
49
49
|
var contextName = _a.contextName;
|
|
50
50
|
var seo = (0, context_1.useHelpHubContext)(contextName).seo;
|
|
51
|
-
return (react_1.default.createElement(shared_components_1.SEOComponent, { title: seo.title
|
|
51
|
+
return (react_1.default.createElement(shared_components_1.SEOComponent, { title: seo.title, description: seo.description || '', url: "" + seo.url, siteHost: seo.url || seo.siteHost || '', fbType: seo.fbType || '', fbImageUrl: seo.fbImageUrl || '' }));
|
|
52
52
|
};
|
|
53
|
+
exports.SEOWrapper = SEOWrapper;
|
|
53
54
|
var BaseLayoutTemplate = function (_a) {
|
|
54
55
|
var context = _a.context, contextName = _a.contextName, children = _a.children, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b;
|
|
55
56
|
return (react_1.default.createElement(context_1.HelpHubContextProvider, { context: context, contextName: contextName },
|
|
56
|
-
react_1.default.createElement(SEOWrapper, { contextName: contextName }),
|
|
57
|
+
react_1.default.createElement(exports.SEOWrapper, { contextName: contextName }),
|
|
57
58
|
react_1.default.createElement(newskit_1.ThemeProvider, { theme: customTheme || shared_components_1.sharedTheme },
|
|
58
59
|
react_1.default.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName }),
|
|
59
60
|
react_1.default.createElement(shared_components_1.LayoutGrid, { hasSidebar: false, fullWidth: fullWidth,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,uEAS0C;AAC1C,mCAA4E;AAC5E,yCAAyE;AAGzE,IAAM,sBAAsB,GAAG,UAAC,SAAwC,IAAK,OAAA,UAAC,EAE7E;QADI,KAAK,cADoE,EAE7E,CADS;IACJ,OAAA,CACJ,8BAAC,4BAAkB;QACjB,8BAAC,SAAS,eACJ,KAAK,IACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,IAC9B,CACiB,CACtB,CAAA;CAAA,EAX4E,CAW5E,CAAA;AAKD,IAAM,aAAa,GAAiC,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC1D,IAAA,KAA8B,IAAA,2BAAiB,EAAC,WAAW,CAAC,EAA1D,MAAM,YAAA,EAAE,eAAe,qBAAmC,CAAA;IAClE,OAAO,CACL,8BAAC,oCAAgB,IACf,MAAM,EAAE,MAAuB,EAC/B,eAAe,EAAE,eAAyC,GAC1D,CACH,CAAA;AACH,CAAC,CAAA;AAMD,IAAM,wBAAwB,GAA4C,UAAC,EAI1E;QAHC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEH,IAAA,iBAAiB,GAAK,IAAA,2BAAiB,EAAC,WAAW,CAAC,kBAAnC,CAAmC;IAC5D,OAAO,CACL,8BAAC,qCAAiB,eACZ,iBAAiB,IACrB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,IACxC,CACH,CAAA;AACH,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,20 +46,14 @@ exports.baseContext = {
|
|
|
46
46
|
titleOverrides: {
|
|
47
47
|
typographyPreset: { xs: 'utilityHeading040', sm: 'utilityHeading050' },
|
|
48
48
|
stylePreset: 'inkContrast',
|
|
49
|
-
spaceStack:
|
|
50
|
-
xs: 'space040',
|
|
51
|
-
sm: 'space030',
|
|
52
|
-
},
|
|
49
|
+
spaceStack: 'space000',
|
|
53
50
|
as: 'h1',
|
|
54
51
|
},
|
|
55
52
|
description: '',
|
|
56
53
|
descriptionOverrides: {
|
|
57
54
|
typographyPreset: { xs: 'utilityBody020', sm: 'utilityBody030' },
|
|
58
55
|
stylePreset: 'inkBase',
|
|
59
|
-
spaceStack:
|
|
60
|
-
xs: 'space050',
|
|
61
|
-
sm: 'space060',
|
|
62
|
-
},
|
|
56
|
+
spaceStack: 'space000',
|
|
63
57
|
},
|
|
64
58
|
backButtonOverrides: {
|
|
65
59
|
spaceStack: { xs: 'space050', sm: 'space060', md: 'space070' },
|
|
@@ -70,6 +64,18 @@ exports.baseContext = {
|
|
|
70
64
|
spaceStack: { xs: 'space050', sm: 'space060', md: 'space040' },
|
|
71
65
|
showDivider: false,
|
|
72
66
|
},
|
|
67
|
+
searchBar: {
|
|
68
|
+
spaceStack: { xs: 'space060', sm: 'space080' },
|
|
69
|
+
},
|
|
70
|
+
contentListView: {
|
|
71
|
+
introduction: {
|
|
72
|
+
spaceStack: 'space060',
|
|
73
|
+
},
|
|
74
|
+
},
|
|
75
|
+
contentContainer: {
|
|
76
|
+
spaceStack: { xs: 'space070', md: 'space090' },
|
|
77
|
+
},
|
|
78
|
+
spaceStack: { xs: 'space070', md: 'space090' },
|
|
73
79
|
inputPlaceholder: 'Describe your issue',
|
|
74
80
|
footer: {
|
|
75
81
|
menuItemArray: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../../src/help-hub/context/baseContext.tsx"],"names":[],"mappings":";;;AAEA,0BAA0B;AACb,QAAA,WAAW,GAAuB;IAC7C,OAAO,EAAE,WAAW;IACpB,GAAG,EAAE;QACH,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,EAAE;QACf,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;KACb;IACD,iBAAiB,EAAE;QACjB,GAAG,EAAE;YACH;gBACE,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,IAAI;gBACV,SAAS,EAAE,kBAAkB;aAC9B;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,IAAI;gBACV,SAAS,EAAE,kBAAkB;aAC9B;YACD;gBACE,IAAI,EAAE,eAAe;gBACrB,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,IAAI;gBACV,SAAS,EAAE,oBAAoB;aAChC;SACF;KACF;IACD,MAAM,EAAE;QACN,iBAAiB,EAAE;YACjB,gBAAgB,EAAE;gBAChB,EAAE,EAAE,iBAAiB;gBACrB,EAAE,EAAE,iBAAiB;aACtB;YACD,WAAW,EAAE,aAAa;YAC1B,UAAU,EAAE,UAAU;SACvB;QACD,KAAK,EAAE,EAAE;QACT,cAAc,EAAE;YACd,gBAAgB,EAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,mBAAmB,EAAE;YACtE,WAAW,EAAE,aAAa;YAC1B,UAAU,EAAE
|
|
1
|
+
{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../../src/help-hub/context/baseContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { FooterContext, FooterContextOverrides, HeaderProps, NavigationPrimaryProps, SEOProps } from '@newskit-render/shared-components';
|
|
2
|
+
import { MQ } from 'newskit';
|
|
2
3
|
import { ReactNode } from 'react';
|
|
4
|
+
import { AlgoliaCredentials } from '../types';
|
|
3
5
|
export interface ContextProviderProps {
|
|
4
6
|
children: ReactNode;
|
|
5
7
|
context: ContextOptions;
|
|
@@ -18,14 +20,32 @@ export interface BaseContextOptions {
|
|
|
18
20
|
header: HeaderProps;
|
|
19
21
|
footer: FooterContext;
|
|
20
22
|
footerOverrides?: FooterContextOverrides;
|
|
23
|
+
searchBar: SearchBarOverrides;
|
|
24
|
+
contentListView: ContentListViewOverrides;
|
|
25
|
+
contentContainer: ContentContainerOverrides;
|
|
26
|
+
spaceStack: MQ<string>;
|
|
27
|
+
}
|
|
28
|
+
interface SearchBarOverrides {
|
|
29
|
+
spaceStack: MQ<string>;
|
|
30
|
+
}
|
|
31
|
+
interface ContentContainerOverrides {
|
|
32
|
+
spaceStack: MQ<string>;
|
|
33
|
+
}
|
|
34
|
+
interface ContentListViewOverrides {
|
|
35
|
+
introduction: {
|
|
36
|
+
spaceStack: string;
|
|
37
|
+
};
|
|
21
38
|
}
|
|
22
39
|
export interface LandingPageContextOptions extends BaseContextOptions {
|
|
23
40
|
contentViewList: any;
|
|
24
41
|
mostReadArticles: Array<any>;
|
|
25
42
|
}
|
|
26
43
|
export interface ResultsPageContextOptions extends BaseContextOptions {
|
|
27
|
-
searchResultArticles: Array<any>;
|
|
28
44
|
}
|
|
29
45
|
export interface ArticlePageContextOptions extends BaseContextOptions {
|
|
46
|
+
title: string;
|
|
47
|
+
content: string;
|
|
48
|
+
credentials: AlgoliaCredentials;
|
|
30
49
|
}
|
|
31
50
|
export declare type ContextOptions = LandingPageContextOptions | ResultsPageContextOptions | ArticlePageContextOptions;
|
|
51
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/help-hub/context/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/help-hub/context/types.ts"],"names":[],"mappings":";;;AAiBA,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,0CAA6B,CAAA;IAC7B,0CAA6B,CAAA;IAC7B,0CAA6B,CAAA;AAC/B,CAAC,EAJW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAItB"}
|
|
@@ -13,5 +13,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
13
13
|
__exportStar(require("./pages/LandingPage"), exports);
|
|
14
14
|
__exportStar(require("./pages/ResultsPage"), exports);
|
|
15
15
|
__exportStar(require("./pages/ArticlePage"), exports);
|
|
16
|
+
__exportStar(require("./provider"), exports);
|
|
16
17
|
__exportStar(require("./types"), exports);
|
|
17
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-hub/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAmC;AACnC,sDAAmC;AACnC,sDAAmC;AACnC,0CAAuB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-hub/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAmC;AACnC,sDAAmC;AACnC,sDAAmC;AACnC,6CAA0B;AAC1B,0CAAuB"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const ArticlePage: React.FC<BasePageProps>;
|
|
2
|
+
import { ArticlePageProps } from './types';
|
|
3
|
+
export declare const PageContent: () => JSX.Element;
|
|
4
|
+
export declare const ArticlePage: React.FC<ArticlePageProps>;
|
|
6
5
|
export default ArticlePage;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
2
6
|
var __assign = (this && this.__assign) || function () {
|
|
3
7
|
__assign = Object.assign || function(t) {
|
|
4
8
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -14,36 +18,46 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
19
|
};
|
|
16
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.ArticlePage = exports.
|
|
21
|
+
exports.ArticlePage = exports.PageContent = void 0;
|
|
18
22
|
var react_1 = __importDefault(require("react"));
|
|
19
23
|
var lodash_assign_1 = __importDefault(require("lodash.assign"));
|
|
24
|
+
var xss_1 = __importDefault(require("xss"));
|
|
20
25
|
var newskit_1 = require("newskit");
|
|
21
26
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
22
27
|
var Templates_1 = __importDefault(require("../components/Templates"));
|
|
23
28
|
var SearchBar_1 = require("../components/SearchBar");
|
|
24
29
|
var types_1 = require("../context/types");
|
|
25
30
|
var context_1 = require("../context");
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
title: 'My voucher booklet has not arrived, what do I do?',
|
|
29
|
-
description: "Please note: due to the significant impact of COVID-19 on Royal Mail's service,we are aware voucher booklets are arriving later than usual",
|
|
30
|
-
},
|
|
31
|
-
};
|
|
31
|
+
var CredentialsProvider_1 = require("../provider/CredentialsProvider");
|
|
32
|
+
var ContentBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n letter-spacing: 0;\n padding: 1px 0px;\n"], ["\n display: block;\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n letter-spacing: 0;\n padding: 1px 0px;\n"])), (0, newskit_1.getFontsFromTheme)('fontFamily010'), (0, newskit_1.getFontsFromTheme)('fontSize030'), (0, newskit_1.getFontsFromTheme)('fontWeight010'), (0, newskit_1.getFontsFromTheme)('fontLineHeight040'));
|
|
32
33
|
var PageContent = function () {
|
|
33
|
-
var _a = (0, context_1.useHelpHubContext)(types_1.ContextName.articlePage),
|
|
34
|
-
|
|
34
|
+
var _a = (0, context_1.useHelpHubContext)(types_1.ContextName.articlePage), title = _a.title, content = _a.content, inputPlaceholder = _a.inputPlaceholder;
|
|
35
|
+
var xssOptions = {
|
|
36
|
+
whiteList: { p: [], a: ['href'], br: [], img: [], b: [], strong: [] },
|
|
37
|
+
stripIgnoreTag: true,
|
|
38
|
+
stripIgnoreTagBody: ['script'],
|
|
39
|
+
};
|
|
40
|
+
var sanitizedArticleContent = (0, xss_1.default)(content, xssOptions);
|
|
35
41
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
36
42
|
react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } }),
|
|
37
|
-
react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder
|
|
38
|
-
react_1.default.createElement(
|
|
43
|
+
react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder }),
|
|
44
|
+
react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } }),
|
|
45
|
+
react_1.default.createElement(shared_components_1.Introduction, { title: title }),
|
|
46
|
+
react_1.default.createElement(ContentBlock, { "data-testid": "content-block", spaceStack: {
|
|
47
|
+
xs: 'space040',
|
|
48
|
+
md: 'space050',
|
|
49
|
+
}, as: "span", dangerouslySetInnerHTML: { __html: sanitizedArticleContent } }),
|
|
39
50
|
react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } })));
|
|
40
51
|
};
|
|
52
|
+
exports.PageContent = PageContent;
|
|
41
53
|
var ArticlePage = function (_a) {
|
|
42
|
-
var context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
|
|
43
|
-
var enhancedContext = __assign({}, (0, lodash_assign_1.default)({},
|
|
44
|
-
return (react_1.default.createElement(
|
|
45
|
-
react_1.default.createElement(
|
|
54
|
+
var credentials = _a.credentials, content = _a.content, title = _a.title, context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
|
|
55
|
+
var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, { content: content, title: title }, context));
|
|
56
|
+
return (react_1.default.createElement(CredentialsProvider_1.CredentialsContextProvider, { credentials: credentials },
|
|
57
|
+
react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
|
|
58
|
+
react_1.default.createElement(exports.PageContent, null))));
|
|
46
59
|
};
|
|
47
60
|
exports.ArticlePage = ArticlePage;
|
|
48
61
|
exports.default = exports.ArticlePage;
|
|
62
|
+
var templateObject_1;
|
|
49
63
|
//# sourceMappingURL=ArticlePage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticlePage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ArticlePage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ArticlePage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ArticlePage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,4CAAqB;AACrB,mCAA0D;AAC1D,uEAAgE;AAChE,sEAA4C;AAC5C,qDAAmD;AAEnD,0CAAyE;AACzE,sCAA8C;AAC9C,uEAA4E;AAE5E,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,2NAAA,sCAEjB,EAAkC,kBACpC,EAAgC,oBAC9B,EAAkC,oBAClC,EAAsC,gDAGtD,KANgB,IAAA,2BAAiB,EAAC,eAAe,CAAC,EACpC,IAAA,2BAAiB,EAAC,aAAa,CAAC,EAC9B,IAAA,2BAAiB,EAAC,eAAe,CAAC,EAClC,IAAA,2BAAiB,EAAC,mBAAmB,CAAC,CAGtD,CAAA;AACM,IAAM,WAAW,GAAG;IACnB,IAAA,KAAuC,IAAA,2BAAiB,EAC5D,mBAAW,CAAC,WAAW,CACK,EAFtB,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,gBAAgB,sBAEV,CAAA;IAC9B,IAAM,UAAU,GAAG;QACjB,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACrE,cAAc,EAAE,IAAI;QACpB,kBAAkB,EAAE,CAAC,QAAQ,CAAC;KAC/B,CAAA;IACD,IAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC,OAAO,EAAE,UAAU,CAAC,CAAA;IACxD,OAAO,CACL;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QACzC,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,GAAI;QAC5C,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QACzC,8BAAC,gCAAY,IAAC,KAAK,EAAE,KAAK,GAAI;QAC9B,8BAAC,YAAY,mBACC,eAAe,EAC3B,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf,EACD,EAAE,EAAC,MAAM,EACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,uBAAuB,EAAE,GAC5D;QACF,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI,CACxC,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,WAAW,eA4BvB;AAEM,IAAM,WAAW,GAA+B,UAAC,EAQvD;QAPC,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,KAAK,WAAA,EACL,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,mBAAmB,yBAAA;IAEnB,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,EAAE,OAAO,SAAA,EAAE,KAAK,OAAA,EAAE,EAAE,OAAO,CAAC,CAC3C,CAAA;IACD,OAAO,CACL,8BAAC,gDAA0B,IAAC,WAAW,EAAE,WAAW;QAClD,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;YAExC,8BAAC,mBAAW,OAAG,CACR,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,WAAW,eAwBvB;AAED,kBAAe,mBAAW,CAAA"}
|
|
@@ -24,6 +24,7 @@ var ContentListView_1 = require("../components/ContentListView");
|
|
|
24
24
|
var SearchBar_1 = require("../components/SearchBar");
|
|
25
25
|
var types_1 = require("../context/types");
|
|
26
26
|
var context_1 = require("../context");
|
|
27
|
+
var CredentialsProvider_1 = require("../provider/CredentialsProvider");
|
|
27
28
|
var replaceDataWithMostReadedArticles = [
|
|
28
29
|
{
|
|
29
30
|
title: 'My voucher booklet has not arrived, what do I do?',
|
|
@@ -61,25 +62,25 @@ exports.LandingPageContext = {
|
|
|
61
62
|
},
|
|
62
63
|
mostReadArticles: replaceDataWithMostReadedArticles, // Update in context tests as well
|
|
63
64
|
};
|
|
64
|
-
var PageContent = function (
|
|
65
|
-
var
|
|
66
|
-
var _b = (0, context_1.useHelpHubContext)(types_1.ContextName.landingPage), header = _b.header, inputPlaceholder = _b.inputPlaceholder, contentViewList = _b.contentViewList, mostReadArticles = _b.mostReadArticles;
|
|
65
|
+
var PageContent = function () {
|
|
66
|
+
var _a = (0, context_1.useHelpHubContext)(types_1.ContextName.landingPage), header = _a.header, inputPlaceholder = _a.inputPlaceholder, contentViewList = _a.contentViewList, mostReadArticles = _a.mostReadArticles, searchBar = _a.searchBar, contentListView = _a.contentListView, contentContainer = _a.contentContainer, spaceStack = _a.spaceStack;
|
|
67
67
|
// NOTE: Add LandingPage custom data logic here
|
|
68
68
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
69
|
-
react_1.default.createElement(newskit_1.Block, { spaceStack:
|
|
69
|
+
react_1.default.createElement(newskit_1.Block, { spaceStack: contentContainer.spaceStack }),
|
|
70
70
|
react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
|
|
71
|
-
react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder
|
|
72
|
-
react_1.default.createElement(newskit_1.Block, { spaceStack:
|
|
73
|
-
react_1.default.createElement(shared_components_1.Introduction, { title: contentViewList.introduction.title }),
|
|
71
|
+
react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder }),
|
|
72
|
+
react_1.default.createElement(newskit_1.Block, { spaceStack: searchBar.spaceStack }),
|
|
73
|
+
react_1.default.createElement(shared_components_1.Introduction, { title: contentViewList.introduction.title, titleOverrides: contentListView.introduction }),
|
|
74
74
|
react_1.default.createElement(ContentListView_1.ContentListView, { data: mostReadArticles }),
|
|
75
|
-
react_1.default.createElement(newskit_1.Block, { spaceStack:
|
|
75
|
+
react_1.default.createElement(newskit_1.Block, { spaceStack: spaceStack })));
|
|
76
76
|
};
|
|
77
77
|
// TODO: Create credentials provider
|
|
78
78
|
var LandingPage = function (_a) {
|
|
79
79
|
var context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, credentials = _a.credentials;
|
|
80
|
-
var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, exports.LandingPageContext, context));
|
|
81
|
-
return (react_1.default.createElement(
|
|
82
|
-
react_1.default.createElement(
|
|
80
|
+
var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, __assign(__assign({}, exports.LandingPageContext), { credentials: credentials }), context));
|
|
81
|
+
return (react_1.default.createElement(CredentialsProvider_1.CredentialsContextProvider, { credentials: credentials },
|
|
82
|
+
react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
|
|
83
|
+
react_1.default.createElement(PageContent, null))));
|
|
83
84
|
};
|
|
84
85
|
exports.LandingPage = LandingPage;
|
|
85
86
|
exports.default = exports.LandingPage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LandingPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/LandingPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,mCAA+B;AAC/B,uEAAwE;AACxE,sEAA4C;AAC5C,iEAA+D;AAC/D,qDAAmD;AAEnD,0CAAyE;AACzE,sCAA8C;
|
|
1
|
+
{"version":3,"file":"LandingPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/LandingPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,mCAA+B;AAC/B,uEAAwE;AACxE,sEAA4C;AAC5C,iEAA+D;AAC/D,qDAAmD;AAEnD,0CAAyE;AACzE,sCAA8C;AAC9C,uEAA4E;AAE5E,IAAM,iCAAiC,GAAG;IACxC;QACE,KAAK,EAAE,mDAAmD;QAC1D,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,mCAAmC;QAC1C,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,gDAAgD;QACvD,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,uCAAuC;QAC9C,GAAG,EAAE,GAAG;KACT;CACF,CAAA;AAEY,QAAA,kBAAkB,GAAuC;IACpE,MAAM,EAAE;QACN,KAAK,EAAE,kBAAkB;KAC1B;IACD,eAAe,EAAE;QACf,YAAY,EAAE;YACZ,KAAK,EAAE,wBAAwB;SAChC;KACF;IACD,gBAAgB,EAAE,iCAAiC,EAAE,kCAAkC;CACxF,CAAA;AAED,IAAM,WAAW,GAAa;IACtB,IAAA,KASF,IAAA,2BAAiB,EAAC,mBAAW,CAAC,WAAW,CAA8B,EARzE,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,UAAU,gBAC+D,CAAA;IAE3E,+CAA+C;IAC/C,OAAO,CACL;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,gBAAgB,CAAC,UAAU,GAAI;QAClD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,GAAI;QAC5C,8BAAC,eAAK,IAAC,UAAU,EAAE,SAAS,CAAC,UAAU,GAAI;QAC3C,8BAAC,gCAAY,IACX,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,KAAK,EACzC,cAAc,EAAE,eAAe,CAAC,YAAY,GAC5C;QACF,8BAAC,iCAAe,IAAC,IAAI,EAAE,gBAAgB,GAAoB;QAC3D,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,GAAI,CAChC,CACJ,CAAA;AACH,CAAC,CAAA;AAED,oCAAoC;AAE7B,IAAM,WAAW,GAA4B,UAAC,EAMpD;QALC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEX,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,wBAAO,0BAAkB,KAAE,WAAW,aAAA,KAAI,OAAO,CAAC,CAC/D,CAAA;IAED,OAAO,CACL,8BAAC,gDAA0B,IAAC,WAAW,EAAE,WAAW;QAClD,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;YAExC,8BAAC,WAAW,OAAG,CACR,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,WAAW,eAuBvB;AAED,kBAAe,mBAAW,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ResultsPageProps } from './types';
|
|
3
3
|
import { ResultsPageContextOptions } from '../context/types';
|
|
4
4
|
export declare const ResultsPageContext: Partial<ResultsPageContextOptions>;
|
|
5
|
-
export declare const ResultsPage: React.FC<
|
|
5
|
+
export declare const ResultsPage: React.FC<ResultsPageProps>;
|
|
6
6
|
export default ResultsPage;
|