@windstream/react-shared-components 0.1.94 → 0.1.96

package/src/utils/cx.test.ts

@@ -1,90 +1,90 @@
-import { clsx, cx } from "./cx";
-
-describe("cx utility", () => {
-  describe("basic class merging", () => {
-    it("returns empty string for no arguments", () => {
-      expect(cx()).toBe("");
-    });
-
-    it("returns single class unchanged", () => {
-      expect(cx("text-red-500")).toBe("text-red-500");
-    });
-
-    it("combines multiple classes", () => {
-      const result = cx("p-4", "m-2", "bg-white");
-      expect(result).toContain("p-4");
-      expect(result).toContain("m-2");
-      expect(result).toContain("bg-white");
-    });
-  });
-
-  describe("Tailwind conflict resolution", () => {
-    it("resolves conflicting padding classes (last wins)", () => {
-      expect(cx("p-4", "p-8")).toBe("p-8");
-    });
-
-    it("resolves conflicting text color classes", () => {
-      expect(cx("text-red-500", "text-blue-500")).toBe("text-blue-500");
-    });
-
-    it("resolves conflicting margin classes", () => {
-      expect(cx("m-2", "m-6")).toBe("m-6");
-    });
-  });
-
-  describe("custom font-variants class group", () => {
-    it("resolves conflicting font variant classes", () => {
-      expect(cx("heading1", "body1")).toBe("body1");
-    });
-
-    it("resolves heading vs label variants", () => {
-      expect(cx("heading3", "label2")).toBe("label2");
-    });
-
-    it("keeps non-conflicting classes alongside font variants", () => {
-      const result = cx("heading1", "text-red-500", "body2");
-      expect(result).toContain("body2");
-      expect(result).toContain("text-red-500");
-      expect(result).not.toContain("heading1");
-    });
-  });
-
-  describe("custom button-sizes class group", () => {
-    it("resolves conflicting button size classes", () => {
-      expect(cx("btn-small", "btn-large")).toBe("btn-large");
-    });
-
-    it("resolves btn-medium vs btn-x-large", () => {
-      expect(cx("btn-medium", "btn-x-large")).toBe("btn-x-large");
-    });
-  });
-
-  describe("conditional and falsy values (via clsx)", () => {
-    it("filters out falsy values", () => {
-      expect(cx("p-4", false, null, undefined, 0, "", "m-2")).toBe("p-4 m-2");
-    });
-
-    it("supports conditional object syntax", () => {
-      expect(cx({ "bg-red-500": true, "bg-blue-500": false })).toBe(
-        "bg-red-500"
-      );
-    });
-
-    it("supports arrays", () => {
-      expect(cx(["p-2", "m-4"])).toBe("p-2 m-4");
-    });
-
-    it("supports mixed arguments", () => {
-      const result = cx("base", ["arr1"], { conditional: true }, undefined);
-      expect(result).toContain("base");
-      expect(result).toContain("arr1");
-      expect(result).toContain("conditional");
-    });
-  });
-
-  describe("exports", () => {
-    it("exports clsx function", () => {
-      expect(typeof clsx).toBe("function");
-    });
-  });
-});
+import { clsx, cx } from "./cx";
+
+describe("cx utility", () => {
+  describe("basic class merging", () => {
+    it("returns empty string for no arguments", () => {
+      expect(cx()).toBe("");
+    });
+
+    it("returns single class unchanged", () => {
+      expect(cx("text-red-500")).toBe("text-red-500");
+    });
+
+    it("combines multiple classes", () => {
+      const result = cx("p-4", "m-2", "bg-white");
+      expect(result).toContain("p-4");
+      expect(result).toContain("m-2");
+      expect(result).toContain("bg-white");
+    });
+  });
+
+  describe("Tailwind conflict resolution", () => {
+    it("resolves conflicting padding classes (last wins)", () => {
+      expect(cx("p-4", "p-8")).toBe("p-8");
+    });
+
+    it("resolves conflicting text color classes", () => {
+      expect(cx("text-red-500", "text-blue-500")).toBe("text-blue-500");
+    });
+
+    it("resolves conflicting margin classes", () => {
+      expect(cx("m-2", "m-6")).toBe("m-6");
+    });
+  });
+
+  describe("custom font-variants class group", () => {
+    it("resolves conflicting font variant classes", () => {
+      expect(cx("heading1", "body1")).toBe("body1");
+    });
+
+    it("resolves heading vs label variants", () => {
+      expect(cx("heading3", "label2")).toBe("label2");
+    });
+
+    it("keeps non-conflicting classes alongside font variants", () => {
+      const result = cx("heading1", "text-red-500", "body2");
+      expect(result).toContain("body2");
+      expect(result).toContain("text-red-500");
+      expect(result).not.toContain("heading1");
+    });
+  });
+
+  describe("custom button-sizes class group", () => {
+    it("resolves conflicting button size classes", () => {
+      expect(cx("btn-small", "btn-large")).toBe("btn-large");
+    });
+
+    it("resolves btn-medium vs btn-x-large", () => {
+      expect(cx("btn-medium", "btn-x-large")).toBe("btn-x-large");
+    });
+  });
+
+  describe("conditional and falsy values (via clsx)", () => {
+    it("filters out falsy values", () => {
+      expect(cx("p-4", false, null, undefined, 0, "", "m-2")).toBe("p-4 m-2");
+    });
+
+    it("supports conditional object syntax", () => {
+      expect(cx({ "bg-red-500": true, "bg-blue-500": false })).toBe(
+        "bg-red-500"
+      );
+    });
+
+    it("supports arrays", () => {
+      expect(cx(["p-2", "m-4"])).toBe("p-2 m-4");
+    });
+
+    it("supports mixed arguments", () => {
+      const result = cx("base", ["arr1"], { conditional: true }, undefined);
+      expect(result).toContain("base");
+      expect(result).toContain("arr1");
+      expect(result).toContain("conditional");
+    });
+  });
+
+  describe("exports", () => {
+    it("exports clsx function", () => {
+      expect(typeof clsx).toBe("function");
+    });
+  });
+});

