@financial-times/dotcom-ui-layout 11.3.0 → 12.0.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/browser/components/Layout.d.ts +1 -1
- package/dist/browser/components/Layout.js +3 -3
- package/dist/browser/components/Template.d.ts +1 -1
- package/dist/browser/components/Template.js +2 -2
- package/dist/node/components/Layout.d.ts +1 -1
- package/dist/node/components/Layout.js +4 -5
- package/dist/node/components/Template.d.ts +1 -1
- package/dist/node/components/Template.js +3 -3
- package/dist/node/index.js +5 -1
- package/dist/tsconfig.tsbuildinfo +1 -2844
- package/package.json +11 -5
- package/src/__stories__/demos.scss +0 -38
- package/src/__stories__/story.tsx +0 -110
|
@@ -19,15 +19,15 @@ export function Layout({ navigationData, headerOptions, headerBefore, headerVari
|
|
|
19
19
|
let drawer = null;
|
|
20
20
|
if (headerVariant && Headers[headerVariant] && !headerComponent) {
|
|
21
21
|
const Header = Headers[headerVariant];
|
|
22
|
-
header = React.createElement(Header,
|
|
22
|
+
header = React.createElement(Header, { ...headerOptions, data: navigationData, variant: headerVariant });
|
|
23
23
|
if (Header === HeaderSimple || Header === HeaderLarge) {
|
|
24
|
-
drawer = React.createElement(Drawer,
|
|
24
|
+
drawer = React.createElement(Drawer, { ...headerOptions, data: navigationData });
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
let footer = null;
|
|
28
28
|
if (footerVariant && Footers[footerVariant] && !footerComponent) {
|
|
29
29
|
const Footer = Footers[footerVariant];
|
|
30
|
-
footer = React.createElement(Footer,
|
|
30
|
+
footer = React.createElement(Footer, { ...footerOptions, data: navigationData, variant: footerVariant });
|
|
31
31
|
}
|
|
32
32
|
return (React.createElement("div", { className: "n-layout" },
|
|
33
33
|
React.createElement("a", { "data-trackable": "a11y-skip-to-help", className: "n-layout__skip-link", href: "https://www.ft.com/accessibility" }, "Accessibility help"),
|
|
@@ -4,9 +4,9 @@ export default function Template(props) {
|
|
|
4
4
|
if (!children)
|
|
5
5
|
return null;
|
|
6
6
|
if (typeof children === 'string') {
|
|
7
|
-
return React.createElement("div",
|
|
7
|
+
return React.createElement("div", { ...rest, dangerouslySetInnerHTML: { __html: children } });
|
|
8
8
|
}
|
|
9
9
|
else {
|
|
10
|
-
return React.createElement("div",
|
|
10
|
+
return React.createElement("div", { ...rest }, children);
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Layout =
|
|
6
|
+
exports.Layout = Layout;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const component_1 = require("@financial-times/dotcom-ui-header/component");
|
|
9
9
|
const component_2 = require("@financial-times/dotcom-ui-footer/component");
|
|
@@ -25,15 +25,15 @@ function Layout({ navigationData, headerOptions, headerBefore, headerVariant, he
|
|
|
25
25
|
let drawer = null;
|
|
26
26
|
if (headerVariant && Headers[headerVariant] && !headerComponent) {
|
|
27
27
|
const Header = Headers[headerVariant];
|
|
28
|
-
header = react_1.default.createElement(Header,
|
|
28
|
+
header = react_1.default.createElement(Header, { ...headerOptions, data: navigationData, variant: headerVariant });
|
|
29
29
|
if (Header === component_1.Header || Header === component_1.Header) {
|
|
30
|
-
drawer = react_1.default.createElement(component_1.Drawer,
|
|
30
|
+
drawer = react_1.default.createElement(component_1.Drawer, { ...headerOptions, data: navigationData });
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
let footer = null;
|
|
34
34
|
if (footerVariant && Footers[footerVariant] && !footerComponent) {
|
|
35
35
|
const Footer = Footers[footerVariant];
|
|
36
|
-
footer = react_1.default.createElement(Footer,
|
|
36
|
+
footer = react_1.default.createElement(Footer, { ...footerOptions, data: navigationData, variant: footerVariant });
|
|
37
37
|
}
|
|
38
38
|
return (react_1.default.createElement("div", { className: "n-layout" },
|
|
39
39
|
react_1.default.createElement("a", { "data-trackable": "a11y-skip-to-help", className: "n-layout__skip-link", href: "https://www.ft.com/accessibility" }, "Accessibility help"),
|
|
@@ -52,7 +52,6 @@ function Layout({ navigationData, headerOptions, headerBefore, headerVariant, he
|
|
|
52
52
|
react_1.default.createElement(Template_1.default, { className: "n-layout__footer-after" }, footerAfter)),
|
|
53
53
|
drawer));
|
|
54
54
|
}
|
|
55
|
-
exports.Layout = Layout;
|
|
56
55
|
Layout.defaultProps = {
|
|
57
56
|
headerVariant: 'simple',
|
|
58
57
|
footerVariant: 'simple',
|
|
@@ -3,16 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = Template;
|
|
6
7
|
const react_1 = __importDefault(require("react"));
|
|
7
8
|
function Template(props) {
|
|
8
9
|
const { children, ...rest } = props;
|
|
9
10
|
if (!children)
|
|
10
11
|
return null;
|
|
11
12
|
if (typeof children === 'string') {
|
|
12
|
-
return react_1.default.createElement("div",
|
|
13
|
+
return react_1.default.createElement("div", { ...rest, dangerouslySetInnerHTML: { __html: children } });
|
|
13
14
|
}
|
|
14
15
|
else {
|
|
15
|
-
return react_1.default.createElement("div",
|
|
16
|
+
return react_1.default.createElement("div", { ...rest }, children);
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
|
-
exports.default = Template;
|
package/dist/node/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|