@windstream/react-shared-components 0.1.94 → 0.1.96

package/src/contentful/blocks/accordion/types.ts

@@ -1,34 +1,34 @@
-import React from "react";
-
-export type AccordionItem = {
-  anchorId?: string;
-  title: string;
-  description: React.ReactNode;
-};
-
-export type AccordionProps = {
-  /** Section-level anchor ID applied to the outer <section> element */
-  anchorId?: string;
-  title: string;
-  enableHeading?: boolean;
-  background?: ThemeKey;
-  items: AccordionItem[];
-  maxWidth?: boolean;
-  /** Array of anchorIds that should be expanded on mount */
-  initialExpandedItems?: string[];
-  /** Enable URL hash auto-expand on mount */
-  hashAutoExpand?: boolean;
-  /** Max-width class for item descriptions (default: "max-w-[980px]") */
-  descriptionMaxWidth?: string;
-  /** Custom class for the accordion list wrapper */
-  itemContainerClassName?: string;
-};
-
-export type ThemeKey =
-  | "blue"
-  | "green"
-  | "yellow"
-  | "purple"
-  | "white"
-  | "navy"
-  | "cream500";
+import React from "react";
+
+export type AccordionItem = {
+  anchorId?: string;
+  title: string;
+  description: React.ReactNode;
+};
+
+export type AccordionProps = {
+  /** Section-level anchor ID applied to the outer <section> element */
+  anchorId?: string;
+  title: string;
+  enableHeading?: boolean;
+  background?: ThemeKey;
+  items: AccordionItem[];
+  maxWidth?: boolean;
+  /** Array of anchorIds that should be expanded on mount */
+  initialExpandedItems?: string[];
+  /** Enable URL hash auto-expand on mount */
+  hashAutoExpand?: boolean;
+  /** Max-width class for item descriptions (default: "max-w-[980px]") */
+  descriptionMaxWidth?: string;
+  /** Custom class for the accordion list wrapper */
+  itemContainerClassName?: string;
+};
+
+export type ThemeKey =
+  | "blue"
+  | "green"
+  | "yellow"
+  | "purple"
+  | "white"
+  | "navy"
+  | "cream500";

package/src/contentful/blocks/address-input-banner/index.test.tsx

