@windstream/react-shared-components 0.0.63 → 0.0.65

package/src/components/modal/types.ts

@@ -1,24 +1,24 @@
-import { Props as RModalProps } from "react-modal";
-
-export type Size = "xl" | "lg" | "md" | "sm" | "xs";
-export type Shape = "rounded" | "default";
-export type Animation = "popper" | "bottomSheet";
-
-type OwnProps = {
-  size?: Size;
-  shape?: Shape;
-  title?: string;
-  bodyClassName?: string | null | undefined;
-  closeWrapperClassName?: string | null | undefined;
-  closeButtonClassName?: string | null | undefined;
-  bodyStyle?: React.CSSProperties;
-  centered?: boolean;
-  hideScrollOnIsOpenFalse?: boolean;
-  parentSelector?: string;
-  animation?: Animation;
-  hideCloseButton?: boolean;
-  ["data-testid"]?: string;
-  ["data-cy"]?: string;
-};
-
-export type ModalProps = OwnProps & RModalProps;
+import { Props as RModalProps } from "react-modal";
+
+export type Size = "xl" | "lg" | "md" | "sm" | "xs";
+export type Shape = "rounded" | "default";
+export type Animation = "popper" | "bottomSheet";
+
+type OwnProps = {
+  size?: Size;
+  shape?: Shape;
+  title?: string;
+  bodyClassName?: string | null | undefined;
+  closeWrapperClassName?: string | null | undefined;
+  closeButtonClassName?: string | null | undefined;
+  bodyStyle?: React.CSSProperties;
+  centered?: boolean;
+  hideScrollOnIsOpenFalse?: boolean;
+  parentSelector?: string;
+  animation?: Animation;
+  hideCloseButton?: boolean;
+  ["data-testid"]?: string;
+  ["data-cy"]?: string;
+};
+
+export type ModalProps = OwnProps & RModalProps;

package/src/components/next-image/index.tsx

@@ -1,18 +1,32 @@
-"use client";
-
-import { forwardRef } from "react";
-import NextJsImage, { type ImageProps as NextImageProps } from "next/image";
-
-import { cx } from "@shared/utils";
-
-export interface NextImageComponentProps extends NextImageProps {
-  className?: string;
-}
-
-export const NextImage = forwardRef<HTMLImageElement, NextImageComponentProps>(
-  ({ className, ...props }, ref) => {
-    return <NextJsImage ref={ref} className={cx(className)} {...props} />;
-  }
-);
-
-NextImage.displayName = "NextImage";
+"use client";
+
+import { forwardRef } from "react";
+import NextJsImage, { type ImageProps as NextImageProps } from "next/image";
+
+import { cx } from "@shared/utils";
+
+export interface NextImageComponentProps extends NextImageProps {
+  className?: string;
+}
+
+export const NextImage = forwardRef<HTMLImageElement, NextImageComponentProps>(
+  ({ className, ...props }, ref) => {
+    // Only disable optimization for SVG files from Contentful
+    // Remove query params before checking file extension
+    const srcString = typeof props.src === "string" ? props.src : "";
+    const urlWithoutParams = srcString.toLowerCase().split("?")[0] || "";
+    const isSvgFromContentful =
+      srcString.includes("images.ctfassets.net") &&
+      urlWithoutParams.endsWith(".svg");
+    return (
+      <NextJsImage
+        ref={ref}
+        className={cx(className)}
+        {...props}
+        unoptimized={isSvgFromContentful}
+      />
+    );
+  }
+);
+
+NextImage.displayName = "NextImage";

package/src/components/next-image/types.ts

@@ -1 +1 @@
-export type { NextImageComponentProps } from "./index";
+export type { NextImageComponentProps } from "./index";