package/src/utils/cx.ts

@@ -1,49 +1,49 @@
-import { clsx, type ClassValue } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-
-const twMerge = extendTailwindMerge({
-  // Define class groups so twMerge knows which classes override each other
-  extend: {
-    classGroups: {
-      ["font-variants" as any]: [
-        "heading1",
-        "heading2",
-        "heading3",
-        "heading4",
-        "heading5",
-        "heading6",
-        "subheading1",
-        "subheading2",
-        "subheading3",
-        "subheading4",
-        "subheading5",
-        "subheading6",
-        "body1",
-        "body2",
-        "body3",
-        "footnote",
-        "micro",
-        "label1",
-        "label2",
-        "label3",
-        "label4",
-      ],
-      ["button-sizes" as any]: [
-        "btn-small",
-        "btn-medium",
-        "btn-large",
-        "btn-x-large",
-      ],
-    },
-  },
-});
-
-/**
- * Utility function to combine class names using clsx
- * @param inputs - Class values to combine
- * @returns Combined class string
- */
-export const cx = (...val: ClassValue[]) => twMerge(clsx(...val));
-
-export { clsx };
-export type { ClassValue };
+import { clsx, type ClassValue } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+
+const twMerge = extendTailwindMerge({
+  // Define class groups so twMerge knows which classes override each other
+  extend: {
+    classGroups: {
+      ["font-variants" as any]: [
+        "heading1",
+        "heading2",
+        "heading3",
+        "heading4",
+        "heading5",
+        "heading6",
+        "subheading1",
+        "subheading2",
+        "subheading3",
+        "subheading4",
+        "subheading5",
+        "subheading6",
+        "body1",
+        "body2",
+        "body3",
+        "footnote",
+        "micro",
+        "label1",
+        "label2",
+        "label3",
+        "label4",
+      ],
+      ["button-sizes" as any]: [
+        "btn-small",
+        "btn-medium",
+        "btn-large",
+        "btn-x-large",
+      ],
+    },
+  },
+});
+
+/**
+ * Utility function to combine class names using clsx
+ * @param inputs - Class values to combine
+ * @returns Combined class string
+ */
+export const cx = (...val: ClassValue[]) => twMerge(clsx(...val));
+
+export { clsx };
+export type { ClassValue };

package/src/utils/index.test.ts

