@quintype/arrow 3.54.1-version-upgrade.1 → 3.54.1-version-upgrade.2

package/src/utils/img-size-utils.js

@@ -1,102 +0,0 @@
-export const textStoryImgSize = {
-  fullBleed: {
-    default: "(max-width: 768px) 90vw, 100vw",
-    "hero-priority-center": "100vw",
-    "headline-hero-priority": "(max-width: 768px) 90vw, 100vw",
-    "hero-vertical-priority": "(max-width: 768px) 90vw, 50vw",
-    "headline-priority": "(max-width: 768px) 100vw, 50vw",
-    "headline-overlay-priority": "(max-width: 768px) 90vw, 80vw"
-  },
-  container: {
-    default: "(max-width: 768px) 90vw, 75vw", // change 70vw to 80vw if clarity is affected
-    "hero-priority-center": "(max-width: 768px) 100vw, 75vw",
-    "headline-hero-priority": "(max-width: 768px) 90vw, 75vw",
-    "hero-vertical-priority": "(max-width: 768px) 90vw, (max-width: 1024px) 50vw, 35vw",
-    "headline-priority": "(max-width: 768px) 100vw, 50vw",
-    "headline-overlay-priority": "(max-width: 768px) 90vw, 75vw"
-  }
-};
-
-export const photoStoryImgSize = {
-  fullBleed: {
-    default: "100vw",
-    "hero-priority-center": "100vw",
-    "headline-priority": "(max-width: 768px) 100vw, 50vw"
-  },
-  container: {
-    default: "(max-width: 768px) 100vw, 80vw",
-    "hero-priority-center": "(max-width: 768px) 100vw, 80vw",
-    "headline-priority": "(max-width: 768px) 100vw, 50vw"
-  }
-};
-
-export const liveBlogImgSize = {
-  default: "100vw",
-  "hero-overlay": "(max-width: 768px) 100vw, 80vw",
-  "headline-sideway": "(max-width: 768px) 100vw, 40vw",
-  "hero-priority": "(max-width: 768px) 100vw, 80vw",
-  "headline-priority": "(max-width: 768px) 100vw, 60vw",
-  "headline-hero-priority": "(max-width: 768px) 100vw, 80vw"
-};
-
-export const listicleImgSize = {
-  default: "100vw",
-  "hero-priority": "(max-width: 768px) 100vw, 75vw",
-  "headline-priority": "(max-width: 768px) 100vw, 70vw",
-  "headline-hero-priority": "(max-width: 768px) 100vw, 75vw",
-  "hero-overlay": "(max-width: 768px) 100vw, 75vw",
-  "headline-sideway": "(max-width: 768px) 100vw, 50vw"
-};
-
-export const heroImageWidths = [480, 640, 768, 1024, 1200];
-
-export const imgGalleryWidths = [200, 250, 360, 480, 640];
-
-export const imgGallerySizes = "(max-width: 768px) 50vw, 16vw";
-
-export const imgSlideShowWidths = [250, 360, 480, 560, 640, 768, 1024, 1200];
-
-export const imgSlideShowSizes = "(max-width: 768px) 100vw, 45vw";
-
-export const alsoReadImgWidths = [200, 250, 360, 480];
-export const alsoReadDefaultImgWidths = [250, 480, 640];
-
-export const alsoReadImgSizes = "(max-width: 768px) 25vw, 20vw";
-export const alsoReadDefaultImgSizes = "(max-width: 768px) 90vw, 20vw";
-export const introCardImgSizes = "(max-width: 768px) 90vw, 50vw";
-
-export const relatedStoriesWidths = [250, 360, 480, 576]; // will add 640 only if clarity is affected
-
-export const relatedStoriesImgSize = "(max-width: 768px) 38vw, 20vw";
-
-export const storyAuthorImgWidths = [48, 64, 98, 130, 250];
-
-export const storyAuthorImgSize = {
-  default: "(max-width: 768px) 8vw, 3vw",
-  leftAligned: "(max-width: 768px) 20vw, 10vw",
-  centerAligned: "(max-width: 768px) 20vw, 10vw"
-};
-
-export const imgElementWidths = [360, 500, 640, 768, 1024, 1200];
-
-export const imgElementSizes = "(max-width: 768px) 90vw, 50vw";
-
-export const elevenStoriesCol2HeroImageWidth = [250, 360, 480, 640];
-
-export const elevenStoriesCol2HeroImageSize = "(min-width: 992px) 32vw, 90vw";
-
-export const elevenStoriesCol2ThumbnailWidth = [360, 480, 640];
-
-export const elevenStoriesCol2ThumbnailSize = "(max-width: 768px) 20vw, (max-width: 1024px) 37vw, 15vw";
-
-export const elevenStoriesCol1ImageWidth = [360, 480, 640];
-
-export const elevenStoriesCol1ImageSize = "(max-width: 768px) 35vw, (max-width: 1024px) 100vw, 22vw";
-
-export const threeColSevenHeroImgWidth = [360, 480, 640];
-
-export const threeColSevenHeroImgSize = "(max-width: 768px) 90vw, (max-width: 1024px) 30vw, 22vw";
-
-export const threeColSevenThumbnailWidth = [250, 360, 480, 640];
-
-export const threeColSevenThumbnailSize = "(max-width: 768px) 34vw, (max-width: 1024px) 11vw, 8vw";

package/src/utils/testing-utils.js

@@ -1,8 +0,0 @@
-export function mockIntersectionObserver() {
-  const mockIntersectionObserver = jest.fn();
-  mockIntersectionObserver.mockReturnValue({
-    observe: jest.fn().mockReturnValue(null),
-    unobserve: jest.fn().mockReturnValue(null)
-  });
-  window.IntersectionObserver = mockIntersectionObserver;
-}