@financial-times/dotcom-ui-shell 9.3.2 → 9.3.4

package/README.md

@@ -201,7 +201,7 @@ An optional property to insert additional metadata elements into the document `<
 
 #### `showSmartBanner` (boolean)
 
-An optional property to explicity say whether you want to show [Smart Banner](https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners) at the top of the page or not. The default is `true` so the pages will always show smart banner. 
+An optional property to explicity say whether you want to show [Smart Banner](https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners) at the top of the page or not. The default is `true` so the pages will always show smart banner.
 
 ### Social and Open Graph
 
@@ -220,7 +220,6 @@ An optional object describing the [Open Graph] metadata to add to the page. The
 [JavaScript bootstrap]: ../dotcom-ui-bootstrap/README.md
 [feature flags]: ../dotcom-ui-flags/README.md
 [FT app context]: ../dotcom-ui-app-context/README.md
-[polyfill service]: ../dotcom-ui-polyfill-service/README.md
 [Open Graph]: http://ogp.me/
 [linked data]: https://w3.org/standards/semanticweb/data
 [JSON-LD]: https://json-ld.org/

package/dist/node/components/Shell.js

@@ -1,23 +1,4 @@
 "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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -35,17 +16,15 @@ const dotcom_ui_app_context_1 = require("@financial-times/dotcom-ui-app-context"
 const dotcom_ui_base_styles_1 = require("@financial-times/dotcom-ui-base-styles");
 const dotcom_ui_flags_1 = require("@financial-times/dotcom-ui-flags");
 const dotcom_ui_bootstrap_1 = require("@financial-times/dotcom-ui-bootstrap");
-const polyfillService = __importStar(require("@financial-times/dotcom-ui-polyfill-service"));
 const formatAttributeNames_1 = __importDefault(require("../lib/formatAttributeNames"));
 const GTMHead_1 = __importDefault(require("./GTMHead"));
 const GTMBody_1 = __importDefault(require("./GTMBody"));
 function Shell(props) {
     const bootstrapProps = {
-        coreScripts: [polyfillService.core()],
-        enhancedScripts: [polyfillService.enhanced(), ...props.scripts]
+        coreScripts: [],
+        enhancedScripts: props.scripts
     };
     const resourceHints = [
-        polyfillService.enhanced(),
         // There is no need to include stylesheets here as any <link rel="stylesheet" /> tags
         // should be found by the browser's speculative parser.
         ...props.scripts,

package/dist/tsconfig.tsbuildinfo

@@ -281,16 +281,6 @@
         "signature": "2f7dd79ec6cfe3ebcb9841568004d7f77c92c9953949efced9d94c43da75ea63",
         "affectsGlobalScope": false
       },
-      "../../dotcom-ui-polyfill-service/dist/node/polyfillServiceURLs.d.ts": {
-        "version": "20f742f61b97447539edd94573227084eee3fcf91e963478215b25c4b1bf71b0",
-        "signature": "20f742f61b97447539edd94573227084eee3fcf91e963478215b25c4b1bf71b0",
-        "affectsGlobalScope": false
-      },
-      "../../dotcom-ui-polyfill-service/dist/node/index.d.ts": {
-        "version": "8d973d6c39f9ffc09e3a422f661f098da5cb0ebb355d54ebfdeac2acbd46ed54",
-        "signature": "8d973d6c39f9ffc09e3a422f661f098da5cb0ebb355d54ebfdeac2acbd46ed54",
-        "affectsGlobalScope": false
-      },
       "../src/lib/formatAttributeNames.ts": {
         "version": "1ad9aaa96fe6913d1c730506a86768952ba35f36bb355c1d1e5e84db4834931e",
         "signature": "f2663ca808749cbaca4d62c46468429c18a679b616f8b15ff6d49021214985d7",
@@ -312,7 +302,7 @@
         "affectsGlobalScope": false
       },
       "../src/components/Shell.tsx": {
-        "version": "9c5a12a85f2155793a9dfcd4fa88764d62dc204f6df9820100ac93d7f7c47c5e",
+        "version": "76917de5eed240f62f23a1a8df609130f47b530c8efc65ab52bc6fbe67e9f289",
         "signature": "5e76f1b6e95c037ada7732dde37c3310e29bdc856e29f7ff5016a55582787833",
         "affectsGlobalScope": false
       },
@@ -2002,9 +1992,6 @@
         "../../dotcom-ui-flags/dist/node/components/FlagsEmbed.d.ts",
         "../../dotcom-ui-flags/dist/node/constants.d.ts"
       ],
-      "../../dotcom-ui-polyfill-service/dist/node/index.d.ts": [
-        "../../dotcom-ui-polyfill-service/dist/node/polyfillServiceURLs.d.ts"
-      ],
       "../src/components/Content.tsx": [
         "../../../node_modules/@types/react/index.d.ts"
       ],
@@ -2039,7 +2026,6 @@
         "../../dotcom-ui-base-styles/dist/node/index.d.ts",
         "../../dotcom-ui-bootstrap/dist/node/index.d.ts",
         "../../dotcom-ui-flags/dist/node/index.d.ts",
-        "../../dotcom-ui-polyfill-service/dist/node/index.d.ts",
         "../src/components/Content.tsx",
         "../src/components/DocumentHead.tsx",
         "../src/components/GTMBody.tsx",
@@ -2837,9 +2823,6 @@
         "../../dotcom-ui-flags/dist/node/components/FlagsEmbed.d.ts",
         "../../dotcom-ui-flags/dist/node/constants.d.ts"
       ],
-      "../../dotcom-ui-polyfill-service/dist/node/index.d.ts": [
-        "../../dotcom-ui-polyfill-service/dist/node/polyfillServiceURLs.d.ts"
-      ],
       "../src/components/Content.tsx": [
         "../../../node_modules/@types/react/index.d.ts"
       ],
@@ -3107,8 +3090,6 @@
       "../../dotcom-ui-flags/dist/node/constants.d.ts",
       "../../dotcom-ui-flags/dist/node/index.d.ts",
       "../../dotcom-ui-flags/src/types.d.ts",
-      "../../dotcom-ui-polyfill-service/dist/node/index.d.ts",
-      "../../dotcom-ui-polyfill-service/dist/node/polyfillServiceURLs.d.ts",
       "../src/components/Content.tsx",
       "../src/components/DocumentHead.tsx",
       "../src/components/GTMBody.tsx",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/dotcom-ui-shell",
-  "version": "9.3.2",
+  "version": "9.3.4",
   "description": "",
   "main": "component.js",
   "browser": "browser.js",
@@ -20,11 +20,10 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@financial-times/dotcom-ui-app-context": "^9.3.2",
-    "@financial-times/dotcom-ui-base-styles": "^9.3.2",
-    "@financial-times/dotcom-ui-bootstrap": "^9.3.2",
-    "@financial-times/dotcom-ui-flags": "^9.3.2",
-    "@financial-times/dotcom-ui-polyfill-service": "^9.3.2",
+    "@financial-times/dotcom-ui-app-context": "^9.3.4",
+    "@financial-times/dotcom-ui-base-styles": "^9.3.4",
+    "@financial-times/dotcom-ui-bootstrap": "^9.3.4",
+    "@financial-times/dotcom-ui-flags": "^9.3.4",
     "mime-types": "^2.1.26"
   },
   "peerDependencies": {

package/src/__test__/components/ResourceHints.test.tsx

@@ -7,7 +7,6 @@ describe('dotcom-ui-shell/src/components/ResourceHints', () => {
     const fixture = [
       'www.example.com/assets/style.css',
       'www.example.com/images/graphic.svg#icon',
-      'http://polyfill.io/v3/bundle.min.js?features=es5,es6',
       '/assets/public/style.as83hd99.css',
       '/__origami/service/build/v3/font?font_format=woff2&font_name=FinancierDisplayWeb-Bold&system_code=origami&version=1.12'
     ]

package/src/__test__/components/__snapshots__/ResourceHints.test.tsx.snap

@@ -31,12 +31,6 @@ Array [
     rel="preload"
     type={null}
   />,
-  <link
-    as="script"
-    href="http://polyfill.io/v3/bundle.min.js?features=es5,es6"
-    rel="preload"
-    type={null}
-  />,
   <link
     as="style"
     href="/assets/public/style.as83hd99.css"

package/src/__test__/components/__snapshots__/Shell.test.tsx.snap

@@ -99,12 +99,6 @@ exports[`dotcom-ui-shell/src/components/Shell renders the GTM script when the en
       href="https://securepubads.g.doubleclick.net"
       rel="preconnect"
     />