@@ -1,115 +1,115 @@
-/**
- * This test ensures all re-exports from the utils barrel file are resolved,
- * which satisfies the function coverage requirement for the barrel module.
- */
-import {
-  buildPreservedQueryHref,
-  clsx,
-  combineExistingAndNewUTMs,
-  cx,
-  getCampaignProperties,
-  getCookie,
-  getOrganicTrafficUtmParameters,
-  getParsedCookie,
-  getUtmParametersFromURL,
-  getUTMs,
-  label1BoldOptions,
-  removeUTMs,
-  renderContentfulRichText,
-  renderContentfulRichTextTable,
-  setCookie,
-  setUTMs,
-  SpeedCardBg,
-  toDocument,
-  useContentfulRichText,
-  useProcessedChecklist,
-  UTM_PARAM_NAMES,
-} from "./index";
-
-describe("utils barrel exports", () => {
-  it("exports cx", () => {
-    expect(typeof cx).toBe("function");
-  });
-
-  it("exports clsx", () => {
-    expect(typeof clsx).toBe("function");
-  });
-
-  it("exports SpeedCardBg", () => {
-    expect(typeof SpeedCardBg).toBe("function");
-  });
-
-  it("exports getUTMs", () => {
-    expect(typeof getUTMs).toBe("function");
-  });
-
-  it("exports setUTMs", () => {
-    expect(typeof setUTMs).toBe("function");
-  });
-
-  it("exports removeUTMs", () => {
-    expect(typeof removeUTMs).toBe("function");
-  });
-
-  it("exports getCookie", () => {
-    expect(typeof getCookie).toBe("function");
-  });
-
-  it("exports getParsedCookie", () => {
-    expect(typeof getParsedCookie).toBe("function");
-  });
-
-  it("exports setCookie", () => {
-    expect(typeof setCookie).toBe("function");
-  });
-
-  it("exports getUtmParametersFromURL", () => {
-    expect(typeof getUtmParametersFromURL).toBe("function");
-  });
-
-  it("exports combineExistingAndNewUTMs", () => {
-    expect(typeof combineExistingAndNewUTMs).toBe("function");
-  });
-
-  it("exports getOrganicTrafficUtmParameters", () => {
-    expect(typeof getOrganicTrafficUtmParameters).toBe("function");
-  });
-
-  it("exports getCampaignProperties", () => {
-    expect(typeof getCampaignProperties).toBe("function");
-  });
-
-  it("exports buildPreservedQueryHref", () => {
-    expect(typeof buildPreservedQueryHref).toBe("function");
-  });
-
-  it("exports UTM_PARAM_NAMES", () => {
-    expect(UTM_PARAM_NAMES).toBeDefined();
-    expect(Array.isArray(UTM_PARAM_NAMES)).toBe(true);
-  });
-
-  it("exports toDocument", () => {
-    expect(typeof toDocument).toBe("function");
-  });
-
-  it("exports renderContentfulRichText", () => {
-    expect(typeof renderContentfulRichText).toBe("function");
-  });
-
-  it("exports useContentfulRichText", () => {
-    expect(typeof useContentfulRichText).toBe("function");
-  });
-
-  it("exports renderContentfulRichTextTable", () => {
-    expect(typeof renderContentfulRichTextTable).toBe("function");
-  });
-
-  it("exports useProcessedChecklist", () => {
-    expect(typeof useProcessedChecklist).toBe("function");
-  });
-
-  it("exports label1BoldOptions", () => {
-    expect(label1BoldOptions).toBeDefined();
-    expect(label1BoldOptions.renderMark).toBeDefined();
-  });
-});
+/**
+ * This test ensures all re-exports from the utils barrel file are resolved,
+ * which satisfies the function coverage requirement for the barrel module.
+ */
+import {
+  buildPreservedQueryHref,
+  clsx,
+  combineExistingAndNewUTMs,
+  cx,
+  getCampaignProperties,
+  getCookie,
+  getOrganicTrafficUtmParameters,
+  getParsedCookie,
+  getUtmParametersFromURL,
+  getUTMs,
+  label1BoldOptions,
+  removeUTMs,
+  renderContentfulRichText,
+  renderContentfulRichTextTable,
+  setCookie,
+  setUTMs,
+  SpeedCardBg,
+  toDocument,
+  useContentfulRichText,
+  useProcessedChecklist,
+  UTM_PARAM_NAMES,
+} from "./index";
+
+describe("utils barrel exports", () => {
+  it("exports cx", () => {
+    expect(typeof cx).toBe("function");
+  });
+
+  it("exports clsx", () => {
+    expect(typeof clsx).toBe("function");
+  });
+
+  it("exports SpeedCardBg", () => {
+    expect(typeof SpeedCardBg).toBe("function");
+  });
+
+  it("exports getUTMs", () => {
+    expect(typeof getUTMs).toBe("function");
+  });
+
+  it("exports setUTMs", () => {
+    expect(typeof setUTMs).toBe("function");
+  });
+
+  it("exports removeUTMs", () => {
+    expect(typeof removeUTMs).toBe("function");
+  });
+
+  it("exports getCookie", () => {
+    expect(typeof getCookie).toBe("function");
+  });
+
+  it("exports getParsedCookie", () => {
+    expect(typeof getParsedCookie).toBe("function");
+  });
+
+  it("exports setCookie", () => {
+    expect(typeof setCookie).toBe("function");
+  });
+
+  it("exports getUtmParametersFromURL", () => {
+    expect(typeof getUtmParametersFromURL).toBe("function");
+  });
+
+  it("exports combineExistingAndNewUTMs", () => {
+    expect(typeof combineExistingAndNewUTMs).toBe("function");
+  });
+
+  it("exports getOrganicTrafficUtmParameters", () => {
+    expect(typeof getOrganicTrafficUtmParameters).toBe("function");
+  });
+
+  it("exports getCampaignProperties", () => {
+    expect(typeof getCampaignProperties).toBe("function");
+  });
+
+  it("exports buildPreservedQueryHref", () => {
+    expect(typeof buildPreservedQueryHref).toBe("function");
+  });
+
+  it("exports UTM_PARAM_NAMES", () => {
+    expect(UTM_PARAM_NAMES).toBeDefined();
+    expect(Array.isArray(UTM_PARAM_NAMES)).toBe(true);
+  });
+
+  it("exports toDocument", () => {
+    expect(typeof toDocument).toBe("function");
+  });
+
+  it("exports renderContentfulRichText", () => {
+    expect(typeof renderContentfulRichText).toBe("function");
+  });
+
+  it("exports useContentfulRichText", () => {
+    expect(typeof useContentfulRichText).toBe("function");
+  });
+
+  it("exports renderContentfulRichTextTable", () => {
+    expect(typeof renderContentfulRichTextTable).toBe("function");
+  });
+
+  it("exports useProcessedChecklist", () => {
+    expect(typeof useProcessedChecklist).toBe("function");
+  });
+
+  it("exports label1BoldOptions", () => {
+    expect(label1BoldOptions).toBeDefined();
+    expect(label1BoldOptions.renderMark).toBeDefined();
+  });
+});

