@newskit-render/shared-components 3.6.1 → 3.7.0-alpha.1
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/NavigationFooter/NavigationFooter.d.ts +1 -1
- package/dist/cjs/NavigationFooter/NavigationFooter.js +12 -34
- package/dist/cjs/NavigationFooter/NavigationFooter.js.map +1 -1
- package/dist/cjs/NavigationFooter/components/FooterLinks.d.ts +2 -0
- package/dist/cjs/NavigationFooter/components/FooterLinks.js +30 -0
- package/dist/cjs/NavigationFooter/components/FooterLinks.js.map +1 -0
- package/dist/cjs/NavigationFooter/stories/Help.d.ts +8 -0
- package/dist/cjs/NavigationFooter/stories/Help.js +22 -9
- package/dist/cjs/NavigationFooter/stories/Help.js.map +1 -1
- package/dist/cjs/NavigationFooter/stories/MySimpleComponent.d.ts +1 -3
- package/dist/cjs/NavigationFooter/stories/MySimpleComponent.js +4 -3
- package/dist/cjs/NavigationFooter/stories/MySimpleComponent.js.map +1 -1
- package/dist/cjs/NavigationFooter/stories/NavigationFooter.stories.d.ts +3 -3
- package/dist/cjs/NavigationFooter/stories/NavigationFooter.stories.js +25 -33
- package/dist/cjs/NavigationFooter/stories/NavigationFooter.stories.js.map +1 -1
- package/dist/cjs/NavigationFooter/style-presets.d.ts +17 -0
- package/dist/cjs/NavigationFooter/style-presets.js +17 -0
- package/dist/cjs/NavigationFooter/style-presets.js.map +1 -1
- package/dist/cjs/NavigationFooter/types.d.ts +19 -31
- package/dist/cjs/NavigationPrimary/NavigationPrimary.js +2 -4
- package/dist/cjs/NavigationPrimary/NavigationPrimary.js.map +1 -1
- package/dist/cjs/helpers/baseContext.d.ts +20 -17
- package/dist/cjs/helpers/baseContext.js +23 -16
- package/dist/cjs/helpers/baseContext.js.map +1 -1
- package/dist/esm/NavigationFooter/NavigationFooter.d.ts +1 -1
- package/dist/esm/NavigationFooter/NavigationFooter.js +13 -35
- package/dist/esm/NavigationFooter/NavigationFooter.js.map +1 -1
- package/dist/esm/NavigationFooter/components/FooterLinks.d.ts +2 -0
- package/dist/esm/NavigationFooter/components/FooterLinks.js +23 -0
- package/dist/esm/NavigationFooter/components/FooterLinks.js.map +1 -0
- package/dist/esm/NavigationFooter/stories/Help.d.ts +8 -0
- package/dist/esm/NavigationFooter/stories/Help.js +22 -9
- package/dist/esm/NavigationFooter/stories/Help.js.map +1 -1
- package/dist/esm/NavigationFooter/stories/MySimpleComponent.d.ts +1 -3
- package/dist/esm/NavigationFooter/stories/MySimpleComponent.js +4 -3
- package/dist/esm/NavigationFooter/stories/MySimpleComponent.js.map +1 -1
- package/dist/esm/NavigationFooter/stories/NavigationFooter.stories.d.ts +3 -3
- package/dist/esm/NavigationFooter/stories/NavigationFooter.stories.js +21 -29
- package/dist/esm/NavigationFooter/stories/NavigationFooter.stories.js.map +1 -1
- package/dist/esm/NavigationFooter/style-presets.d.ts +17 -0
- package/dist/esm/NavigationFooter/style-presets.js +17 -0
- package/dist/esm/NavigationFooter/style-presets.js.map +1 -1
- package/dist/esm/NavigationFooter/types.d.ts +19 -31
- package/dist/esm/NavigationPrimary/NavigationPrimary.js +2 -4
- package/dist/esm/NavigationPrimary/NavigationPrimary.js.map +1 -1
- package/dist/esm/helpers/baseContext.d.ts +20 -17
- package/dist/esm/helpers/baseContext.js +23 -16
- package/dist/esm/helpers/baseContext.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/AccountDropdown/AccountDropdown.d.ts +0 -3
- package/dist/cjs/AccountDropdown/AccountDropdown.js +0 -121
- package/dist/cjs/AccountDropdown/AccountDropdown.js.map +0 -1
- package/dist/cjs/AccountDropdown/accounts.d.ts +0 -37
- package/dist/cjs/AccountDropdown/accounts.js +0 -42
- package/dist/cjs/AccountDropdown/accounts.js.map +0 -1
- package/dist/cjs/AccountDropdown/index.d.ts +0 -2
- package/dist/cjs/AccountDropdown/index.js +0 -19
- package/dist/cjs/AccountDropdown/index.js.map +0 -1
- package/dist/cjs/AccountDropdown/types.d.ts +0 -4
- package/dist/cjs/AccountDropdown/types.js +0 -3
- package/dist/cjs/AccountDropdown/types.js.map +0 -1
- package/dist/cjs/AccountDropdown/utils.d.ts +0 -2
- package/dist/cjs/AccountDropdown/utils.js +0 -22
- package/dist/cjs/AccountDropdown/utils.js.map +0 -1
- package/dist/cjs/NavigationFooter/components/Container.d.ts +0 -7
- package/dist/cjs/NavigationFooter/components/Container.js +0 -14
- package/dist/cjs/NavigationFooter/components/Container.js.map +0 -1
- package/dist/cjs/NavigationFooter/components/FooterMenu.d.ts +0 -3
- package/dist/cjs/NavigationFooter/components/FooterMenu.js +0 -61
- package/dist/cjs/NavigationFooter/components/FooterMenu.js.map +0 -1
- package/dist/esm/AccountDropdown/AccountDropdown.d.ts +0 -3
- package/dist/esm/AccountDropdown/AccountDropdown.js +0 -91
- package/dist/esm/AccountDropdown/AccountDropdown.js.map +0 -1
- package/dist/esm/AccountDropdown/accounts.d.ts +0 -37
- package/dist/esm/AccountDropdown/accounts.js +0 -38
- package/dist/esm/AccountDropdown/accounts.js.map +0 -1
- package/dist/esm/AccountDropdown/index.d.ts +0 -2
- package/dist/esm/AccountDropdown/index.js +0 -3
- package/dist/esm/AccountDropdown/index.js.map +0 -1
- package/dist/esm/AccountDropdown/types.d.ts +0 -4
- package/dist/esm/AccountDropdown/types.js +0 -2
- package/dist/esm/AccountDropdown/types.js.map +0 -1
- package/dist/esm/AccountDropdown/utils.d.ts +0 -2
- package/dist/esm/AccountDropdown/utils.js +0 -17
- package/dist/esm/AccountDropdown/utils.js.map +0 -1
- package/dist/esm/NavigationFooter/components/Container.d.ts +0 -7
- package/dist/esm/NavigationFooter/components/Container.js +0 -9
- package/dist/esm/NavigationFooter/components/Container.js.map +0 -1
- package/dist/esm/NavigationFooter/components/FooterMenu.d.ts +0 -3
- package/dist/esm/NavigationFooter/components/FooterMenu.js +0 -33
- package/dist/esm/NavigationFooter/components/FooterMenu.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { FooterProps } from './types';
|
|
2
|
-
export declare const footerOverrides: ({ footer, footerOverrides,
|
|
2
|
+
export declare const footerOverrides: ({ footer, footerOverrides, }: FooterProps) => JSX.Element;
|
|
@@ -1,8 +1,4 @@
|
|
|
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
|
-
};
|
|
6
2
|
var __assign = (this && this.__assign) || function () {
|
|
7
3
|
__assign = Object.assign || function(t) {
|
|
8
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,39 +17,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
21
17
|
exports.footerOverrides = void 0;
|
|
22
18
|
var react_1 = __importDefault(require("react"));
|
|
23
19
|
var newskit_1 = require("newskit");
|
|
24
|
-
var Container_1 = __importDefault(require("./components/Container"));
|
|
25
|
-
var FooterMenu_1 = __importDefault(require("./components/FooterMenu"));
|
|
26
20
|
var baseContext_1 = require("../helpers/baseContext");
|
|
27
|
-
var
|
|
28
|
-
var backgroundColor = _a.backgroundColor;
|
|
29
|
-
return backgroundColor &&
|
|
30
|
-
(0, newskit_1.getColorCssFromTheme)('backgroundColor', backgroundColor);
|
|
31
|
-
});
|
|
32
|
-
var FooterDivider = (0, newskit_1.styled)(newskit_1.Divider)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
|
|
33
|
-
var borderColor = _a.borderColor;
|
|
34
|
-
return borderColor && (0, newskit_1.getColorCssFromTheme)('borderColor', borderColor);
|
|
35
|
-
});
|
|
21
|
+
var FooterLinks_1 = require("./components/FooterLinks");
|
|
36
22
|
var footerOverrides = function (_a) {
|
|
37
|
-
var _b
|
|
38
|
-
var footer = _a.footer, footerOverrides = _a.footerOverrides
|
|
23
|
+
var _b;
|
|
24
|
+
var footer = _a.footer, footerOverrides = _a.footerOverrides;
|
|
39
25
|
var HelpChat = footer && footer.helpChat;
|
|
40
|
-
return (react_1.default.createElement(newskit_1.
|
|
41
|
-
react_1.default.createElement(
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
react_1.default.createElement(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
react_1.default.createElement(FooterMenu_1.default, { footer: footer, footerOverrides: footerOverrides })),
|
|
50
|
-
react_1.default.createElement(newskit_1.Cell, { xs: 12 },
|
|
51
|
-
react_1.default.createElement(FooterDivider, { borderColor: (_d = footerOverrides.menuOverrides) === null || _d === void 0 ? void 0 : _d.borderColorBottom })),
|
|
52
|
-
react_1.default.createElement(newskit_1.Cell, { xs: 12 },
|
|
53
|
-
react_1.default.createElement(Container_1.default, { marginBlockEnd: (_e = footerOverrides.menuOverrides) === null || _e === void 0 ? void 0 : _e.marginBlockEnd },
|
|
54
|
-
react_1.default.createElement(newskit_1.TextBlock, __assign({}, footerOverrides.legalTextOverrides), footer.legalText))),
|
|
55
|
-
react_1.default.createElement(newskit_1.Cell, { xs: 12 })))));
|
|
26
|
+
return (react_1.default.createElement(newskit_1.Block, { as: "footer", "data-testid": "NavigationFooter", stylePreset: (_b = footerOverrides.footerStyleOverrides) === null || _b === void 0 ? void 0 : _b.stylePreset },
|
|
27
|
+
react_1.default.createElement(newskit_1.Divider, { overrides: __assign({}, footerOverrides.footerDividerOverrides) }),
|
|
28
|
+
HelpChat ? (react_1.default.createElement(HelpChat, { chatHelpOverrides: footerOverrides.chatHelpOverrides
|
|
29
|
+
? footerOverrides.chatHelpOverrides
|
|
30
|
+
: baseContext_1.baseContext.footerOverrides.chatHelpOverrides })) : null,
|
|
31
|
+
react_1.default.createElement(newskit_1.Block, __assign({}, footerOverrides.footerAreaOverrides),
|
|
32
|
+
react_1.default.createElement(FooterLinks_1.FooterLinks, { footer: footer, footerOverrides: footerOverrides }),
|
|
33
|
+
react_1.default.createElement(newskit_1.Divider, { overrides: __assign({}, footerOverrides.linksDividerOverrides) }),
|
|
34
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({}, footerOverrides.legalTextOverrides), footer.legalText))));
|
|
56
35
|
};
|
|
57
36
|
exports.footerOverrides = footerOverrides;
|
|
58
|
-
var templateObject_1, templateObject_2;
|
|
59
37
|
//# sourceMappingURL=NavigationFooter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationFooter.js","sourceRoot":"","sources":["../../../src/NavigationFooter/NavigationFooter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NavigationFooter.js","sourceRoot":"","sources":["../../../src/NavigationFooter/NavigationFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAmD;AAEnD,sDAAoD;AACpD,wDAAsD;AAE/C,IAAM,eAAe,GAAG,UAAC,EAGlB;;QAFZ,MAAM,YAAA,EACN,eAAe,qBAAA;IAEf,IAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAA;IAC1C,OAAO,CACL,8BAAC,eAAK,IACJ,EAAE,EAAC,QAAQ,iBACC,kBAAkB,EAC9B,WAAW,EAAE,MAAA,eAAe,CAAC,oBAAoB,0CAAE,WAAW;QAE9D,8BAAC,iBAAO,IACN,SAAS,eACJ,eAAe,CAAC,sBAAsB,IAE3C;QACD,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAC,QAAQ,IACP,iBAAiB,EACf,eAAe,CAAC,iBAAiB;gBAC/B,CAAC,CAAC,eAAe,CAAC,iBAAiB;gBACnC,CAAC,CAAC,yBAAW,CAAC,eAAe,CAAC,iBAAiB,GAEnD,CACH,CAAC,CAAC,CAAC,IAAI;QACR,8BAAC,eAAK,eAAK,eAAe,CAAC,mBAAmB;YAC5C,8BAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,GAAI;YAEjE,8BAAC,iBAAO,IACN,SAAS,eACJ,eAAe,CAAC,qBAAqB,IAE1C;YACF,8BAAC,mBAAS,eAAK,eAAe,CAAC,kBAAkB,GAC9C,MAAM,CAAC,SAAS,CACP,CACN,CACF,CACT,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,eAAe,mBAuC3B"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.FooterLinks = void 0;
|
|
18
|
+
var newskit_1 = require("newskit");
|
|
19
|
+
var react_1 = __importDefault(require("react"));
|
|
20
|
+
var utils_1 = require("../../utils");
|
|
21
|
+
var FooterLinks = function (_a) {
|
|
22
|
+
var footer = _a.footer, footerOverrides = _a.footerOverrides;
|
|
23
|
+
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
24
|
+
return (react_1.default.createElement(newskit_1.GridLayout, { justifyContent: "center", justifyItems: "center", autoFlow: { xs: 'row', sm: 'column' }, rowGap: { xs: 'space070', md: 'space000' }, columnGap: { md: 'space070' }, overrides: {
|
|
25
|
+
paddingBlockStart: { xs: 'space040', md: 'space020' },
|
|
26
|
+
paddingBlockEnd: { xs: 'space040' },
|
|
27
|
+
} }, footer.linksArray.map(function (link) { return (react_1.default.createElement(newskit_1.LinkStandalone, { onClick: function () { return fireEvent((0, utils_1.createClickEvent)('footer-menu', link.text)); }, external: false, key: link.id, href: link.href, overrides: __assign({}, footerOverrides.linkOverrides) }, link.text)); })));
|
|
28
|
+
};
|
|
29
|
+
exports.FooterLinks = FooterLinks;
|
|
30
|
+
//# sourceMappingURL=FooterLinks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FooterLinks.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/components/FooterLinks.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mCAAwE;AAExE,gDAAyB;AACzB,qCAA8C;AAEvC,IAAM,WAAW,GAAG,UAAC,EAGd;QAFZ,MAAM,YAAA,EACN,eAAe,qBAAA;IAEP,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAE1C,OAAO,CACL,8BAAC,oBAAU,IACT,cAAc,EAAC,QAAQ,EACvB,YAAY,EAAC,QAAQ,EACrB,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EACrC,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAC1C,SAAS,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAC7B,SAAS,EAAE;YACT,iBAAiB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;YACrD,eAAe,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;SACpC,IAEA,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC/B,8BAAC,wBAAc,IACb,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,IAAA,wBAAgB,EAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAArD,CAAqD,EACpE,QAAQ,EAAE,KAAK,EACf,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,eACJ,eAAe,CAAC,aAAa,KAGjC,IAAI,CAAC,IAAI,CACK,CAClB,EAZgC,CAYhC,CAAC,CACS,CACd,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,WAAW,eAiCvB"}
|
|
@@ -3,6 +3,10 @@ import { ButtonSize, MQ } from 'newskit';
|
|
|
3
3
|
export declare const Help: React.FC<{
|
|
4
4
|
chatHelpOverrides?: {
|
|
5
5
|
icon?: ReactNode;
|
|
6
|
+
iconOverrides?: {
|
|
7
|
+
size?: MQ<string>;
|
|
8
|
+
stylePreset: MQ<string>;
|
|
9
|
+
};
|
|
6
10
|
buttonOverrides?: {
|
|
7
11
|
size?: ButtonSize;
|
|
8
12
|
minWidth?: MQ<string>;
|
|
@@ -10,6 +14,9 @@ export declare const Help: React.FC<{
|
|
|
10
14
|
text: string;
|
|
11
15
|
};
|
|
12
16
|
helpHeadline?: string;
|
|
17
|
+
helpHeadlineOverrides?: {
|
|
18
|
+
typographyPreset: MQ<string>;
|
|
19
|
+
};
|
|
13
20
|
helpSubheadline?: string;
|
|
14
21
|
gridLayoutOverrides?: {
|
|
15
22
|
rowGap?: MQ<string>;
|
|
@@ -18,6 +25,7 @@ export declare const Help: React.FC<{
|
|
|
18
25
|
overrides?: {
|
|
19
26
|
paddingBlock?: MQ<string>;
|
|
20
27
|
paddingInline?: MQ<string>;
|
|
28
|
+
width?: string;
|
|
21
29
|
};
|
|
22
30
|
};
|
|
23
31
|
};
|
|
@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
6
17
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
19
|
};
|
|
@@ -13,22 +24,24 @@ var newskit_1 = require("newskit");
|
|
|
13
24
|
var baseContext_1 = require("../../helpers/baseContext");
|
|
14
25
|
var Chat_1 = require("@emotion-icons/material/Chat");
|
|
15
26
|
var IconFilledChat = (0, newskit_1.toNewsKitIcon)(Chat_1.Chat);
|
|
16
|
-
var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n text-align: center;\n"], ["\n ", "\n text-align: center;\n"])), (0, newskit_1.getColorCssFromTheme)('background', '
|
|
27
|
+
var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n text-align: center;\n"], ["\n ", "\n text-align: center;\n"])), (0, newskit_1.getColorCssFromTheme)('background', 'interface020'));
|
|
17
28
|
var _a = baseContext_1.baseContext.footerOverrides.chatHelpOverrides, buttonOverrides = _a.buttonOverrides, helpHeadline = _a.helpHeadline, helpSubheadline = _a.helpSubheadline;
|
|
18
29
|
var Help = function (_a) {
|
|
19
30
|
var _b, _c;
|
|
20
31
|
var chatHelpOverrides = _a.chatHelpOverrides;
|
|
21
32
|
return (react_1.default.createElement(StyledGridLayout, { rowGap: 'space040', justifyItems: 'center', alignContent: 'start', overrides: {
|
|
22
|
-
paddingBlock: '
|
|
23
|
-
paddingInline: '
|
|
33
|
+
paddingBlock: 'space060',
|
|
34
|
+
paddingInline: 'space060',
|
|
24
35
|
} },
|
|
25
|
-
react_1.default.createElement(IconFilledChat, { overrides:
|
|
26
|
-
|
|
36
|
+
react_1.default.createElement(IconFilledChat, { overrides: (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.iconOverrides) || {
|
|
37
|
+
size: 'iconSize030',
|
|
38
|
+
stylePreset: 'chatIconStylePreset',
|
|
39
|
+
} }),
|
|
40
|
+
react_1.default.createElement(newskit_1.Headline, { overrides: __assign({}, ((chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.helpHeadlineOverrides) || {
|
|
27
41
|
typographyPreset: 'utilityHeading030',
|
|
28
|
-
} }, (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.helpHeadline) || helpHeadline),
|
|
29
|
-
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: '
|
|
30
|
-
react_1.default.createElement(newskit_1.Button, { overrides: (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) || buttonOverrides, size: ((
|
|
31
|
-
buttonOverrides.size) }, ((_c = chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) === null || _c === void 0 ? void 0 : _c.text) || buttonOverrides.text)));
|
|
42
|
+
})) }, (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.helpHeadline) || helpHeadline),
|
|
43
|
+
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: 'utilityBody030', stylePreset: 'inkBase', paddingInline: 'space050' }, (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.helpSubheadline) || helpSubheadline),
|
|
44
|
+
react_1.default.createElement(newskit_1.Button, { overrides: (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) || buttonOverrides, size: ((_b = chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) === null || _b === void 0 ? void 0 : _b.size) || 'small' }, ((_c = chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) === null || _c === void 0 ? void 0 : _c.text) || buttonOverrides.text)));
|
|
32
45
|
};
|
|
33
46
|
exports.Help = Help;
|
|
34
47
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Help.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/Help.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Help.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/Help.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAwC;AAExC,mCAUgB;AAChB,yDAAuD;AACvD,qDAAiE;AAEjE,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,WAAU,CAAC,CAAA;AAChD,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,sGAAA,MACvC,EAAkD,2BAErD,KAFG,IAAA,8BAAoB,EAAC,YAAY,EAAE,cAAc,CAAC,CAErD,CAAA;AACK,IAAA,KACJ,yBAAW,CAAC,eAAe,CAAC,iBAAiB,EADvC,eAAe,qBAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBACP,CAAA;AAExC,IAAM,IAAI,GAwBZ,UAAC,EAAqB;;QAAnB,iBAAiB,uBAAA;IACvB,OAAO,CACL,8BAAC,gBAAgB,IACf,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,OAAO,EACrB,SAAS,EAAE;YACT,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;QAED,8BAAC,cAAc,IACb,SAAS,EACP,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa,KAAI;gBAClC,IAAI,EAAE,aAAa;gBACnB,WAAW,EAAE,qBAAqB;aACnC,GAEH;QAEF,8BAAC,kBAAQ,IACP,SAAS,eACJ,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,qBAAqB,KAAI;gBAC9C,gBAAgB,EAAE,mBAAmB;aACtC,CAAC,KAGH,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,KAAI,YAAY,CACvC;QAEX,8BAAC,mBAAS,IACR,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,SAAS,EACtB,aAAa,EAAE,UAAU,IAExB,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,KAAI,eAAe,CAC5C;QAEZ,8BAAC,gBAAM,IACL,SAAS,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,KAAI,eAAe,EAChE,IAAI,EACF,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,0CAAE,IAAI,KAAK,OAAsB,IAGpE,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,0CAAE,IAAI,KAAI,eAAe,CAAC,IAAI,CAC1D,CACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAxEY,QAAA,IAAI,QAwEhB"}
|
|
@@ -8,14 +8,15 @@ var newskit_1 = require("newskit");
|
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
|
9
9
|
var IntegrationInstructions_1 = require("@emotion-icons/material/IntegrationInstructions");
|
|
10
10
|
var IconFilledIntegrationInstructions = (0, newskit_1.toNewsKitIcon)(IntegrationInstructions_1.IntegrationInstructions);
|
|
11
|
-
var MySimpleComponent = function (
|
|
12
|
-
var chatHelpOverrides = _a.chatHelpOverrides;
|
|
11
|
+
var MySimpleComponent = function () {
|
|
13
12
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
14
13
|
react_1.default.createElement(newskit_1.GridLayout, { justifyItems: 'center', alignContent: 'start', overrides: {
|
|
15
14
|
paddingBlock: 'space050',
|
|
16
15
|
paddingInline: 'space050',
|
|
17
16
|
} },
|
|
18
|
-
react_1.default.createElement(IconFilledIntegrationInstructions, { overrides:
|
|
17
|
+
react_1.default.createElement(IconFilledIntegrationInstructions, { overrides: {
|
|
18
|
+
size: 'iconSize030',
|
|
19
|
+
} }),
|
|
19
20
|
react_1.default.createElement(newskit_1.TextBlock, null, "You can use the navigation Footer with a help component. The Help component can be any React component")),
|
|
20
21
|
react_1.default.createElement(newskit_1.Divider, null)));
|
|
21
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MySimpleComponent.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/MySimpleComponent.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAuE;AACvE,gDAAyB;AAEzB,2FAA0H;AAC1H,IAAM,iCAAiC,GAAG,IAAA,uBAAa,EACrD,iDAA6B,CAC9B,CAAA;AAEM,IAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"MySimpleComponent.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/MySimpleComponent.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAuE;AACvE,gDAAyB;AAEzB,2FAA0H;AAC1H,IAAM,iCAAiC,GAAG,IAAA,uBAAa,EACrD,iDAA6B,CAC9B,CAAA;AAEM,IAAM,iBAAiB,GAAa;IACzC,OAAO,CACL;QACE,8BAAC,oBAAU,IACT,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,OAAO,EACrB,SAAS,EAAE;gBACT,YAAY,EAAE,UAAU;gBACxB,aAAa,EAAE,UAAU;aAC1B;YAED,8BAAC,iCAAiC,IAChC,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;iBACpB,GACD;YAEF,8BAAC,mBAAS,iHAGE,CACD;QACb,8BAAC,iBAAO,OAAG,CACV,CACJ,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,iBAAiB,qBAyB7B"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta, Story } from '@storybook/react';
|
|
2
|
+
export declare const WithoutChat: Story;
|
|
3
|
+
export declare const WithChat: Story;
|
|
4
|
+
export declare const withRandomHelpChatComponent: Story;
|
|
2
5
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
3
6
|
export default _default;
|
|
4
|
-
export declare const Primary: Story;
|
|
5
|
-
export declare const WithChat: Story;
|
|
6
|
-
export declare const WithRandom: Story;
|
|
@@ -14,44 +14,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.
|
|
17
|
+
exports.withRandomHelpChatComponent = exports.WithChat = exports.WithoutChat = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var baseContext_1 = require("../../helpers/baseContext");
|
|
20
|
-
var __1 = require("..");
|
|
21
|
-
var Help_1 = require("./Help");
|
|
22
|
-
var MySimpleComponent_1 = require("./MySimpleComponent");
|
|
23
19
|
var newskit_1 = require("newskit");
|
|
20
|
+
var Help_1 = require("./Help");
|
|
21
|
+
var __1 = require("..");
|
|
22
|
+
var baseContext_1 = require("../../helpers/baseContext");
|
|
24
23
|
var theme_1 = require("../../theme");
|
|
24
|
+
var style_presets_1 = require("../style-presets");
|
|
25
|
+
var MySimpleComponent_1 = require("./MySimpleComponent");
|
|
26
|
+
var newFooterTheme = (0, newskit_1.createTheme)({
|
|
27
|
+
name: 'New Footer Theme',
|
|
28
|
+
baseTheme: theme_1.sharedTheme,
|
|
29
|
+
overrides: {
|
|
30
|
+
stylePresets: __assign({}, style_presets_1.navigationFooterPresets),
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
console.log(newFooterTheme);
|
|
34
|
+
var contextWithChat = __assign(__assign({}, baseContext_1.baseContext), { footer: __assign(__assign({}, baseContext_1.baseContext.footer), { helpChat: Help_1.Help }) });
|
|
35
|
+
var contextWithRandomChatComponent = __assign(__assign({}, baseContext_1.baseContext), { footer: __assign(__assign({}, baseContext_1.baseContext.footer), { helpChat: MySimpleComponent_1.MySimpleComponent }) });
|
|
36
|
+
var WithoutChat = function () { return (react_1.default.createElement(newskit_1.ThemeProvider, { theme: newFooterTheme },
|
|
37
|
+
react_1.default.createElement(__1.NavigationFooter, __assign({}, baseContext_1.baseContext)))); };
|
|
38
|
+
exports.WithoutChat = WithoutChat;
|
|
39
|
+
var WithChat = function () { return (react_1.default.createElement(newskit_1.ThemeProvider, { theme: newFooterTheme },
|
|
40
|
+
react_1.default.createElement(__1.NavigationFooter, __assign({}, contextWithChat)))); };
|
|
41
|
+
exports.WithChat = WithChat;
|
|
42
|
+
var withRandomHelpChatComponent = function () { return (react_1.default.createElement(newskit_1.ThemeProvider, { theme: newFooterTheme },
|
|
43
|
+
react_1.default.createElement(__1.NavigationFooter, __assign({}, contextWithRandomChatComponent)))); };
|
|
44
|
+
exports.withRandomHelpChatComponent = withRandomHelpChatComponent;
|
|
25
45
|
exports.default = {
|
|
26
46
|
title: 'Components/Sections/NavigationFooter',
|
|
27
47
|
component: __1.NavigationFooter,
|
|
28
48
|
};
|
|
29
|
-
// TODO: Find out if there is a better way to create and use components that are used only for stories
|
|
30
|
-
var Primary = function () { return (react_1.default.createElement(__1.NavigationFooter, { footer: baseContext_1.baseContext.footer, footerOverrides: baseContext_1.baseContext.footerOverrides, margin: { xsMargin: 'sizing050' }, gutter: { xsColumnGutter: 'sizing050' } })); };
|
|
31
|
-
exports.Primary = Primary;
|
|
32
|
-
exports.Primary.args = {
|
|
33
|
-
context: __assign({}, baseContext_1.baseContext),
|
|
34
|
-
};
|
|
35
|
-
var menuItems = [
|
|
36
|
-
{ text: 'About us', href: '/about-us', id: 1 },
|
|
37
|
-
{
|
|
38
|
-
text: 'Privacy & cookie policy',
|
|
39
|
-
href: 'http://www.newsprivacy.co.uk/',
|
|
40
|
-
id: 2,
|
|
41
|
-
},
|
|
42
|
-
{ text: 'Terms & conditions', href: '/terms-and-conditions', id: 3 },
|
|
43
|
-
];
|
|
44
|
-
var contextWithChat = __assign(__assign({}, baseContext_1.baseContext), { footer: __assign(__assign({}, baseContext_1.baseContext.footer), { menuItemArray: menuItems, helpChat: Help_1.Help }), footerOverrides: __assign({}, baseContext_1.baseContext.footerOverrides) });
|
|
45
|
-
var WithChat = function () { return (react_1.default.createElement(newskit_1.ThemeProvider, { theme: theme_1.sharedTheme },
|
|
46
|
-
react_1.default.createElement(__1.NavigationFooter, { footer: contextWithChat.footer, footerOverrides: contextWithChat.footerOverrides, margin: { xsMargin: 'sizing050' }, gutter: { xsColumnGutter: 'sizing050' } }))); };
|
|
47
|
-
exports.WithChat = WithChat;
|
|
48
|
-
exports.WithChat.args = {
|
|
49
|
-
context: __assign({}, contextWithChat),
|
|
50
|
-
};
|
|
51
|
-
var contextWithRandomComponent = __assign(__assign({}, baseContext_1.baseContext), { footer: __assign(__assign({}, baseContext_1.baseContext.footer), { menuItemArray: menuItems, helpChat: MySimpleComponent_1.MySimpleComponent }), footerOverrides: __assign(__assign({}, baseContext_1.baseContext.footerOverrides), { chatHelpOverrides: { size: 'iconSize050' } }) });
|
|
52
|
-
var WithRandom = function () {
|
|
53
|
-
return (react_1.default.createElement(newskit_1.ThemeProvider, { theme: theme_1.sharedTheme },
|
|
54
|
-
react_1.default.createElement(__1.NavigationFooter, { footer: contextWithRandomComponent.footer, footerOverrides: contextWithRandomComponent.footerOverrides, margin: { xsMargin: 'sizing050' }, gutter: { xsColumnGutter: 'sizing050' } })));
|
|
55
|
-
};
|
|
56
|
-
exports.WithRandom = WithRandom;
|
|
57
49
|
//# sourceMappingURL=NavigationFooter.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationFooter.stories.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/NavigationFooter.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,
|
|
1
|
+
{"version":3,"file":"NavigationFooter.stories.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/NavigationFooter.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mCAAoD;AACpD,+BAA6B;AAC7B,wBAAqC;AACrC,yDAAuD;AACvD,qCAAyC;AACzC,kDAA0D;AAC1D,yDAAuD;AAEvD,IAAM,cAAc,GAAG,IAAA,qBAAW,EAAC;IACjC,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE,mBAAW;IACtB,SAAS,EAAE;QACT,YAAY,eAAO,uCAAuB,CAAE;KAC7C;CACF,CAAC,CAAA;AACF,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;AAE3B,IAAM,eAAe,yBAChB,yBAAW,KACd,MAAM,wBACD,yBAAW,CAAC,MAAM,KACrB,QAAQ,EAAE,WAAI,MAEjB,CAAA;AAED,IAAM,8BAA8B,yBAC/B,yBAAW,KACd,MAAM,wBACD,yBAAW,CAAC,MAAM,KACrB,QAAQ,EAAE,qCAAiB,MAE9B,CAAA;AACM,IAAM,WAAW,GAAU,cAAM,OAAA,CACtC,8BAAC,uBAAa,IAAC,KAAK,EAAE,cAAc;IAClC,8BAAC,oBAAgB,eAAK,yBAAW,EAAI,CACvB,CACjB,EAJuC,CAIvC,CAAA;AAJY,QAAA,WAAW,eAIvB;AACM,IAAM,QAAQ,GAAU,cAAM,OAAA,CACnC,8BAAC,uBAAa,IAAC,KAAK,EAAE,cAAc;IAClC,8BAAC,oBAAgB,eAAK,eAAe,EAAI,CAC3B,CACjB,EAJoC,CAIpC,CAAA;AAJY,QAAA,QAAQ,YAIpB;AACM,IAAM,2BAA2B,GAAU,cAAM,OAAA,CACtD,8BAAC,uBAAa,IAAC,KAAK,EAAE,cAAc;IAClC,8BAAC,oBAAgB,eAAK,8BAA8B,EAAI,CAC1C,CACjB,EAJuD,CAIvD,CAAA;AAJY,QAAA,2BAA2B,+BAIvC;AACD,kBAAe;IACb,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,oBAAgB;CACpB,CAAA"}
|
|
@@ -6,6 +6,23 @@ export declare const navigationFooterPresets: {
|
|
|
6
6
|
color: string;
|
|
7
7
|
};
|
|
8
8
|
};
|
|
9
|
+
footerContainerStylePreset: {
|
|
10
|
+
base: {
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
footerDividerStylePreset: {
|
|
15
|
+
base: {
|
|
16
|
+
borderColor: string;
|
|
17
|
+
borderWidth: string;
|
|
18
|
+
borderStyle: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
chatIconStylePreset: {
|
|
22
|
+
base: {
|
|
23
|
+
color: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
9
26
|
};
|
|
10
27
|
export declare const footerLegalText: {
|
|
11
28
|
base: {
|
|
@@ -9,6 +9,23 @@ exports.navigationFooterPresets = {
|
|
|
9
9
|
color: '{{colors.inkSubtle}}',
|
|
10
10
|
},
|
|
11
11
|
},
|
|
12
|
+
footerContainerStylePreset: {
|
|
13
|
+
base: {
|
|
14
|
+
backgroundColor: '{{colors.transparent}}',
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
footerDividerStylePreset: {
|
|
18
|
+
base: {
|
|
19
|
+
borderColor: '{{colors.interface040}}',
|
|
20
|
+
borderWidth: '{{borders.borderWidth010}}',
|
|
21
|
+
borderStyle: 'solid',
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
chatIconStylePreset: {
|
|
25
|
+
base: {
|
|
26
|
+
color: '{{colors.inkBrand010}}',
|
|
27
|
+
},
|
|
28
|
+
},
|
|
12
29
|
};
|
|
13
30
|
exports.footerLegalText = {
|
|
14
31
|
base: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/NavigationFooter/style-presets.ts"],"names":[],"mappings":";;;AAAa,QAAA,uBAAuB,GAAG;IACrC,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,UAAU,EAAE,UAAU;YACtB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,sBAAsB;SAC9B;KACF;CACF,CAAA;AAEY,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,sBAAsB;KAC9B;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/NavigationFooter/style-presets.ts"],"names":[],"mappings":";;;AAAa,QAAA,uBAAuB,GAAG;IACrC,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,UAAU,EAAE,UAAU;YACtB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,sBAAsB;SAC9B;KACF;IACD,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;IACD,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,4BAA4B;YACzC,WAAW,EAAE,OAAO;SACrB;KACF;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,KAAK,EAAE,wBAAwB;SAChC;KACF;CACF,CAAA;AAEY,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,sBAAsB;KAC9B;CACF,CAAA"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { MQ } from 'newskit';
|
|
2
|
+
import { LogicalProps } from 'newskit/cjs/utils/logical-properties';
|
|
2
3
|
import React from 'react';
|
|
4
|
+
export interface FooterStyleProps extends React.HTMLAttributes<HTMLElement>, LogicalProps {
|
|
5
|
+
stylePreset?: MQ<string>;
|
|
6
|
+
}
|
|
3
7
|
export interface FooterContext {
|
|
4
8
|
helpChat?: React.ComponentType<{
|
|
5
9
|
chatHelpOverrides?: Record<string, unknown>;
|
|
6
10
|
}>;
|
|
7
|
-
|
|
11
|
+
linksArray: {
|
|
8
12
|
text: string;
|
|
9
13
|
href: string;
|
|
10
14
|
id: string | number;
|
|
@@ -12,47 +16,31 @@ export interface FooterContext {
|
|
|
12
16
|
legalText: string;
|
|
13
17
|
}
|
|
14
18
|
export interface FooterContextOverrides {
|
|
19
|
+
footerStyleOverrides?: FooterStyleProps;
|
|
20
|
+
footerDividerOverrides?: {
|
|
21
|
+
stylePreset: MQ<string>;
|
|
22
|
+
marginBlock?: MQ<string>;
|
|
23
|
+
};
|
|
24
|
+
linksDividerOverrides?: {
|
|
25
|
+
stylePreset: MQ<string>;
|
|
26
|
+
marginBlock?: MQ<string>;
|
|
27
|
+
};
|
|
15
28
|
ariaLabel?: string;
|
|
16
|
-
|
|
29
|
+
linkOverrides?: {
|
|
17
30
|
stylePreset?: MQ<string>;
|
|
18
31
|
typographyPreset?: MQ<string>;
|
|
19
|
-
paddingInline?: MQ<string>;
|
|
20
|
-
paddingBlock?: MQ<string>;
|
|
21
|
-
};
|
|
22
|
-
menuOverrides?: {
|
|
23
|
-
marginBlockEnd?: MQ<string>;
|
|
24
|
-
backgroundColor?: string;
|
|
25
|
-
borderColorTop?: string;
|
|
26
|
-
borderColorBottom?: string;
|
|
27
|
-
padding?: {
|
|
28
|
-
xs: string;
|
|
29
|
-
md: string;
|
|
30
|
-
};
|
|
31
32
|
};
|
|
32
33
|
legalTextOverrides?: {
|
|
33
|
-
marginBlockEnd?: MQ<string>;
|
|
34
34
|
stylePreset?: MQ<string>;
|
|
35
35
|
typographyPreset?: MQ<string>;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
};
|
|
37
|
+
footerAreaOverrides?: {
|
|
38
|
+
paddingBlock?: MQ<string>;
|
|
39
|
+
paddingInline?: MQ<string>;
|
|
40
40
|
};
|
|
41
41
|
chatHelpOverrides?: Record<string, unknown>;
|
|
42
42
|
}
|
|
43
43
|
export interface FooterProps {
|
|
44
44
|
footer: FooterContext;
|
|
45
45
|
footerOverrides: FooterContextOverrides;
|
|
46
|
-
margin?: {
|
|
47
|
-
xsMargin?: string;
|
|
48
|
-
smMargin?: string;
|
|
49
|
-
mdMargin?: string;
|
|
50
|
-
lgMargin?: string;
|
|
51
|
-
};
|
|
52
|
-
gutter?: {
|
|
53
|
-
xsColumnGutter?: string;
|
|
54
|
-
smColumnGutter?: string;
|
|
55
|
-
mdColumnGutter?: string;
|
|
56
|
-
lgColumnGutter?: string;
|
|
57
|
-
};
|
|
58
46
|
}
|
|
@@ -63,11 +63,10 @@ var Image_1 = require("../Image");
|
|
|
63
63
|
var Menu_1 = require("@emotion-icons/material/Menu");
|
|
64
64
|
var Close_1 = require("@emotion-icons/material/Close");
|
|
65
65
|
var renderLinks_1 = require("./renderLinks");
|
|
66
|
-
var AccountDropdown_1 = require("../AccountDropdown");
|
|
67
66
|
var IconFilledMenu = (0, newskit_1.toNewsKitIcon)(Menu_1.Menu);
|
|
68
67
|
var IconFilledClose = (0, newskit_1.toNewsKitIcon)(Close_1.Close);
|
|
69
68
|
var BaseNavigationPrimary = function (_a) {
|
|
70
|
-
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b, titleHref = _a.titleHref, titleOverrides = _a.titleOverrides, _c = _a.logoHref, logoHref = _c === void 0 ? '/' : _c, logoSrc = _a.logoSrc, logoWidth = _a.logoWidth, logoHeight = _a.logoHeight, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, loggedInUser = _a.loggedInUser, gridOverrides = _a.gridOverrides
|
|
69
|
+
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b, titleHref = _a.titleHref, titleOverrides = _a.titleOverrides, _c = _a.logoHref, logoHref = _c === void 0 ? '/' : _c, logoSrc = _a.logoSrc, logoWidth = _a.logoWidth, logoHeight = _a.logoHeight, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, loggedInUser = _a.loggedInUser, gridOverrides = _a.gridOverrides;
|
|
71
70
|
var bp = (0, newskit_1.useBreakpointKey)();
|
|
72
71
|
var _d = themeDropdownObject || {}, themeDropdownOpen = _d.themeDropdownOpen, dropdown = _d.dropdown, clientNavigationLogos = _d.clientNavigationLogos, options = _d.options;
|
|
73
72
|
var _e = (0, react_1.useState)(false), showMenu = _e[0], setShowMenu = _e[1];
|
|
@@ -199,8 +198,7 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
199
198
|
} }),
|
|
200
199
|
react_1.default.createElement(newskit_1.Divider, null),
|
|
201
200
|
"Account")))))),
|
|
202
|
-
react_1.default.createElement(newskit_1.GridLayoutItem, { area: "themedropdown", justifySelf: 'end' }, dropdown && options && (react_1.default.createElement(newskit_1.Block, { marginInlineStart: themeDropdownOpen ? 'space040' : undefined }, dropdown(options, customTheme))))
|
|
203
|
-
(env === null || env === void 0 ? void 0 : env.TM_ACCOUNTS_PASSWORD) && env.NGN_ACCOUNTS_PASSWORD ? (react_1.default.createElement(AccountDropdown_1.AccountDropdown, { tmAccountsPassword: env.TM_ACCOUNTS_PASSWORD, ngnAccountsPassword: env.NGN_ACCOUNTS_PASSWORD })) : (react_1.default.createElement(react_1.default.Fragment, null)))));
|
|
201
|
+
react_1.default.createElement(newskit_1.GridLayoutItem, { area: "themedropdown", justifySelf: 'end' }, dropdown && options && (react_1.default.createElement(newskit_1.Block, { marginInlineStart: themeDropdownOpen ? 'space040' : undefined }, dropdown(options, customTheme)))))));
|
|
204
202
|
};
|
|
205
203
|
var withMediaQueryProvider = function (Component) {
|
|
206
204
|
return function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCAagB;AAEhB,6DAA2D;AAC3D,2DAAyD;AACzD,wBAA4C;AAC5C,kDAA2B;AAC3B,mCAOiB;AACjB,iCAA0D;AAC1D,iCAA6C;AAC7C,6CAA2C;AAC3C,kCAAgC;AAChC,qDAAiE;AACjE,uDAAoE;AACpE,6CAA2C;
|
|
1
|
+
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -103,7 +103,7 @@ export declare const baseContext: {
|
|
|
103
103
|
};
|
|
104
104
|
footer: {
|
|
105
105
|
helpChat: undefined;
|
|
106
|
-
|
|
106
|
+
linksArray: {
|
|
107
107
|
text: string;
|
|
108
108
|
href: string;
|
|
109
109
|
id: number;
|
|
@@ -111,28 +111,27 @@ export declare const baseContext: {
|
|
|
111
111
|
legalText: string;
|
|
112
112
|
};
|
|
113
113
|
footerOverrides: {
|
|
114
|
-
|
|
115
|
-
menuItemOverrides: {
|
|
114
|
+
footerStyleOverrides: {
|
|
116
115
|
stylePreset: string;
|
|
117
|
-
typographyPreset: string;
|
|
118
116
|
};
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
117
|
+
footerAreaOverrides: {
|
|
118
|
+
paddingBlock: string;
|
|
119
|
+
paddingInline: string;
|
|
120
|
+
};
|
|
121
|
+
footerDividerOverrides: {
|
|
122
|
+
stylePreset: string;
|
|
123
|
+
};
|
|
124
|
+
linksDividerOverrides: {
|
|
125
|
+
stylePreset: string;
|
|
126
|
+
marginBlock: string;
|
|
127
|
+
};
|
|
128
|
+
ariaLabel: string;
|
|
129
|
+
linkOverrides: {
|
|
130
|
+
typographyPreset: string;
|
|
127
131
|
};
|
|
128
132
|
legalTextOverrides: {
|
|
129
|
-
marginBlockEnd: string;
|
|
130
133
|
stylePreset: string;
|
|
131
134
|
typographyPreset: string;
|
|
132
|
-
padding: {
|
|
133
|
-
md: string;
|
|
134
|
-
xs: string;
|
|
135
|
-
};
|
|
136
135
|
};
|
|
137
136
|
chatHelpOverrides: {
|
|
138
137
|
icon: JSX.Element;
|
|
@@ -140,6 +139,10 @@ export declare const baseContext: {
|
|
|
140
139
|
size: ButtonSize;
|
|
141
140
|
stylePreset: string;
|
|
142
141
|
text: string;
|
|
142
|
+
minWidth: {
|
|
143
|
+
xs: string;
|
|
144
|
+
sm: string;
|
|
145
|
+
};
|
|
143
146
|
};
|
|
144
147
|
helpSubheadline: string;
|
|
145
148
|
helpHeadline: string;
|