@windstream/react-shared-components 0.2.38 → 0.2.41

package/src/contentful/blocks/carousel/types.test.ts

@@ -10,6 +10,16 @@ describe("carousel types exports", () => {
     expect(backgroundColorMap.white).toBe("bg-white");
   });
 
+  it("exports backgroundColorMap with only the supported color keys", () => {
+    expect(Object.keys(backgroundColorMap)).toEqual([
+      "blue",
+      "green",
+      "orange",
+      "purple",
+      "white",
+    ]);
+  });
+
   it("exports DEFAULT_TABS", () => {
     expect(DEFAULT_TABS).toEqual(["Business Ready", "Internet Only"]);
   });

package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx

@@ -29,7 +29,6 @@ const meta: Meta<typeof CtaCallout> = {
       buttonPrefix: "",
       badge: "",
       badgeIcon: "",
-      buttonIcon: "",
       buttonIconPosition: "left",
       href: "",
       target: "_self",

package/src/contentful/blocks/dynamic-tabs/ordered-tab-views.tsx

@@ -175,7 +175,7 @@ export function OrderedSidebarView({
   return (
     <div className="flex gap-10 px-5 py-20">
       <div className="flex-shrink-0">
-        <div className="flex min-w-[320px] gap-4 rounded-[20px] border-2 bg-bg-surface-active px-6 py-7 shadow-lg">
+        <div className="flex min-w-[320px] gap-4 rounded-[20px] border-2 px-6 py-7 shadow-lg">
           {[...new Array(Math.min(2, items.length))].map((_, colIdx) => {
             const perColumn = Math.ceil(items.length / 2);
 

package/src/contentful/blocks/ordered-list/index.tsx

@@ -30,7 +30,7 @@ export const OrderedList = ({
       return (
         <Text
           key={`ordered-item-${index}`}
-          className="body2 relative text-left leading-7"
+          className="body1 relative text-left leading-7"
         >
           {formatItemName(item.itemName)}
         </Text>
@@ -44,7 +44,7 @@ export const OrderedList = ({
         title={item.itemName.toUpperCase()}
         className="flex items-center underline underline-offset-4"
       >
-        <Text className="body2 relative cursor-pointer text-left leading-7">
+        <Text className="body1 relative cursor-pointer text-left leading-7">
           {formatItemName(item.itemName)}
         </Text>
       </Link>

package/src/contentful/blocks/primary-hero/index.tsx

@@ -53,7 +53,11 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
   const hasDesktopVideo = !!desktopVideoUrl;
   const hasMobileVideo = !!mobileVideoUrl;
   const bottomLinkLabel = bottomLink?.buttonLabel ?? bottomLink?.label;
-  const textColorClass = textColor === "light" ? " text-white" : " text-text";
+  const baseTextColorClass = textColor === "dark" ? "text-text" : "text-white";
+  const textColorClass =
+    hasDesktopVideo && textColor === "dark"
+      ? `${baseTextColorClass} xl:text-white`
+      : baseTextColorClass;
   return (
     <div className="component-container relative overflow-hidden p-4 sm:px-6 sm:py-12 xl:flex xl:min-h-[724px] xl:items-center xl:px-10">
       {hasDesktopVideo ? (
@@ -324,7 +328,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
           ) : null}
 
           {bottomLink && (bottomLinkLabel || bottomLink?.href) && (
-            <div className="lg:hidden">
+            <div className="flex lg:hidden">
               <Button
                 {...bottomLink}
                 onModalButtonClick={onModalButtonClick}

package/src/hooks/use-carousel-swipe.test.ts

@@ -1,3 +1,4 @@
+import { TextDecoder, TextEncoder } from "util";
 import React from "react";
 import { CarouselSwipeConfig, useCarouselSwipe } from "./use-carousel-swipe";
 
@@ -368,6 +369,28 @@ describe("useCarouselSwipe", () => {
       expect(result.current.containerWidth).toBe(800);
     });
 
+    it("uses the attached containerRef width when present", () => {
+      Object.defineProperty(window, "innerWidth", {
+        writable: true,
+        value: 1024,
+      });
+
+      const { result } = renderHook(() => useCarouselSwipe(defaultConfig));
+      const container = document.createElement("div");
+
+      Object.defineProperty(container, "offsetWidth", {
+        configurable: true,
+        value: 640,
+      });
+
+      act(() => {
+        result.current.containerRef.current = container as HTMLDivElement;
+        window.dispatchEvent(new Event("resize"));
+      });
+
+      expect(result.current.containerWidth).toBe(640);
+    });
+
     it("uses custom mobileBreakpoint", () => {
       Object.defineProperty(window, "innerWidth", {
         writable: true,
@@ -392,13 +415,10 @@ describe("useCarouselSwipe", () => {
   });
 
   describe("SSR safety (window undefined)", () => {
-    it("can be created without throwing when window is undefined and uses fallback containerWidth", () => {
+    it("can be created without throwing when window is undefined and uses fallback containerWidth", async () => {
       const origWindow = globalThis.window;
       // @ts-expect-error - intentionally deleting window to simulate SSR
       delete globalThis.window;
-
-      // Polyfill TextEncoder/TextDecoder required by react-dom/server in jest
-      const { TextEncoder, TextDecoder } = require("util");
       const origTE = globalThis.TextEncoder;
       const origTD = globalThis.TextDecoder;
       globalThis.TextEncoder = TextEncoder;
@@ -412,8 +432,8 @@ describe("useCarouselSwipe", () => {
       }
 
       try {
-        // eslint-disable-next-line @typescript-eslint/no-var-requires
-        const { renderToString } = require("react-dom/server");
+        const { renderToString } = await import("react-dom/server");
+
         // renderToString simulates real SSR: no window, no effects run
         renderToString(React.createElement(TestComponent));
 

package/src/types/micro-components.ts

@@ -24,8 +24,8 @@ export interface Button {
   preserveQueryParameters: boolean; // non-null in your model
   badgeIcon?: Asset | null;
   buttonVariant?: "primary_brand" | "primary_inverse" | "secondary" | null;
-  buttonIcon?: Asset | null;
-  buttonIconPosition?: boolean | null; // matches EntryFieldTypes.Boolean in your model
+  buttonIconName?: string | null;
+  buttonIconPosition?: "left" | "right" | null;
   clickToOpen?: "accordion" | "modal" | "tab" | null;
   tabmodalNameToOpen?: string | null;
   preDefinedFunctionExecution?: "check availability" | null;