@scrippsproduct/networks-ui-library 2.0.4 → 2.0.5

package/dist/components/PromotionsRowModule/PromotionsRowModule.test.js

@@ -1,16 +1,16 @@
-import { jsx as s, jsxs as B } from "react/jsx-runtime";
-import { v as h, d as m, b as C, a as v, i as l, r as c, g as a, s as n, w as u } from "../../react.esm-S2Q_NbYC.mjs";
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import { v as h, d as m, b as I, a as v, i as r, r as l, g as n, s as c, w as u } from "../../react.esm-S2Q_NbYC.mjs";
 import "../../index-BZQHStQa.mjs";
-import { PromotionsRowModule as r } from "./PromotionsRowModule.js";
+import { PromotionsRowModule as s } from "./PromotionsRowModule.js";
 h.mock("../PromotionsRowBlock", () => ({
-  default: ({ children: o, gap: e }) => /* @__PURE__ */ s("div", { "data-gap": e, "data-testid": "promotions-row-block", children: o })
+  default: ({ children: o, gap: e }) => /* @__PURE__ */ a("div", { "data-gap": e, "data-testid": "promotions-row-block", children: o })
 }));
 h.mock("../ImageCard", () => ({
-  default: ({ image: o, title: e, content: i, cta: p, relatedResourceId: y, classname: T, overlayContent: I }) => /* @__PURE__ */ B(
+  default: ({ image: o, title: e, content: i, cta: p, relatedResourceId: y, classname: T, overlayContent: C }) => /* @__PURE__ */ B(
     "div",
     {
       "data-classname": T,
-      "data-content": i,
+      "data-content": typeof i == "string" ? i : void 0,
       "data-cta-text": p == null ? void 0 : p.label,
       "data-image-url": o.url,
       "data-related-id": y,
@@ -19,7 +19,8 @@ h.mock("../ImageCard", () => ({
       children: [
         "ImageCard: ",
         e,
-        I
+        i,
+        C
       ]
     }
   )
@@ -58,62 +59,62 @@ const g = {
   ...e
 });
 m("PromotionsRowModule", () => {
-  C(() => {
+  I(() => {
     h.clearAllMocks();
   }), v(() => {
     h.clearAllMocks();
   }), m("Basic Rendering", () => {
-    l("should render section with promotions-row class", () => {
-      const o = [t("1")], { container: e } = c(/* @__PURE__ */ s(r, { promos: o })), i = e.querySelector("section.promotions-row");
-      a(i).toBeInTheDocument();
-    }), l("should render title when provided", () => {
+    r("should render section with promotions-row class", () => {
+      const o = [t("1")], { container: e } = l(/* @__PURE__ */ a(s, { promos: o })), i = e.querySelector("section.promotions-row");
+      n(i).toBeInTheDocument();
+    }), r("should render title when provided", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Special Offers" })), a(n.getByRole("heading", { name: "Special Offers" })).toBeInTheDocument();
-    }), l("should render title as h2 element", () => {
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Special Offers" })), n(c.getByRole("heading", { name: "Special Offers" })).toBeInTheDocument();
+    }), r("should render title as h2 element", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Special Offers" }));
-      const e = n.getByRole("heading", { name: "Special Offers", level: 2 });
-      a(e).toBeInTheDocument();
-    }), l("should apply correct classes to title", () => {
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Special Offers" }));
+      const e = c.getByRole("heading", { name: "Special Offers", level: 2 });
+      n(e).toBeInTheDocument();
+    }), r("should apply correct classes to title", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Special Offers" }));
-      const e = n.getByRole("heading", { name: "Special Offers" });
-      a(e).toHaveClass("h2", "promotions-row__header");
-    }), l("should render empty title when not provided", () => {
-      const o = [t("1")], { container: e } = c(/* @__PURE__ */ s(r, { promos: o })), i = e.querySelector("h2");
-      a(i).toHaveTextContent("");
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Special Offers" }));
+      const e = c.getByRole("heading", { name: "Special Offers" });
+      n(e).toHaveClass("h2", "promotions-row__header");
+    }), r("should render empty title when not provided", () => {
+      const o = [t("1")], { container: e } = l(/* @__PURE__ */ a(s, { promos: o })), i = e.querySelector("h2");
+      n(i).toHaveTextContent("");
     });
   }), m("PromotionsRowBlock Rendering (≤4 promos)", () => {
-    l("should render PromotionsRowBlock with single promo", () => {
+    r("should render PromotionsRowBlock with single promo", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("promotions-row-block")).toBeInTheDocument();
-    }), l("should render PromotionsRowBlock with 2 promos", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("promotions-row-block")).toBeInTheDocument();
+    }), r("should render PromotionsRowBlock with 2 promos", () => {
       const o = [t("1"), t("2")];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("promotions-row-block")).toBeInTheDocument();
-    }), l("should render PromotionsRowBlock with exactly 4 promos", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("promotions-row-block")).toBeInTheDocument();
+    }), r("should render PromotionsRowBlock with exactly 4 promos", () => {
       const o = [
         t("1"),
         t("2"),
         t("3"),
         t("4")
       ];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("promotions-row-block")).toBeInTheDocument();
-    }), l("should apply 2rem gap to PromotionsRowBlock", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("promotions-row-block")).toBeInTheDocument();
+    }), r("should apply 2rem gap to PromotionsRowBlock", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("promotions-row-block");
-      a(e).toHaveAttribute("data-gap", "2rem");
-    }), l("should not render Carousel when promos ≤ 4", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("promotions-row-block");
+      n(e).toHaveAttribute("data-gap", "2rem");
+    }), r("should not render Carousel when promos ≤ 4", () => {
       const o = [
         t("1"),
         t("2"),
         t("3"),
         t("4")
       ];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.queryByTestId("carousel")).not.toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.queryByTestId("carousel")).not.toBeInTheDocument();
     });
   }), m("Carousel Rendering (>4 promos)", () => {
-    l("should render Carousel when promos > 4", async () => {
+    r("should render Carousel when promos > 4", async () => {
       const o = [
         t("1"),
         t("2"),
@@ -121,79 +122,92 @@ m("PromotionsRowModule", () => {
         t("4"),
         t("5")
       ];
-      c(/* @__PURE__ */ s(r, { promos: o })), await u(() => {
-        a(n.getByTestId("carousel")).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { promos: o })), await u(() => {
+        n(c.getByTestId("carousel")).toBeInTheDocument();
       });
-    }), l("should render h1 title for carousel view", async () => {
+    }), r("should render h1 title for carousel view", async () => {
       const o = Array.from({ length: 5 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Carousel Title" })), await u(() => {
-        const e = n.getByRole("heading", { name: "Carousel Title", level: 1 });
-        a(e).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Carousel Title" })), await u(() => {
+        const e = c.getByRole("heading", { name: "Carousel Title", level: 1 });
+        n(e).toBeInTheDocument();
       });
-    }), l("should apply h3 class to carousel title", async () => {
+    }), r("should apply h3 class to carousel title", async () => {
       const o = Array.from({ length: 5 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Carousel Title" })), await u(() => {
-        const e = n.getByRole("heading", { name: "Carousel Title" });
-        a(e).toHaveClass("h3", "promotions-row__header");
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Carousel Title" })), await u(() => {
+        const e = c.getByRole("heading", { name: "Carousel Title" });
+        n(e).toHaveClass("h3", "promotions-row__header");
       });
-    }), l("should not render PromotionsRowBlock when carousel is shown", async () => {
+    }), r("should not render PromotionsRowBlock when carousel is shown", async () => {
       const o = Array.from({ length: 5 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o })), await u(() => {
-        a(n.getByTestId("carousel")).toBeInTheDocument();
-      }), a(n.queryByTestId("promotions-row-block")).not.toBeInTheDocument();
-    }), l("should pass correct number of cells to Carousel", async () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), await u(() => {
+        n(c.getByTestId("carousel")).toBeInTheDocument();
+      }), n(c.queryByTestId("promotions-row-block")).not.toBeInTheDocument();
+    }), r("should pass correct number of cells to Carousel", async () => {
       const o = Array.from({ length: 6 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o })), await u(() => {
-        const e = n.getByTestId("carousel");
-        a(e).toHaveAttribute("data-cells-count", "6");
+      l(/* @__PURE__ */ a(s, { promos: o })), await u(() => {
+        const e = c.getByTestId("carousel");
+        n(e).toHaveAttribute("data-cells-count", "6");
       });
     });
   }), m("ImageCard Rendering", () => {
-    l("should render ImageCard for each promo", () => {
+    r("should render ImageCard for each promo", () => {
       const o = [
         t("1"),
         t("2"),
         t("3")
       ];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getAllByTestId("image-card");
-      a(e).toHaveLength(3);
-    }), l("should pass image prop to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getAllByTestId("image-card");
+      n(e).toHaveLength(3);
+    }), r("should pass image prop to ImageCard", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-image-url", g.url);
-    }), l("should pass title prop to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-image-url", g.url);
+    }), r("should pass title prop to ImageCard", () => {
       const o = [t("1", { title: "Special Promo" })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-title", "Special Promo");
-    }), l("should pass content prop to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-title", "Special Promo");
+    }), r("should pass content prop to ImageCard", () => {
       const o = [t("1", { content: "Special content" })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-content", "Special content");
-    }), l("should pass cta prop to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o, shouldClampContent: !1 }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-content", "Special content");
+    }), r("should wrap content in a clamped-content div when shouldClampContent is true", () => {
+      const o = [t("1", { content: "Special content" })], { container: e } = l(
+        /* @__PURE__ */ a(s, { shouldClampContent: !0, promos: o })
+      ), i = e.querySelector(".promotions-row__clamped-content");
+      n(i).toBeInTheDocument(), n(i).toHaveTextContent("Special content");
+    }), r("should wrap content in a clamped-content div by default", () => {
+      const o = [t("1", { content: "Special content" })], { container: e } = l(/* @__PURE__ */ a(s, { promos: o })), i = e.querySelector(".promotions-row__clamped-content");
+      n(i).toBeInTheDocument(), n(i).toHaveTextContent("Special content");
+    }), r("should not wrap content when shouldClampContent is false", () => {
+      const o = [t("1", { content: "Special content" })], { container: e } = l(
+        /* @__PURE__ */ a(s, { promos: o, shouldClampContent: !1 })
+      ), i = e.querySelector(".promotions-row__clamped-content");
+      n(i).not.toBeInTheDocument();
+    }), r("should pass cta prop to ImageCard", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-cta-text", d.label);
-    }), l("should pass relatedResourceId to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-cta-text", d.label);
+    }), r("should pass relatedResourceId to ImageCard", () => {
       const o = [t("test-id-123")];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-related-id", "test-id-123");
-    }), l("should pass classname to ImageCard when provided", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-related-id", "test-id-123");
+    }), r("should pass classname to ImageCard when provided", () => {
       const o = [t("1", { classname: "custom-class" })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-classname", "custom-class");
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-classname", "custom-class");
     });
   }), m("CtaBlock Overlay Content", () => {
-    l("should not render CtaBlock when overlayContent is not provided", () => {
+    r("should not render CtaBlock when overlayContent is not provided", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.queryByTestId("cta-block")).not.toBeInTheDocument();
-    }), l("should render CtaBlock when overlayContent is provided", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.queryByTestId("cta-block")).not.toBeInTheDocument();
+    }), r("should render CtaBlock when overlayContent is provided", () => {
       const o = [t("1", {
         overlayContent: {
           title: "Overlay Title",
@@ -201,69 +215,69 @@ m("PromotionsRowModule", () => {
           cta: d
         }
       })];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("cta-block")).toBeInTheDocument();
-    }), l("should pass overlayContent title to CtaBlock", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("cta-block")).toBeInTheDocument();
+    }), r("should pass overlayContent title to CtaBlock", () => {
       const o = [t("1", {
         overlayContent: {
           title: "Overlay Title",
           cta: d
         }
       })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("cta-block");
-      a(e).toHaveAttribute("data-title", "Overlay Title");
-    }), l("should pass overlayContent cta to CtaBlock", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("cta-block");
+      n(e).toHaveAttribute("data-title", "Overlay Title");
+    }), r("should pass overlayContent cta to CtaBlock", () => {
       const o = [t("1", {
         overlayContent: {
           cta: d
         }
       })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("cta-block");
-      a(e).toHaveAttribute("data-cta-text", d.label);
-    }), l("should render multiple CtaBlocks for multiple promos with overlayContent", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("cta-block");
+      n(e).toHaveAttribute("data-cta-text", d.label);
+    }), r("should render multiple CtaBlocks for multiple promos with overlayContent", () => {
       const o = [
         t("1", { overlayContent: { title: "Overlay 1", cta: d } }),
         t("2", { overlayContent: { title: "Overlay 2", cta: d } }),
         t("3", { overlayContent: { title: "Overlay 3", cta: d } })
       ];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getAllByTestId("cta-block");
-      a(e).toHaveLength(3);
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getAllByTestId("cta-block");
+      n(e).toHaveLength(3);
     });
   }), m("HandleClicks Prop", () => {
-    l("should use provided handleClicks function", () => {
+    r("should use provided handleClicks function", () => {
       const o = h.fn(), e = [t("1")];
-      c(/* @__PURE__ */ s(r, { handleClicks: o, promos: e })), a(n.getByTestId("image-card")).toBeInTheDocument();
-    }), l("should use default handleClicks when not provided", () => {
+      l(/* @__PURE__ */ a(s, { handleClicks: o, promos: e })), n(c.getByTestId("image-card")).toBeInTheDocument();
+    }), r("should use default handleClicks when not provided", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("image-card")).toBeInTheDocument();
-    }), l("should use default handleClicks when null", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("image-card")).toBeInTheDocument();
+    }), r("should use default handleClicks when null", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { handleClicks: null, promos: o })), a(n.getByTestId("image-card")).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { handleClicks: null, promos: o })), n(c.getByTestId("image-card")).toBeInTheDocument();
     });
   }), m("Edge Cases", () => {
-    l("should handle empty promos array", () => {
-      const { container: o } = c(/* @__PURE__ */ s(r, { promos: [] })), e = o.querySelector("section.promotions-row");
-      a(e).toBeInTheDocument();
-    }), l("should handle promos without optional fields", () => {
-      c(/* @__PURE__ */ s(r, { promos: [{
+    r("should handle empty promos array", () => {
+      const { container: o } = l(/* @__PURE__ */ a(s, { promos: [] })), e = o.querySelector("section.promotions-row");
+      n(e).toBeInTheDocument();
+    }), r("should handle promos without optional fields", () => {
+      l(/* @__PURE__ */ a(s, { promos: [{
         id: "1",
         image: g
-      }] })), a(n.getByTestId("image-card")).toBeInTheDocument();
-    }), l("should handle very long title", () => {
-      const o = "This is a very long title ".repeat(10).trim(), e = [t("1")], { container: i } = c(/* @__PURE__ */ s(r, { promos: e, title: o })), p = i.querySelector("h2");
-      a(p).toHaveTextContent(o);
-    }), l("should handle special characters in title", () => {
+      }] })), n(c.getByTestId("image-card")).toBeInTheDocument();
+    }), r("should handle very long title", () => {
+      const o = "This is a very long title ".repeat(10).trim(), e = [t("1")], { container: i } = l(/* @__PURE__ */ a(s, { promos: e, title: o })), p = i.querySelector("h2");
+      n(p).toHaveTextContent(o);
+    }), r("should handle special characters in title", () => {
       const o = 'Special & "Quoted" Title <test>', e = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: e, title: o })), a(n.getByRole("heading", { name: o })).toBeInTheDocument();
-    }), l("should handle many promos (>10)", async () => {
+      l(/* @__PURE__ */ a(s, { promos: e, title: o })), n(c.getByRole("heading", { name: o })).toBeInTheDocument();
+    }), r("should handle many promos (>10)", async () => {
       const o = Array.from({ length: 15 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o })), await u(() => {
-        const e = n.getByTestId("carousel");
-        a(e).toHaveAttribute("data-cells-count", "15");
+      l(/* @__PURE__ */ a(s, { promos: o })), await u(() => {
+        const e = c.getByTestId("carousel");
+        n(e).toHaveAttribute("data-cells-count", "15");
       });
-    }), l("should handle promos with undefined overlayContent properties", () => {
+    }), r("should handle promos with undefined overlayContent properties", () => {
       const o = [t("1", {
         overlayContent: {
           title: void 0,
@@ -271,29 +285,29 @@ m("PromotionsRowModule", () => {
           cta: void 0
         }
       })];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("cta-block")).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("cta-block")).toBeInTheDocument();
     });
   }), m("Conditional Rendering Logic", () => {
-    l("should switch from PromotionsRowBlock to Carousel when promos increase", async () => {
-      const { rerender: o } = c(/* @__PURE__ */ s(r, { promos: [t("1")] }));
-      a(n.getByTestId("promotions-row-block")).toBeInTheDocument();
+    r("should switch from PromotionsRowBlock to Carousel when promos increase", async () => {
+      const { rerender: o } = l(/* @__PURE__ */ a(s, { promos: [t("1")] }));
+      n(c.getByTestId("promotions-row-block")).toBeInTheDocument();
       const e = Array.from({ length: 5 }, (i, p) => t(`${p + 1}`));
-      o(/* @__PURE__ */ s(r, { promos: e })), await u(() => {
-        a(n.getByTestId("carousel")).toBeInTheDocument();
-      }), a(n.queryByTestId("promotions-row-block")).not.toBeInTheDocument();
-    }), l("should render section element for PromotionsRowBlock view", () => {
-      const o = [t("1")], { container: e } = c(/* @__PURE__ */ s(r, { promos: o })), i = e.querySelector("section");
-      a(i).toBeInTheDocument();
-    }), l("should not render section element for Carousel view", async () => {
-      const o = Array.from({ length: 5 }, (p, y) => t(`${y + 1}`)), { container: e } = c(/* @__PURE__ */ s(r, { promos: o }));
+      o(/* @__PURE__ */ a(s, { promos: e })), await u(() => {
+        n(c.getByTestId("carousel")).toBeInTheDocument();
+      }), n(c.queryByTestId("promotions-row-block")).not.toBeInTheDocument();
+    }), r("should render section element for PromotionsRowBlock view", () => {
+      const o = [t("1")], { container: e } = l(/* @__PURE__ */ a(s, { promos: o })), i = e.querySelector("section");
+      n(i).toBeInTheDocument();
+    }), r("should not render section element for Carousel view", async () => {
+      const o = Array.from({ length: 5 }, (p, y) => t(`${y + 1}`)), { container: e } = l(/* @__PURE__ */ a(s, { promos: o }));
       await u(() => {
-        a(n.getByTestId("carousel")).toBeInTheDocument();
+        n(c.getByTestId("carousel")).toBeInTheDocument();
       });
       const i = e.querySelector("section");
-      a(i).not.toBeInTheDocument();
+      n(i).not.toBeInTheDocument();
     });
   }), m("Integration", () => {
-    l("should render complete module with all elements", () => {
+    r("should render complete module with all elements", () => {
       const o = [
         t("1", {
           title: "Promo 1",
@@ -305,28 +319,28 @@ m("PromotionsRowModule", () => {
           content: "Content 2"
         })
       ];
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Test Module" })), a(n.getByRole("heading", { name: "Test Module" })).toBeInTheDocument(), a(n.getByTestId("promotions-row-block")).toBeInTheDocument(), a(n.getAllByTestId("image-card")).toHaveLength(2), a(n.getByTestId("cta-block")).toBeInTheDocument();
-    }), l("should render carousel with all promos when count > 4", async () => {
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Test Module" })), n(c.getByRole("heading", { name: "Test Module" })).toBeInTheDocument(), n(c.getByTestId("promotions-row-block")).toBeInTheDocument(), n(c.getAllByTestId("image-card")).toHaveLength(2), n(c.getByTestId("cta-block")).toBeInTheDocument();
+    }), r("should render carousel with all promos when count > 4", async () => {
       const o = Array.from(
         { length: 8 },
         (e, i) => t(`${i + 1}`, { title: `Promo ${i + 1}` })
       );
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Carousel Module" })), await u(() => {
-        a(n.getByRole("heading", { name: "Carousel Module", level: 1 })).toBeInTheDocument();
-        const e = n.getByTestId("carousel");
-        a(e).toHaveAttribute("data-cells-count", "8");
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Carousel Module" })), await u(() => {
+        n(c.getByRole("heading", { name: "Carousel Module", level: 1 })).toBeInTheDocument();
+        const e = c.getByTestId("carousel");
+        n(e).toHaveAttribute("data-cells-count", "8");
       });
-    }), l("should handle mix of promos with and without overlayContent", () => {
+    }), r("should handle mix of promos with and without overlayContent", () => {
       const o = [
         t("1", { overlayContent: { title: "Overlay 1", cta: d } }),
         t("2"),
         t("3", { overlayContent: { title: "Overlay 3", cta: d } })
       ];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getAllByTestId("image-card")).toHaveLength(3), a(n.getAllByTestId("cta-block")).toHaveLength(2);
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getAllByTestId("image-card")).toHaveLength(3), n(c.getAllByTestId("cta-block")).toHaveLength(2);
     });
   }), m("Type Safety", () => {
-    l("should accept valid Promo array", () => {
-      c(/* @__PURE__ */ s(r, { promos: [
+    r("should accept valid Promo array", () => {
+      l(/* @__PURE__ */ a(s, { promos: [
         {
           id: "1",
           title: "Promo 1",
@@ -338,12 +352,12 @@ m("PromotionsRowModule", () => {
           id: "2",
           image: g
         }
-      ] })), a(n.getAllByTestId("image-card")).toHaveLength(2);
-    }), l("should accept handleClicks function with correct signature", () => {
+      ] })), n(c.getAllByTestId("image-card")).toHaveLength(2);
+    }), r("should accept handleClicks function with correct signature", () => {
       const o = (i) => {
         console.warn(i);
       }, e = [t("1")];
-      c(/* @__PURE__ */ s(r, { handleClicks: o, promos: e })), a(n.getByTestId("image-card")).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { handleClicks: o, promos: e })), n(c.getByTestId("image-card")).toBeInTheDocument();
     });
   });
 });

package/dist/hooks/useSourcepointPrivacyTrigger.js

@@ -1,16 +1,16 @@
 import { useRef as i, useEffect as o } from "react";
-const d = ({ messageId: c = 1192723 }) => {
+const u = ({ messageId: c = 1192723 }) => {
   const s = i(c);
   return o(() => {
     const t = (e) => {
       var a;
-      e.preventDefault(), (a = window._sp_) != null && a.usnat ? window._sp_.usnat.loadPrivacyManagerModal(s.current) : console.warn("Sourcepoint usnat not found.");
+      e instanceof MouseEvent && e.preventDefault(), (a = window._sp_) != null && a.usnat ? window._sp_.usnat.loadPrivacyManagerModal(s.current) : console.warn("Sourcepoint usnat not found.");
     };
     let n = 0;
     const r = setInterval(() => {
       n++;
       const e = document.querySelector(".privacy-preferences-trigger");
-      e && !e.getAttribute("data-sp-listener-added") ? (e.addEventListener("click", t), e.setAttribute("data-sp-listener-added", !0), clearInterval(r)) : e && e.getAttribute("data-sp-listener-added") && clearInterval(r), n > 1e3 && (clearInterval(r), console.warn("Privacy preference button not found."));
+      e && !e.getAttribute("data-sp-listener-added") ? (e.addEventListener("click", t), e.setAttribute("data-sp-listener-added", "true"), clearInterval(r)) : e && e.getAttribute("data-sp-listener-added") && clearInterval(r), n > 1e3 && (clearInterval(r), console.warn("Privacy preference button not found."));
     }, 100);
     return () => {
       const e = document.querySelector(".privacy-preferences-trigger");
@@ -19,5 +19,5 @@ const d = ({ messageId: c = 1192723 }) => {
   }), null;
 };
 export {
-  d as default
+  u as default
 };

package/dist/src/components/Carousel/CarouselUtils.class.d.ts

@@ -8,10 +8,10 @@ export default class CarouselUtils {
     currentIndex: number;
     slideEls: HTMLElement[];
     navBtnEls: CarouselNavBtnEls;
-    currentIntersecting: IntersectionObserverEntry | Record<string, never>;
+    currentIntersecting: IntersectionObserverEntry | null;
     options: CarouselOptions;
-    timer: NodeJS.Timeout | null | undefined;
-    timerInterval: number | undefined;
+    timer: ReturnType<typeof setInterval> | null;
+    timerInterval: number;
     slideGutterSize: number;
     showPagination: boolean | undefined;
     isInitialScroll: boolean;
@@ -53,4 +53,9 @@ export default class CarouselUtils {
      * @returns void
      */
     handleScrollEnd(): void;
+    /**
+     * Cleans up the timer and disconnects the IntersectionObserver.
+     * Call this when the carousel is unmounted.
+     */
+    destroy(): void;
 }

package/dist/src/components/Carousel/navigations/Pagination.d.ts

@@ -4,5 +4,5 @@ interface PaginationProps {
     carouselId: string;
     ref?: React.Ref<HTMLOListElement>;
 }
-export declare function Pagination({ slides, carouselId, ref }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Pagination({ slides, carouselId, ref }: PaginationProps): JSX.Element;
 export default Pagination;

package/dist/src/components/PromotionsRowModule/PromotionsRowModule.d.ts

@@ -20,7 +20,8 @@ type Promo = {
 type PromotionsRowModuleProps = {
     title?: string;
     promos: Promo[];
+    shouldClampContent?: boolean;
     handleClicks?: ((eventDetails: HandleClicksDetails) => void) | null;
 };
-export declare function PromotionsRowModule({ title, promos, handleClicks, }: PromotionsRowModuleProps): JSX.Element;
+export declare function PromotionsRowModule({ title, promos, shouldClampContent, handleClicks, }: PromotionsRowModuleProps): JSX.Element;
 export default PromotionsRowModule;

package/dist/src/hooks/useSourcepointPrivacyTrigger.d.ts

@@ -1,4 +1,12 @@
-export default useSourcePointPrivacyTrigger;
+declare global {
+    interface Window {
+        _sp_?: {
+            usnat?: {
+                loadPrivacyManagerModal: (messageId: number) => void;
+            };
+        };
+    }
+}
 /**
  * Custom hook to trigger the Sourcepoint privacy manager modal.
  * @param {*} param0 - Configuration object.
@@ -7,4 +15,7 @@ export default useSourcePointPrivacyTrigger;
  *
  * @returns void
  */
-declare function useSourcePointPrivacyTrigger({ messageId }: any): null;
+declare const useSourcePointPrivacyTrigger: ({ messageId }: {
+    messageId?: number | undefined;
+}) => null;
+export default useSourcePointPrivacyTrigger;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.4",
+  "version": "2.0.5",
   "name": "@scrippsproduct/networks-ui-library",
   "description": "React Component Library for use in Scripps Networks external applications",
   "author": {
@@ -38,7 +38,8 @@
     "react-datepicker": "^7.2.0",
     "react-feather": "^2.0.10",
     "react-ga4": "^2.1.0",
-    "sass-embedded": "^1.80.7"
+    "sass-embedded": "^1.80.7",
+    "scrollyfills": "^1.0.4"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/dist/Carousel.module-BsPaZX5L.mjs

@@ -1,14 +0,0 @@
-import './assets/Carousel.css';const _ = "_carousel_2eeiv_2", e = "_carousel__scroller_2eeiv_12", o = {
-  carousel: _,
-  carousel__scroller: e,
-  "carousel-controls": "_carousel-controls_2eeiv_39",
-  "carousel-controls__previous": "_carousel-controls__previous_2eeiv_43",
-  "carousel-controls__next": "_carousel-controls__next_2eeiv_50",
-  "carousel-controls__btn": "_carousel-controls__btn_2eeiv_57",
-  "carousel-nav": "_carousel-nav_2eeiv_84",
-  "carousel-nav__list": "_carousel-nav__list_2eeiv_88",
-  "carousel-nav__item": "_carousel-nav__item_2eeiv_97"
-};
-export {
-  o as c
-};