@financial-times/dotcom-ui-shell 11.3.0 → 12.0.0

package/dist/node/components/Content.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TContentProps = {
+export type TContentProps = {
     contents?: string | React.ReactNode;
 };
 declare function Content({ contents }: TContentProps): React.JSX.Element;

package/dist/node/components/DocumentHead.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TOpenGraphProps } from './OpenGraph';
 import { TLinkedDataProps } from './LinkedData';
-export declare type TDocumentHeadProps = TOpenGraphProps & TLinkedDataProps & {
+export type TDocumentHeadProps = TOpenGraphProps & TLinkedDataProps & {
     description?: string;
     facebookPage?: string;
     googleSiteVerification?: string;

package/dist/node/components/DocumentHead.js

@@ -16,17 +16,17 @@ const DocumentHead = (props) => (react_1.default.createElement(react_1.default.F
     props.canonicalURL && react_1.default.createElement("link", { rel: "canonical", href: props.canonicalURL }),
     react_1.default.createElement("meta", { name: "robots", content: props.robots }),
     react_1.default.createElement("meta", { name: "google-site-verification", content: props.googleSiteVerification }),
-    props.metaTags.map((attributes, i) => (react_1.default.createElement("meta", Object.assign({ key: `meta-${i}` }, attributes)))),
+    props.metaTags.map((attributes, i) => (react_1.default.createElement("meta", { key: `meta-${i}`, ...attributes }))),
     react_1.default.createElement(LinkedData_1.default, { jsonLd: props.jsonLd }),
     react_1.default.createElement("meta", { property: "fb:pages", content: props.facebookPage }),
     react_1.default.createElement("meta", { property: "twitter:site", content: props.twitterSite }),
     react_1.default.createElement(OpenGraph_1.default, { openGraph: props.openGraph }),
     props.showSmartBanner &&
         (react_1.default.createElement("meta", { name: "apple-itunes-app", content: props.canonicalURL ? `app-id=1200842933, app-argument=${props.canonicalURL}` : 'app-id=1200842933' })),
-    react_1.default.createElement("link", { rel: "icon", type: "image/svg+xml", href: imageServiceIconURL_1.default('ftlogo-v1:brand-ft-logo-square-coloured', 0, 'svg') }),
-    react_1.default.createElement("link", { rel: "alternate icon", type: "image/png", href: imageServiceIconURL_1.default('ftlogo-v1:brand-ft-logo-square-coloured', 32), sizes: "32x32" }),
-    react_1.default.createElement("link", { rel: "alternate icon", type: "image/png", href: imageServiceIconURL_1.default('ftlogo-v1:brand-ft-logo-square-coloured', 194), sizes: "194x194" }),
-    react_1.default.createElement("link", { rel: "apple-touch-icon", href: imageServiceIconURL_1.default('ftlogo-v1:brand-ft-logo-square-coloured', 180), sizes: "180x180" }),
+    react_1.default.createElement("link", { rel: "icon", type: "image/svg+xml", href: (0, imageServiceIconURL_1.default)('ftlogo-v1:brand-ft-logo-square-coloured', 0, 'svg') }),
+    react_1.default.createElement("link", { rel: "alternate icon", type: "image/png", href: (0, imageServiceIconURL_1.default)('ftlogo-v1:brand-ft-logo-square-coloured', 32), sizes: "32x32" }),
+    react_1.default.createElement("link", { rel: "alternate icon", type: "image/png", href: (0, imageServiceIconURL_1.default)('ftlogo-v1:brand-ft-logo-square-coloured', 194), sizes: "194x194" }),
+    react_1.default.createElement("link", { rel: "apple-touch-icon", href: (0, imageServiceIconURL_1.default)('ftlogo-v1:brand-ft-logo-square-coloured', 180), sizes: "180x180" }),
     props.manifestFile ? react_1.default.createElement("link", { rel: "manifest", href: props.manifestFile }) : null,
     props.additionalMetadata));
 DocumentHead.defaultProps = {

package/dist/node/components/LinkedData.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TLinkedDataProps = {
+export type TLinkedDataProps = {
     jsonLd?: {
         [key: string]: any;
     };

package/dist/node/components/OpenGraph.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TOpenGraphData } from '../lib/flattenOpenGraphData';
-export declare type TOpenGraphProps = {
+export type TOpenGraphProps = {
     openGraph?: TOpenGraphData;
 };
 declare const OpenGraph: {

package/dist/node/components/OpenGraph.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const flattenOpenGraphData_1 = __importDefault(require("../lib/flattenOpenGraphData"));
-const OpenGraph = ({ openGraph }) => (react_1.default.createElement(react_1.default.Fragment, null, flattenOpenGraphData_1.default(openGraph).map(([property, content], i) => (react_1.default.createElement("meta", { key: `og-${i}`, property: property, content: content })))));
+const OpenGraph = ({ openGraph }) => (react_1.default.createElement(react_1.default.Fragment, null, (0, flattenOpenGraphData_1.default)(openGraph).map(([property, content], i) => (react_1.default.createElement("meta", { key: `og-${i}`, property: property, content: content })))));
 OpenGraph.defaultProps = {
     openGraph: {}
 };

package/dist/node/components/ResourceHints.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TResourceHintsProps = {
+export type TResourceHintsProps = {
     resourceHints?: string[];
 };
 declare const ResourceHints: {

package/dist/node/components/ResourceHints.js

@@ -14,7 +14,7 @@ const ResourceHints = (props) => {
         react_1.default.createElement("link", { rel: "preconnect", href: "https://securepubads.g.doubleclick.net" }),
         props.resourceHints.map((resource, i) => {
             var _a;
-            const contentType = getResourceType_1.default(resource);
+            const contentType = (0, getResourceType_1.default)(resource);
             const mimeType = mime_types_1.default.lookup(resource) ||
                 mime_types_1.default.lookup((_a = resource.match(/(?<=font_format=)([a-z0-9]+)/)) === null || _a === void 0 ? void 0 : _a[0]) ||
                 null;
@@ -29,7 +29,7 @@ const ResourceHints = (props) => {
             if (contentType === 'font') {
                 attributes.crossOrigin = 'anonymous';
             }
-            return react_1.default.createElement("link", Object.assign({ key: `hint-${i}`, rel: "preload" }, attributes));
+            return react_1.default.createElement("link", { key: `hint-${i}`, rel: "preload", ...attributes });
         })));
 };
 ResourceHints.defaultProps = {

package/dist/node/components/Shell.d.ts

@@ -6,7 +6,7 @@ import ResourceHints, { TResourceHintsProps } from './ResourceHints';
 import { TAppContextProps } from '@financial-times/dotcom-ui-app-context';
 import { TFlagsEmbedProps } from '@financial-times/dotcom-ui-flags';
 import { TAttributeData } from '../lib/formatAttributeNames';
-declare type TShellProps = TDocumentHeadProps & TAppContextProps & TStylesheetProps & TResourceHintsProps & TContentProps & TFlagsEmbedProps & {
+type TShellProps = TDocumentHeadProps & TAppContextProps & TStylesheetProps & TResourceHintsProps & TContentProps & TFlagsEmbedProps & {
     scripts?: string[];
     children?: any;
     initialProps?: any;

package/dist/node/components/Shell.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Content = exports.ResourceHints = exports.DocumentHead = exports.Shell = void 0;
+exports.Content = exports.ResourceHints = exports.DocumentHead = void 0;
+exports.Shell = Shell;
 const react_1 = __importDefault(require("react"));
 const Content_1 = __importDefault(require("./Content"));
 exports.Content = Content_1.default;
@@ -31,22 +32,21 @@ function Shell(props) {
         ...props.resourceHints,
         ...dotcom_ui_base_styles_1.fontFaceURLs
     ];
-    return (react_1.default.createElement("html", Object.assign({}, formatAttributeNames_1.default(props.htmlAttributes), { lang: "en-GB", className: `no-js core ${dotcom_ui_base_styles_1.loadCustomFontsClassNames}`, "data-o-component": "o-typography", style: dotcom_ui_base_styles_1.documentStyles }),
+    return (react_1.default.createElement("html", { ...(0, formatAttributeNames_1.default)(props.htmlAttributes), lang: "en-GB", className: `no-js core ${dotcom_ui_base_styles_1.loadCustomFontsClassNames}`, "data-o-component": "o-typography", style: dotcom_ui_base_styles_1.documentStyles },
         react_1.default.createElement("head", null,
-            react_1.default.createElement(DocumentHead_1.default, Object.assign({}, props)),
+            react_1.default.createElement(DocumentHead_1.default, { ...props }),
             react_1.default.createElement(ResourceHints_1.default, { resourceHints: resourceHints }),
             react_1.default.createElement("script", { id: "initial-props", type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(props.initialProps) } }),
             react_1.default.createElement(StyleSheets_1.default, { criticalStyles: props.criticalStyles, stylesheets: props.stylesheets, asyncStylesheets: props.asyncStylesheets }),
-            react_1.default.createElement(dotcom_ui_bootstrap_1.Bootstrap, Object.assign({}, bootstrapProps)),
+            react_1.default.createElement(dotcom_ui_bootstrap_1.Bootstrap, { ...bootstrapProps }),
             react_1.default.createElement(GTMHead_1.default, { flags: props.flags }),
             react_1.default.createElement(dotcom_ui_base_styles_1.LoadFontsEmbed, null)),
-        react_1.default.createElement("body", Object.assign({}, formatAttributeNames_1.default(props.bodyAttributes)),
+        react_1.default.createElement("body", { ...(0, formatAttributeNames_1.default)(props.bodyAttributes) },
             react_1.default.createElement(GTMBody_1.default, { flags: props.flags }),
             react_1.default.createElement(Content_1.default, { contents: props.contents || props.children }),
             react_1.default.createElement(dotcom_ui_app_context_1.AppContextEmbed, { appContext: props.appContext }),
             react_1.default.createElement(dotcom_ui_flags_1.FlagsEmbed, { flags: props.flags }))));
 }
-exports.Shell = Shell;
 Shell.defaultProps = {
     scripts: [],
     stylesheets: [],

package/dist/node/components/StyleSheets.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TStylesheetProps = {
+export type TStylesheetProps = {
     criticalStyles?: string;
     stylesheets?: string[];
     asyncStylesheets?: string[];

package/dist/node/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/node/lib/flattenOpenGraphData.d.ts

@@ -1,4 +1,4 @@
-export declare type TOpenGraphData = {
+export type TOpenGraphData = {
     [key: string]: any | any[] | TOpenGraphData;
 };
 export default function flattenData(data: TOpenGraphData, prefix?: string): Array<string[]>;

package/dist/node/lib/flattenOpenGraphData.js

@@ -2,6 +2,7 @@
 // Flattens a nested object into an array of key/value pairs
 // { foo: { bar: { baz: 123 } } } => [['foo:bar:baz', 123]]
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = flattenData;
 function flattenData(data, prefix) {
     const output = [];
     for (const [key, value] of Object.entries(data)) {
@@ -18,4 +19,3 @@ function flattenData(data, prefix) {
     }
     return output;
 }
-exports.default = flattenData;

package/dist/node/lib/formatAttributeNames.d.ts

@@ -1,4 +1,4 @@
-export declare type TAttributeData = {
+export type TAttributeData = {
     [key: string]: string | number | boolean;
 };
 export default function formatAttributeNames(data?: TAttributeData): {};

package/dist/node/lib/formatAttributeNames.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = formatAttributeNames;
 function formatAttributeNames(data = {}) {
     const output = {};
     for (const [key, value] of Object.entries(data)) {
@@ -22,7 +23,6 @@ function formatAttributeNames(data = {}) {
     }
     return output;
 }
-exports.default = formatAttributeNames;
 function hyphenateChar(char) {
     return '-' + char.toLowerCase();
 }