-    <link
-      as="script"
-      href="https://polyfill.io/v3/polyfill.min.js?features=default%2Ces5%2Ces2015%2Ces2016%2Ces2017%2CEventSource%2Cfetch%2CHTMLPictureElement%2CIntersectionObserver%2CNodeList.prototype.forEach&source=next"
-      rel="preload"
-      type={null}
-    />
     <link
       as="font"
       crossOrigin="anonymous"
@@ -145,7 +139,7 @@ exports[`dotcom-ui-shell/src/components/Shell renders the GTM script when the en
     <script
       dangerouslySetInnerHTML={
         Object {
-          "__html": "{\\"trackErrors\\":true,\\"core\\":[\\"https://polyfill.io/v3/polyfill.min.js?features=HTMLPictureElement&source=next\\"],\\"enhanced\\":[\\"https://polyfill.io/v3/polyfill.min.js?features=default%2Ces5%2Ces2015%2Ces2016%2Ces2017%2CEventSource%2Cfetch%2CHTMLPictureElement%2CIntersectionObserver%2CNodeList.prototype.forEach&source=next\\"]}",
+          "__html": "{\\"trackErrors\\":true,\\"core\\":[],\\"enhanced\\":[]}",
         }
       }
       id="page-kit-bootstrap-config"

package/src/__test__/lib/getResourceType.spec.ts

@@ -19,7 +19,7 @@ describe('dotcom-ui-shell/src/lib/getResourceType', () => {
   it('supports URLs', () => {
     expect(subject('www.example.com/assets/style.css')).toEqual('style')
     expect(subject('www.example.com/images/graphic.svg#icon')).toEqual('image')
-    expect(subject('http://polyfill.io/v3/bundle.min.js?features=es5,es6')).toEqual('script')
+    expect(subject('www.example.com/scripts/index.js')).toEqual('script')
   })
 
   it('supports file paths', () => {

package/src/components/Shell.tsx

@@ -12,7 +12,6 @@ import {
 } from '@financial-times/dotcom-ui-base-styles'
 import { FlagsEmbed, TFlagsEmbedProps } from '@financial-times/dotcom-ui-flags'
 import { Bootstrap, TBootstrapProps } from '@financial-times/dotcom-ui-bootstrap'
-import * as polyfillService from '@financial-times/dotcom-ui-polyfill-service'
 import formatAttributeNames, { TAttributeData } from '../lib/formatAttributeNames'
 import GTMHead from './GTMHead'
 import GTMBody from './GTMBody'
@@ -32,12 +31,11 @@ type TShellProps = TDocumentHeadProps &
 
 function Shell(props: TShellProps) {
   const bootstrapProps: TBootstrapProps = {
-    coreScripts: [polyfillService.core()],
-    enhancedScripts: [polyfillService.enhanced(), ...props.scripts]
+    coreScripts: [],
+    enhancedScripts: props.scripts
   }
 
   const resourceHints = [
-    polyfillService.enhanced(),
     // There is no need to include stylesheets here as any <link rel="stylesheet" /> tags
     // should be found by the browser's speculative parser.
     ...props.scripts,