package/src/utils/index.ts

@@ -1,41 +1,41 @@
-export { cx, clsx } from "./cx";
-export type { ClassValue } from "./cx";
-
-// Decorative SVG generators
-export { SpeedCardBg } from "./speed-card-bg";
-
-// UTM & Cookie utilities
-export {
-  getUTMs,
-  setUTMs,
-  removeUTMs,
-  getCookie,
-  getParsedCookie,
-  setCookie,
-} from "./cookie";
-export {
-  getUtmParametersFromURL,
-  combineExistingAndNewUTMs,
-  getOrganicTrafficUtmParameters,
-  getCampaignProperties,
-  buildPreservedQueryHref,
-} from "./utm";
-export type {
-  UTMProperty,
-  UTMProperties,
-  CampaignProperties,
-} from "../types/utm";
-export { UTM_PARAM_NAMES } from "../types/utm";
-
-// Contentful utilities (server-safe, no "use client")
-export { toDocument } from "./contentful/to-document";
-export {
-  renderContentfulRichText,
-  useContentfulRichText,
-  renderContentfulRichTextTable,
-} from "../hooks/contentful/use-contentful-rich-text";
-export {
-  useProcessedChecklist,
-  label1BoldOptions,
-} from "../hooks/contentful/use-processed-check-list";
-export type { ProcessedChecklistItem } from "../hooks/contentful/use-processed-check-list";
+export { cx, clsx } from "./cx";
+export type { ClassValue } from "./cx";
+
+// Decorative SVG generators
+export { SpeedCardBg } from "./speed-card-bg";
+
+// UTM & Cookie utilities
+export {
+  getUTMs,
+  setUTMs,
+  removeUTMs,
+  getCookie,
+  getParsedCookie,
+  setCookie,
+} from "./cookie";
+export {
+  getUtmParametersFromURL,
+  combineExistingAndNewUTMs,
+  getOrganicTrafficUtmParameters,
+  getCampaignProperties,
+  buildPreservedQueryHref,
+} from "./utm";
+export type {
+  UTMProperty,
+  UTMProperties,
+  CampaignProperties,
+} from "../types/utm";
+export { UTM_PARAM_NAMES } from "../types/utm";
+
+// Contentful utilities (server-safe, no "use client")
+export { toDocument } from "./contentful/to-document";
+export {
+  renderContentfulRichText,
+  useContentfulRichText,
+  renderContentfulRichTextTable,
+} from "../hooks/contentful/use-contentful-rich-text";
+export {
+  useProcessedChecklist,
+  label1BoldOptions,
+} from "../hooks/contentful/use-processed-check-list";
+export type { ProcessedChecklistItem } from "../hooks/contentful/use-processed-check-list";