@@ -1,132 +1,132 @@
-import { AddressInputBanner } from "./index";
-
-import { render, screen } from "@testing-library/react";
-
-describe("AddressInputBanner", () => {
-  const defaultProps = {
-    title: "Check availability",
-    isVisible: true,
-    navHeight: 64,
-  };
-
-  it("renders title when visible", () => {
-    render(<AddressInputBanner {...defaultProps} />);
-    expect(screen.getByText("Check availability")).toBeInTheDocument();
-  });
-
-  it("returns null when isVisible is false", () => {
-    const { container } = render(
-      <AddressInputBanner {...defaultProps} isVisible={false} />
-    );
-    expect(container.firstChild).toBeNull();
-  });
-
-  it("applies sticky top style from navHeight", () => {
-    const { container } = render(
-      <AddressInputBanner {...defaultProps} navHeight={80} />
-    );
-    const div = container.firstChild as HTMLElement;
-    expect(div.style.top).toBe("80px");
-  });
-
-  it("applies yellow variant styles by default", () => {
-    const { container } = render(<AddressInputBanner {...defaultProps} />);
-    const div = container.firstChild as HTMLElement;
-    expect(div.className).toContain("bg-bg-fill-brand-accent");
-    expect(div.className).toContain("text-text");
-  });
-
-  it("applies white variant styles", () => {
-    const { container } = render(
-      <AddressInputBanner {...defaultProps} variant="white" />
-    );
-    const div = container.firstChild as HTMLElement;
-    expect(div.className).toContain("bg-white");
-  });
-
-  it("applies navy variant styles", () => {
-    const { container } = render(
-      <AddressInputBanner {...defaultProps} variant="navy" />
-    );
-    const div = container.firstChild as HTMLElement;
-    expect(div.className).toContain("bg-bg-fill-inverse");
-    expect(div.className).toContain("text-text-inverse");
-  });
-
-  it("applies green variant styles", () => {
-    const { container } = render(
-      <AddressInputBanner {...defaultProps} variant="green" />
-    );
-    const div = container.firstChild as HTMLElement;
-    expect(div.className).toContain("bg-bg-fill-success");
-    expect(div.className).toContain("text-text-inverse");
-  });
-
-  it("falls back to yellow for unknown variant", () => {
-    const { container } = render(
-      <AddressInputBanner {...defaultProps} variant="unknown" />
-    );
-    const div = container.firstChild as HTMLElement;
-    expect(div.className).toContain("bg-bg-fill-brand-accent");
-  });
-
-  it("is case-insensitive for variant", () => {
-    const { container } = render(
-      <AddressInputBanner {...defaultProps} variant="Navy" />
-    );
-    const div = container.firstChild as HTMLElement;
-    expect(div.className).toContain("bg-bg-fill-inverse");
-  });
-
-  it("renders renderCheckPlans output", () => {
-    const renderCheckPlans = jest.fn(() => (
-      <div data-testid="check-plans">Plans</div>
-    ));
-    render(
-      <AddressInputBanner
-        {...defaultProps}
-        renderCheckPlans={renderCheckPlans}
-      />
-    );
-    expect(screen.getByTestId("check-plans")).toBeInTheDocument();
-  });
-
-  it("calls renderCheckPlans with correct arguments", () => {
-    const renderCheckPlans = jest.fn(() => null);
-    const cta = {
-      buttonLabel: "See plans",
-      buttonVariant: "primary_brand",
-    } as any;
-    render(
-      <AddressInputBanner
-        {...defaultProps}
-        cta={cta}
-        renderCheckPlans={renderCheckPlans}
-      />
-    );
-    expect(renderCheckPlans).toHaveBeenCalledWith({
-      ctaText: "See plans",
-      buttonVariant: "primary_brand",
-      showButtonAs: "solid",
-      cta,
-    });
-  });
-
-  it("uses default ctaLabel 'Check plans' when cta.buttonLabel is not provided", () => {
-    const renderCheckPlans = jest.fn(() => null);
-    render(
-      <AddressInputBanner
-        {...defaultProps}
-        renderCheckPlans={renderCheckPlans}
-      />
-    );
-    expect(renderCheckPlans).toHaveBeenCalledWith(
-      expect.objectContaining({ ctaText: "Check plans" })
-    );
-  });
-
-  it("does not crash without renderCheckPlans", () => {
-    const { container } = render(<AddressInputBanner {...defaultProps} />);
-    expect(container.firstChild).toBeInTheDocument();
-  });
-});
+import { AddressInputBanner } from "./index";
+
+import { render, screen } from "@testing-library/react";
+
+describe("AddressInputBanner", () => {
+  const defaultProps = {
+    title: "Check availability",
+    isVisible: true,
+    navHeight: 64,
+  };
+
+  it("renders title when visible", () => {
+    render(<AddressInputBanner {...defaultProps} />);
+    expect(screen.getByText("Check availability")).toBeInTheDocument();
+  });
+
+  it("returns null when isVisible is false", () => {
+    const { container } = render(
+      <AddressInputBanner {...defaultProps} isVisible={false} />
+    );
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("applies sticky top style from navHeight", () => {
+    const { container } = render(
+      <AddressInputBanner {...defaultProps} navHeight={80} />
+    );
+    const div = container.firstChild as HTMLElement;
+    expect(div.style.top).toBe("80px");
+  });
+
+  it("applies yellow variant styles by default", () => {
+    const { container } = render(<AddressInputBanner {...defaultProps} />);
+    const div = container.firstChild as HTMLElement;
+    expect(div.className).toContain("bg-bg-fill-brand-accent");
+    expect(div.className).toContain("text-text");
+  });
+
+  it("applies white variant styles", () => {
+    const { container } = render(
+      <AddressInputBanner {...defaultProps} variant="white" />
+    );
+    const div = container.firstChild as HTMLElement;
+    expect(div.className).toContain("bg-white");
+  });
+
+  it("applies navy variant styles", () => {
+    const { container } = render(
+      <AddressInputBanner {...defaultProps} variant="navy" />
+    );
+    const div = container.firstChild as HTMLElement;
+    expect(div.className).toContain("bg-bg-fill-inverse");
+    expect(div.className).toContain("text-text-inverse");
+  });
+
+  it("applies green variant styles", () => {
+    const { container } = render(
+      <AddressInputBanner {...defaultProps} variant="green" />
+    );
+    const div = container.firstChild as HTMLElement;
+    expect(div.className).toContain("bg-bg-fill-success");
+    expect(div.className).toContain("text-text-inverse");
+  });
+
+  it("falls back to yellow for unknown variant", () => {
+    const { container } = render(
+      <AddressInputBanner {...defaultProps} variant="unknown" />
+    );
+    const div = container.firstChild as HTMLElement;
+    expect(div.className).toContain("bg-bg-fill-brand-accent");
+  });
+
+  it("is case-insensitive for variant", () => {
+    const { container } = render(
+      <AddressInputBanner {...defaultProps} variant="Navy" />
+    );
+    const div = container.firstChild as HTMLElement;
+    expect(div.className).toContain("bg-bg-fill-inverse");
+  });
+
+  it("renders renderCheckPlans output", () => {
+    const renderCheckPlans = jest.fn(() => (
+      <div data-testid="check-plans">Plans</div>
+    ));
+    render(
+      <AddressInputBanner
+        {...defaultProps}
+        renderCheckPlans={renderCheckPlans}
+      />
+    );
+    expect(screen.getByTestId("check-plans")).toBeInTheDocument();
+  });
+
+  it("calls renderCheckPlans with correct arguments", () => {
+    const renderCheckPlans = jest.fn(() => null);
+    const cta = {
+      buttonLabel: "See plans",
+      buttonVariant: "primary_brand",
+    } as any;
+    render(
+      <AddressInputBanner
+        {...defaultProps}
+        cta={cta}
+        renderCheckPlans={renderCheckPlans}
+      />
+    );
+    expect(renderCheckPlans).toHaveBeenCalledWith({
+      ctaText: "See plans",
+      buttonVariant: "primary_brand",
+      showButtonAs: "solid",
+      cta,
+    });
+  });
+
+  it("uses default ctaLabel 'Check plans' when cta.buttonLabel is not provided", () => {
+    const renderCheckPlans = jest.fn(() => null);
+    render(
+      <AddressInputBanner
+        {...defaultProps}
+        renderCheckPlans={renderCheckPlans}
+      />
+    );
+    expect(renderCheckPlans).toHaveBeenCalledWith(
+      expect.objectContaining({ ctaText: "Check plans" })
+    );
+  });
+
+  it("does not crash without renderCheckPlans", () => {
+    const { container } = render(<AddressInputBanner {...defaultProps} />);
+    expect(container.firstChild).toBeInTheDocument();
+  });
+});

package/src/contentful/blocks/address-input-banner/index.tsx

@@ -1,52 +1,52 @@
-import { FC } from "react";
-import { AddressInputBannerProps } from "./types";
-
-import { Text } from "@shared/components/text";
-import { cx } from "@shared/utils";
-
-const variantStyles: Record<string, { bg: string; text: string }> = {
-  yellow: { bg: "bg-fill-brand-accent", text: "text" },
-  white: { bg: "white", text: "text" },
-  navy: { bg: "bg-fill-inverse", text: "text-inverse" },
-  green: { bg: "bg-fill-success", text: "text-inverse" },
-};
-
-export const AddressInputBanner: FC<AddressInputBannerProps> = props => {
-  const {
-    title,
-    variant = "yellow",
-    cta,
-    navHeight,
-    isVisible,
-    renderCheckPlans,
-  } = props;
-
-  const style = variantStyles[variant?.toLowerCase()] || variantStyles.yellow;
-
-  if (!isVisible) return null;
-
-  const ctaLabel = cta?.buttonLabel || "Check plans";
-  const renderedCheckPlans = renderCheckPlans?.({
-    ctaText: ctaLabel,
-    buttonVariant: cta?.buttonVariant,
-    showButtonAs: "solid",
-    cta: cta,
-  });
-
-  return (
-    <div
-      style={{
-        top: `${navHeight}px`,
-      }}
-      className={cx(
-        `sticky left-0 right-0 z-[89] w-full shadow-drop transition-all duration-200 bg-${style.bg} text-${style.text}`,
-        "flex flex-col items-center justify-center gap-3 p-[10px] lg:flex-row lg:gap-8 lg:px-6 lg:py-[10px]"
-      )}
-    >
-      <Text className="label3 w-full text-center md:label1 lg:w-auto lg:text-left">
-        {title}
-      </Text>
-      {renderedCheckPlans}
-    </div>
-  );
-};
+import { FC } from "react";
+import { AddressInputBannerProps } from "./types";
+
+import { Text } from "@shared/components/text";
+import { cx } from "@shared/utils";
+
+const variantStyles: Record<string, { bg: string; text: string }> = {
+  yellow: { bg: "bg-fill-brand-accent", text: "text" },
+  white: { bg: "white", text: "text" },
+  navy: { bg: "bg-fill-inverse", text: "text-inverse" },
+  green: { bg: "bg-fill-success", text: "text-inverse" },
+};
+
+export const AddressInputBanner: FC<AddressInputBannerProps> = props => {
+  const {
+    title,
+    variant = "yellow",
+    cta,
+    navHeight,
+    isVisible,
+    renderCheckPlans,
+  } = props;
+
+  const style = variantStyles[variant?.toLowerCase()] || variantStyles.yellow;
+
+  if (!isVisible) return null;
+
+  const ctaLabel = cta?.buttonLabel || "Check plans";
+  const renderedCheckPlans = renderCheckPlans?.({
+    ctaText: ctaLabel,
+    buttonVariant: cta?.buttonVariant,
+    showButtonAs: "solid",
+    cta: cta,
+  });
+
+  return (
+    <div
+      style={{
+        top: `${navHeight}px`,
+      }}
+      className={cx(
+        `sticky left-0 right-0 z-[89] w-full shadow-drop transition-all duration-200 bg-${style.bg} text-${style.text}`,
+        "flex flex-col items-center justify-center gap-3 p-[10px] lg:flex-row lg:gap-8 lg:px-6 lg:py-[10px]"
+      )}
+    >
+      <Text className="label3 w-full text-center md:label1 lg:w-auto lg:text-left">
+        {title}
+      </Text>
+      {renderedCheckPlans}
+    </div>
+  );
+};

package/src/contentful/blocks/address-input-banner/types.ts

@@ -1,14 +1,14 @@
-import React from "react";
-
-import { ButtonProps } from "@shared/contentful/blocks/button/types";
-import { CheckPlansProps } from "@shared/types/micro-components";
-
-export interface AddressInputBannerProps {
-  entryName?: string;
-  title: string;
-  variant?: string;
-  cta?: ButtonProps;
-  navHeight?: number;
-  isVisible?: boolean;
-  renderCheckPlans?: (overrides?: CheckPlansProps) => React.ReactNode;
-}
+import React from "react";
+
+import { ButtonProps } from "@shared/contentful/blocks/button/types";
+import { CheckPlansProps } from "@shared/types/micro-components";
+
+export interface AddressInputBannerProps {
+  entryName?: string;
+  title: string;
+  variant?: string;
+  cta?: ButtonProps;
+  navHeight?: number;
+  isVisible?: boolean;
+  renderCheckPlans?: (overrides?: CheckPlansProps) => React.ReactNode;
+}