diff --git a/blocks/alert-bar-content-source-block/package-lock.json b/blocks/alert-bar-content-source-block/package-lock.json
index f1d66fd7c4..0cd9b3a2e0 100644
--- a/blocks/alert-bar-content-source-block/package-lock.json
+++ b/blocks/alert-bar-content-source-block/package-lock.json
@@ -10,11 +10,11 @@
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"axios": {
- "version": "1.6.5",
- "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.5.tgz",
- "integrity": "sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==",
+ "version": "1.6.8",
+ "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
+ "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
"requires": {
- "follow-redirects": "^1.15.4",
+ "follow-redirects": "^1.15.6",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
@@ -33,9 +33,9 @@
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
},
"follow-redirects": {
- "version": "1.15.4",
- "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
- "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw=="
+ "version": "1.15.6",
+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+ "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
},
"form-data": {
"version": "4.0.0",
diff --git a/blocks/article-body-block/package-lock.json b/blocks/article-body-block/package-lock.json
index bd0851d4b8..8026c4df51 100644
--- a/blocks/article-body-block/package-lock.json
+++ b/blocks/article-body-block/package-lock.json
@@ -102,13 +102,13 @@
"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
},
"postcss": {
- "version": "8.4.31",
- "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
- "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+ "version": "8.4.37",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.37.tgz",
+ "integrity": "sha512-7iB/v/r7Woof0glKLH8b1SPHrsX7uhdO+Geb41QpF/+mWZHU3uxxSlN+UXGVit1PawOYDToO+AbZzhBzWRDwbQ==",
"requires": {
- "nanoid": "^3.3.6",
+ "nanoid": "^3.3.7",
"picocolors": "^1.0.0",
- "source-map-js": "^1.0.2"
+ "source-map-js": "^1.2.0"
}
},
"prop-types": {
@@ -135,9 +135,9 @@
}
},
"sanitize-html": {
- "version": "2.11.0",
- "resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.11.0.tgz",
- "integrity": "sha512-BG68EDHRaGKqlsNjJ2xUB7gpInPA8gVx/mvjO743hZaeMCZ2DwzW7xvsqZ+KNU4QKwj86HJ3uu2liISf2qBBUA==",
+ "version": "2.12.1",
+ "resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.12.1.tgz",
+ "integrity": "sha512-Plh+JAn0UVDpBRP/xEjsk+xDCoOvMBwQUf/K+/cBAVuTbtX8bj2VB7S1sL1dssVpykqp0/KPSesHrqXtokVBpA==",
"requires": {
"deepmerge": "^4.2.2",
"escape-string-regexp": "^4.0.0",
@@ -148,9 +148,9 @@
}
},
"source-map-js": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
- "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+ "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg=="
}
}
}
diff --git a/blocks/author-content-source-block/package-lock.json b/blocks/author-content-source-block/package-lock.json
index 0f67256ce9..0b32c5e708 100644
--- a/blocks/author-content-source-block/package-lock.json
+++ b/blocks/author-content-source-block/package-lock.json
@@ -10,11 +10,11 @@
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"axios": {
- "version": "1.6.5",
- "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.5.tgz",
- "integrity": "sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==",
+ "version": "1.6.8",
+ "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
+ "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
"requires": {
- "follow-redirects": "^1.15.4",
+ "follow-redirects": "^1.15.6",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
@@ -33,9 +33,9 @@
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
},
"follow-redirects": {
- "version": "1.15.4",
- "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
- "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw=="
+ "version": "1.15.6",
+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+ "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
},
"form-data": {
"version": "4.0.0",
diff --git a/blocks/card-list-block/features/card-list/default.jsx b/blocks/card-list-block/features/card-list/default.jsx
index d2fec9bd79..cf9ce369d3 100644
--- a/blocks/card-list-block/features/card-list/default.jsx
+++ b/blocks/card-list-block/features/card-list/default.jsx
@@ -10,6 +10,7 @@ import {
Date,
formatAuthors,
formatURL,
+ getFocalFromANS,
getImageFromANS,
Heading,
HeadingSection,
@@ -84,21 +85,29 @@ const CardListItems = (props) => {
promo_items {
basic {
_id
- type
- url
auth {
${RESIZER_TOKEN_VERSION}
}
+ focal_point {
+ x
+ y
+ }
+ type
+ url
}
lead_art {
promo_items {
basic {
_id
- type
- url
auth {
${RESIZER_TOKEN_VERSION}
}
+ focal_point {
+ x
+ y
+ }
+ type
+ url
}
}
type
@@ -170,7 +179,7 @@ const CardListItems = (props) => {
ansImage,
aspectRatio: "4:3",
resizedOptions: {
- smart: true,
+ ...getFocalFromANS(ansImage),
},
responsiveImages: [377, 754, 1508],
width: 377,
@@ -230,7 +239,7 @@ const CardListItems = (props) => {
ansImage: itemAnsImage,
aspectRatio: "3:2",
resizedOptions: {
- smart: true,
+ ...getFocalFromANS(itemAnsImage),
},
responsiveImages: [105, 210, 420],
width: 105,
diff --git a/blocks/collections-content-source-block/package-lock.json b/blocks/collections-content-source-block/package-lock.json
index df770b56ec..950dba8852 100644
--- a/blocks/collections-content-source-block/package-lock.json
+++ b/blocks/collections-content-source-block/package-lock.json
@@ -10,11 +10,11 @@
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"axios": {
- "version": "1.6.5",
- "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.5.tgz",
- "integrity": "sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==",
+ "version": "1.6.8",
+ "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
+ "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
"requires": {
- "follow-redirects": "^1.15.4",
+ "follow-redirects": "^1.15.6",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
@@ -33,9 +33,9 @@
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
},
"follow-redirects": {
- "version": "1.15.4",
- "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
- "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw=="
+ "version": "1.15.6",
+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+ "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
},
"form-data": {
"version": "4.0.0",
diff --git a/blocks/commerce-product-content-source-block/package-lock.json b/blocks/commerce-product-content-source-block/package-lock.json
index 4d03a3d882..d162f0e21e 100644
--- a/blocks/commerce-product-content-source-block/package-lock.json
+++ b/blocks/commerce-product-content-source-block/package-lock.json
@@ -10,11 +10,11 @@
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"axios": {
- "version": "1.6.5",
- "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.5.tgz",
- "integrity": "sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==",
+ "version": "1.6.8",
+ "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
+ "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
"requires": {
- "follow-redirects": "^1.15.4",
+ "follow-redirects": "^1.15.6",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
@@ -33,9 +33,9 @@
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
},
"follow-redirects": {
- "version": "1.15.4",
- "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
- "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw=="
+ "version": "1.15.6",
+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+ "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
},
"form-data": {
"version": "4.0.0",
diff --git a/blocks/content-api-source-block/package-lock.json b/blocks/content-api-source-block/package-lock.json
index 328eb88188..de28af53fc 100644
--- a/blocks/content-api-source-block/package-lock.json
+++ b/blocks/content-api-source-block/package-lock.json
@@ -10,11 +10,11 @@
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"axios": {
- "version": "1.6.5",
- "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.5.tgz",
- "integrity": "sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==",
+ "version": "1.6.8",
+ "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
+ "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
"requires": {
- "follow-redirects": "^1.15.4",
+ "follow-redirects": "^1.15.6",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
@@ -33,9 +33,9 @@
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
},
"follow-redirects": {
- "version": "1.15.4",
- "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
- "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw=="
+ "version": "1.15.6",
+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+ "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
},
"form-data": {
"version": "4.0.0",
diff --git a/blocks/extra-large-promo-block/features/extra-large-promo/default.jsx b/blocks/extra-large-promo-block/features/extra-large-promo/default.jsx
index 8ebbf62e17..6d115cc0a0 100644
--- a/blocks/extra-large-promo-block/features/extra-large-promo/default.jsx
+++ b/blocks/extra-large-promo-block/features/extra-large-promo/default.jsx
@@ -11,6 +11,7 @@ import {
Conditional,
Date as DateComponent,
formatAuthors,
+ getFocalFromANS,
getImageFromANS,
getVideoFromANS,
Heading,
@@ -211,21 +212,29 @@ const ExtraLargePromo = ({ customFields }) => {
promo_items {
basic {
_id
- type
- url
auth {
${RESIZER_TOKEN_VERSION}
}
+ focal_point {
+ x
+ y
+ }
+ type
+ url
}
}
}
basic {
_id
- type
- url
auth {
${RESIZER_TOKEN_VERSION}
}
+ focal_point {
+ x
+ y
+ }
+ type
+ url
}
}
website_url
@@ -296,21 +305,22 @@ const ExtraLargePromo = ({ customFields }) => {
showByline && content?.credits?.by?.length > 0
? formatAuthors(content.credits.by, phrases.t("global.and-text"))
: null;
+ const ansImage = getImageFromANS(content);
const imageParams =
showImage &&
- (imageOverrideURL || (content && getImageFromANS(content))
+ (imageOverrideURL || ansImage
? {
ansImage: imageOverrideURL
? {
- _id: resizedImage ? imageOverrideId : "",
- url: imageOverrideURL,
- auth: resizedAuth || {},
- }
- : getImageFromANS(content),
+ _id: resizedImage ? imageOverrideId : "",
+ url: imageOverrideURL,
+ auth: resizedAuth || {},
+ }
+ : ansImage,
alt: content?.headlines?.basic || "",
aspectRatio: imageRatio,
resizedOptions: {
- smart: true,
+ ...getFocalFromANS(ansImage),
},
responsiveImages: [400, 600, 800, 1200],
width: 800,
diff --git a/blocks/header-nav-chain-block/chains/header-nav-chain-block/_children/nav-widget.jsx b/blocks/header-nav-chain-block/chains/header-nav-chain-block/_children/nav-widget.jsx
index c4b504e873..84e0ef5630 100644
--- a/blocks/header-nav-chain-block/chains/header-nav-chain-block/_children/nav-widget.jsx
+++ b/blocks/header-nav-chain-block/chains/header-nav-chain-block/_children/nav-widget.jsx
@@ -31,7 +31,7 @@ const NavWidget = ({
) : null) ||
(type === "menu" ? (
}
variant="secondary-reverse"
diff --git a/blocks/header-nav-chain-block/chains/header-nav-chain-block/_children/nav-widget.test.jsx b/blocks/header-nav-chain-block/chains/header-nav-chain-block/_children/nav-widget.test.jsx
index 501c1480cb..e550229f9c 100644
--- a/blocks/header-nav-chain-block/chains/header-nav-chain-block/_children/nav-widget.test.jsx
+++ b/blocks/header-nav-chain-block/chains/header-nav-chain-block/_children/nav-widget.test.jsx
@@ -10,6 +10,7 @@ jest.mock("fusion:properties", () =>
locale: "somelocale",
}))
);
+
jest.mock("fusion:context", () => ({
useFusionContext: jest.fn(() => ({
arcSite: "dagen",
diff --git a/blocks/header-nav-chain-block/chains/header-nav-chain-block/default.jsx b/blocks/header-nav-chain-block/chains/header-nav-chain-block/default.jsx
index da20a33f53..77b35aa976 100644
--- a/blocks/header-nav-chain-block/chains/header-nav-chain-block/default.jsx
+++ b/blocks/header-nav-chain-block/chains/header-nav-chain-block/default.jsx
@@ -19,6 +19,7 @@ export function PresentationalNav(props) {
const {
ariaLabelLink,
children,
+ closeNavigation,
customFields,
displayLinks,
horizontalLinksHierarchy,
@@ -100,8 +101,10 @@ export function PresentationalNav(props) {
className={`${BLOCK_CLASS_NAME}__flyout-overlay ${
isSectionDrawerOpen ? "open" : "closed"
}`}
+ data-testid="nav-chain-flyout-overlay"
direction="vertical"
justification="start"
+ onClick={closeNavigation}
>
e.stopPropagation()}
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
tabIndex={!sections.length ? "-1" : null}
>
@@ -273,6 +277,7 @@ const Nav = (props) => {
return (
children
);
+
jest.mock("fusion:properties", () => jest.fn(() => ({})));
+
jest.mock("fusion:context", () => ({
useFusionContext: jest.fn(() => ({
contextPath: "pf",
deployment: jest.fn(() => ({})).mockReturnValue("path/image.svg"),
})),
}));
+
jest.mock("fusion:content", () => ({
useContent: jest.fn(() => ({
children: [
@@ -273,6 +276,16 @@ describe("the header navigation feature for the default output type", () => {
fireEvent.click(within(navComponents).getByTestId("nav-chain-nav-section-button"));
expect(screen.queryAllByRole("link").length).toBe(0);
});
+
+ it("opens with the sections button and closes with the overlay", () => {
+ render();
+ const navComponents = screen.getByTestId("nav-chain-nav-components-desktop-left")
+ fireEvent.click(within(navComponents).getByTestId("nav-chain-nav-section-button"));
+ expect(screen.queryAllByRole("link").length).toBe(3);
+
+ fireEvent.click(screen.getByTestId("nav-chain-flyout-overlay"));
+ expect(screen.queryAllByRole("link").length).toBe(0);
+ });
});
describe("dealing with accessibility and screen readers", () => {
diff --git a/blocks/header-nav-chain-block/package-lock.json b/blocks/header-nav-chain-block/package-lock.json
index f91b57300b..5475f85adf 100644
--- a/blocks/header-nav-chain-block/package-lock.json
+++ b/blocks/header-nav-chain-block/package-lock.json
@@ -27,9 +27,9 @@
"integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
},
"use-debounce": {
- "version": "9.0.4",
- "resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-9.0.4.tgz",
- "integrity": "sha512-6X8H/mikbrt0XE8e+JXRtZ8yYVvKkdYRfmIhWZYsP8rcNs9hk3APV8Ua2mFkKRLcJKVdnX2/Vwrmg2GWKUQEaQ=="
+ "version": "10.0.0",
+ "resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-10.0.0.tgz",
+ "integrity": "sha512-XRjvlvCB46bah9IBXVnq/ACP2lxqXyZj0D9hj4K5OzNroMDpTEBg8Anuh1/UfRTRs7pLhQ+RiNxxwZu9+MVl1A=="
}
}
}
diff --git a/blocks/header-nav-chain-block/package.json b/blocks/header-nav-chain-block/package.json
index 064ea40888..c100ca4174 100644
--- a/blocks/header-nav-chain-block/package.json
+++ b/blocks/header-nav-chain-block/package.json
@@ -27,7 +27,7 @@
},
"dependencies": {
"focus-trap-react": "^10.2.3",
- "use-debounce": "^9.0.4"
+ "use-debounce": "^10.0.0"
},
"gitHead": "83fb8d6685958d85ddbfcfbf01d9a5c864cd6c95"
}
diff --git a/blocks/large-promo-block/features/large-promo/default.jsx b/blocks/large-promo-block/features/large-promo/default.jsx
index af4a0b5b08..80f557a635 100644
--- a/blocks/large-promo-block/features/large-promo/default.jsx
+++ b/blocks/large-promo-block/features/large-promo/default.jsx
@@ -18,6 +18,7 @@ import {
MediaItem,
Stack,
formatURL,
+ getFocalFromANS,
getImageFromANS,
getVideoFromANS,
isServerSide,
@@ -221,21 +222,29 @@ const LargePromoItem = ({ customFields, arcSite }) => {
promo_items {
basic {
_id
- type
- url
auth {
${RESIZER_TOKEN_VERSION}
}
+ focal_point {
+ x
+ y
+ }
+ type
+ url
}
}
}
basic {
_id
- type
- url
auth {
${RESIZER_TOKEN_VERSION}
}
+ focal_point {
+ x
+ y
+ }
+ type
+ url
}
}
embed_html
@@ -337,9 +346,10 @@ const LargePromoItem = ({ customFields, arcSite }) => {
const contentOverline = showOverline ? overlineText : null;
const contentUrl = content?.websites?.[arcSite]?.website_url;
const embedMarkup = playVideoInPlace && getVideoFromANS(content);
- const promoImageParams =
+ const ansImage = getImageFromANS(content);
+ const promoImageParams =
showImage &&
- (imageOverrideURL || (content && getImageFromANS(content))
+ (imageOverrideURL || ansImage
? {
ansImage: imageOverrideURL
? {
@@ -347,11 +357,11 @@ const LargePromoItem = ({ customFields, arcSite }) => {
url: imageOverrideURL,
auth: resizedAuth || {},
}
- : getImageFromANS(content),
+ : ansImage,
alt: content?.headlines?.basic || "",
aspectRatio: imageRatio,
resizedOptions: {
- smart: true,
+ ...getFocalFromANS(ansImage),
},
responsiveImages: [400, 600, 800, 1200],
width: 377,
diff --git a/blocks/lead-art-block/features/leadart/default.jsx b/blocks/lead-art-block/features/leadart/default.jsx
index c59397c39a..0cd5136a9d 100644
--- a/blocks/lead-art-block/features/leadart/default.jsx
+++ b/blocks/lead-art-block/features/leadart/default.jsx
@@ -9,6 +9,7 @@ import {
Carousel,
formatCredits,
formatPowaVideoEmbed,
+ getFocalFromANS,
Icon,
Image,
MediaItem,
@@ -140,12 +141,12 @@ export const LeadArtPresentation = (props) => {
{isOpen ? (