@windstream/react-shared-components 0.1.42 → 0.1.44

package/src/hooks/contentful/use-processed-check-list.ts

@@ -1,63 +1,63 @@
-import { createElement, useMemo, type ReactNode } from "react";
-import { renderContentfulRichText } from "./use-contentful-rich-text";
-
-import { type Options } from "@contentful/rich-text-react-renderer";
-import { MARKS } from "@contentful/rich-text-types";
-import { toDocument } from "@shared/utils/contentful/to-document";
-
-export const label1BoldOptions = {
-  renderMark: {
-    [MARKS.BOLD]: (text: ReactNode) =>
-      createElement("span", { className: "label1" }, text),
-  },
-};
-
-export interface ProcessedChecklistItem {
-  title: string;
-  iconUrl?: string;
-  anchorId?: string;
-}
-
-// titlesOnly as a boolean parameter with a conditional return type
-export function useProcessedChecklist<T extends boolean = false>(
-  checklistData?: any,
-  titlesOnly?: T,
-  richTextOptions?: Options,
-  richTextClassName?: string
-): T extends true ? string[] : ProcessedChecklistItem[] {
-  return useMemo(() => {
-    const rawItems: any[] = checklistData?.list?.items ?? [];
-
-    if (titlesOnly) {
-      return rawItems.map(
-        item =>
-          renderContentfulRichText(
-            toDocument(item?.checkListTitle ?? ""),
-            undefined,
-            richTextClassName,
-            undefined,
-            richTextOptions
-          ) ?? ""
-      ) as any;
-    }
-
-    return rawItems.map(item => ({
-      title:
-        renderContentfulRichText(
-          toDocument(item?.checkListTitle ?? ""),
-          undefined,
-          richTextClassName,
-          undefined,
-          richTextOptions
-        ) ?? "",
-      iconUrl: item?.icon?.url ?? undefined,
-      anchorId: item?.anchorId ?? undefined,
-    })) as any;
-  }, [checklistData, titlesOnly, richTextOptions, richTextClassName]) as any;
-}
-
-// Usage:
-// Full items
-//const items = useProcessedChecklist(checklistData); // ProcessedChecklistItem[]
-// Titles only
-//const titles = useProcessedChecklist(checklistData, true); // string[]
+import { createElement, useMemo, type ReactNode } from "react";
+import { renderContentfulRichText } from "./use-contentful-rich-text";
+
+import { type Options } from "@contentful/rich-text-react-renderer";
+import { MARKS } from "@contentful/rich-text-types";
+import { toDocument } from "@shared/utils/contentful/to-document";
+
+export const label1BoldOptions = {
+  renderMark: {
+    [MARKS.BOLD]: (text: ReactNode) =>
+      createElement("span", { className: "label1" }, text),
+  },
+};
+
+export interface ProcessedChecklistItem {
+  title: string;
+  iconUrl?: string;
+  anchorId?: string;
+}
+
+// titlesOnly as a boolean parameter with a conditional return type
+export function useProcessedChecklist<T extends boolean = false>(
+  checklistData?: any,
+  titlesOnly?: T,
+  richTextOptions?: Options,
+  richTextClassName?: string
+): T extends true ? string[] : ProcessedChecklistItem[] {
+  return useMemo(() => {
+    const rawItems: any[] = checklistData?.list?.items ?? [];
+
+    if (titlesOnly) {
+      return rawItems.map(
+        item =>
+          renderContentfulRichText(
+            toDocument(item?.checkListTitle ?? ""),
+            undefined,
+            richTextClassName,
+            undefined,
+            richTextOptions
+          ) ?? ""
+      ) as any;
+    }
+
+    return rawItems.map(item => ({
+      title:
+        renderContentfulRichText(
+          toDocument(item?.checkListTitle ?? ""),
+          undefined,
+          richTextClassName,
+          undefined,
+          richTextOptions
+        ) ?? "",
+      iconUrl: item?.icon?.url ?? undefined,
+      anchorId: item?.anchorId ?? undefined,
+    })) as any;
+  }, [checklistData, titlesOnly, richTextOptions, richTextClassName]) as any;
+}
+
+// Usage:
+// Full items
+//const items = useProcessedChecklist(checklistData); // ProcessedChecklistItem[]
+// Titles only
+//const titles = useProcessedChecklist(checklistData, true); // string[]

package/src/hooks/use-body-scroll-lock.ts

@@ -1,34 +1,34 @@
-"use client";
-
-import { useEffect } from "react";
-
-/**
- * A custom hook that locks the body scroll based on the `isOpen` and `hideScrollOnIsOpenFalse` flags.
- *
- * @param {boolean} isOpen - Determines if the scroll should be locked (hidden).
- * @param {boolean} hideScrollOnIsOpenFalse - Determines if the scroll should be reset when `isOpen` is false.
- */
-function useBodyScrollLock(isOpen: boolean, hideScrollOnIsOpenFalse: boolean) {
-  useEffect(() => {
-    if (typeof document === "undefined") return;
-
-    // To avoid content shifting when the scrollbar appears/disappears
-    const scrollbarWidth =
-      window.innerWidth - document.documentElement.clientWidth;
-    document.body.style.marginRight = isOpen ? `${scrollbarWidth}px` : "unset";
-
-    // Set the body overflow style based on the `isOpen` and `hideScrollOnIsOpenFalse` values.
-    document.body.style.overflow = isOpen
-      ? "hidden"
-      : hideScrollOnIsOpenFalse
-        ? "unset"
-        : document.body.style.overflow;
-
-    // Cleanup function to reset body overflow when the component unmounts or dependencies change.
-    return () => {
-      document.body.style.overflow = "unset";
-    };
-  }, [isOpen, hideScrollOnIsOpenFalse]);
-}
-
-export default useBodyScrollLock;
+"use client";
+
+import { useEffect } from "react";
+
+/**
+ * A custom hook that locks the body scroll based on the `isOpen` and `hideScrollOnIsOpenFalse` flags.
+ *
+ * @param {boolean} isOpen - Determines if the scroll should be locked (hidden).
+ * @param {boolean} hideScrollOnIsOpenFalse - Determines if the scroll should be reset when `isOpen` is false.
+ */
+function useBodyScrollLock(isOpen: boolean, hideScrollOnIsOpenFalse: boolean) {
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+
+    // To avoid content shifting when the scrollbar appears/disappears
+    const scrollbarWidth =
+      window.innerWidth - document.documentElement.clientWidth;
+    document.body.style.marginRight = isOpen ? `${scrollbarWidth}px` : "unset";
+
+    // Set the body overflow style based on the `isOpen` and `hideScrollOnIsOpenFalse` values.
+    document.body.style.overflow = isOpen
+      ? "hidden"
+      : hideScrollOnIsOpenFalse
+        ? "unset"
+        : document.body.style.overflow;
+
+    // Cleanup function to reset body overflow when the component unmounts or dependencies change.
+    return () => {
+      document.body.style.overflow = "unset";
+    };
+  }, [isOpen, hideScrollOnIsOpenFalse]);
+}
+
+export default useBodyScrollLock;