@financial-times/dotcom-ui-layout 11.3.0 → 12.0.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.
@@ -12,7 +12,7 @@ declare enum Footers {
12
12
  simple,
13
13
  legal
14
14
  }
15
- export declare type TLayoutProps = {
15
+ export type TLayoutProps = {
16
16
  navigationData?: TNavigationData;
17
17
  headerOptions?: THeaderOptions;
18
18
  headerBefore?: string | React.ReactNode;
@@ -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, Object.assign({}, headerOptions, { data: navigationData, variant: headerVariant }));
22
+ header = React.createElement(Header, { ...headerOptions, data: navigationData, variant: headerVariant });
23
23
  if (Header === HeaderSimple || Header === HeaderLarge) {
24
- drawer = React.createElement(Drawer, Object.assign({}, headerOptions, { data: navigationData }));
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, Object.assign({}, footerOptions, { data: navigationData, variant: footerVariant }));
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"),
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- declare type TTemplateProps = {
2
+ type TTemplateProps = {
3
3
  children?: string | React.ReactNode;
4
4
  [rest: string]: any;
5
5
  };
@@ -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", Object.assign({}, rest, { dangerouslySetInnerHTML: { __html: children } }));
7
+ return React.createElement("div", { ...rest, dangerouslySetInnerHTML: { __html: children } });
8
8
  }
9
9
  else {
10
- return React.createElement("div", Object.assign({}, rest), children);
10
+ return React.createElement("div", { ...rest }, children);
11
11
  }
12
12
  }
@@ -12,7 +12,7 @@ declare enum Footers {
12
12
  simple,
13
13
  legal
14
14
  }
15
- export declare type TLayoutProps = {
15
+ export type TLayoutProps = {
16
16
  navigationData?: TNavigationData;
17
17
  headerOptions?: THeaderOptions;
18
18
  headerBefore?: string | React.ReactNode;
@@ -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 = void 0;
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, Object.assign({}, headerOptions, { data: navigationData, variant: headerVariant }));
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, Object.assign({}, headerOptions, { data: navigationData }));
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, Object.assign({}, footerOptions, { data: navigationData, variant: footerVariant }));
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',
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- declare type TTemplateProps = {
2
+ type TTemplateProps = {
3
3
  children?: string | React.ReactNode;
4
4
  [rest: string]: any;
5
5
  };
@@ -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", Object.assign({}, rest, { dangerouslySetInnerHTML: { __html: children } }));
13
+ return react_1.default.createElement("div", { ...rest, dangerouslySetInnerHTML: { __html: children } });
13
14
  }
14
15
  else {
15
- return react_1.default.createElement("div", Object.assign({}, rest), children);
16
+ return react_1.default.createElement("div", { ...rest }, children);
16
17
  }
17
18
  }
18
- exports.default = Template;
@@ -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.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
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];