@windstream/react-shared-components 0.2.80 → 0.2.81

package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx

@@ -3,11 +3,13 @@ import React from "react";
 import { MaterialIcon } from "@shared/components/material-icon";
 import { Button } from "@shared/contentful/blocks/button";
 import { ButtonProps as ContentfulButtonProps } from "@shared/contentful/blocks/button/types";
+import type { FieldProps } from "@shared/types/field-props";
 
 type ComponentButtonGroup = {
   anchorId?: string | null;
   title?: string | null;
   items?: { items?: ContentfulButtonProps[] | null } | null;
+  fieldProps?: FieldProps<"title">;
 };
 
 type Link = ContentfulButtonProps | ComponentButtonGroup;
@@ -38,7 +40,7 @@ export const MobileLinkGroups: React.FC<LinkGroupsProps> = ({ link }) => {
   }
 
   // Group
-  const { anchorId, title, items } = link;
+  const { anchorId, title, items, fieldProps } = link;
   const subMenu = Array.isArray(items?.items) ? items!.items! : [];
 
   return (
@@ -49,6 +51,7 @@ export const MobileLinkGroups: React.FC<LinkGroupsProps> = ({ link }) => {
         buttonClassName=" label3 flex items-center w-full h-11 px-4"
         key={anchorId}
         showButtonAs="unstyled"
+        fieldProps={fieldProps?.title}
       >
         {title ?? null}
         <MaterialIcon

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

@@ -1,5 +1,6 @@
 import React from "react";
 
+import type { FieldProps } from "@shared/types/field-props";
 import { Asset, Button, ButtonGroup } from "@shared/types/micro-components";
 
 type Color = string;
@@ -69,6 +70,10 @@ export interface Navigation {
   /** When true, renders the mobile hamburger navigation in the desktop
    *  viewport and hides the inline desktop nav. Defaults to false. */
   enableHamburgerNavigationOnDesktop?: boolean;
+  /** Extra DOM attribute props, spread onto the respective rendered elements. */
+  fieldProps?: FieldProps<
+    "logo" | "searchBarIcon" | "callNowCtaText" | "callNowCtaIcon"
+  >;
 }
 
 export type NavigationProps = Navigation;

package/src/types/micro-components.ts

@@ -1,3 +1,5 @@
+import type { FieldProps } from "./field-props";
+
 import { ButtonProps } from "@shared/contentful";
 
 export interface Asset {
@@ -29,6 +31,8 @@ export interface Button {
   clickToOpen?: "accordion" | "modal" | "tab" | null;
   tabmodalNameToOpen?: string | null;
   preDefinedFunctionExecution?: "check availability" | null;
+  /** Extra DOM attribute props, spread onto the rendered link/button element. */
+  fieldProps?: Record<string, unknown>;
 }
 
 export interface ButtonGroup {
@@ -38,6 +42,8 @@ export interface ButtonGroup {
   itemsCollection?: {
     items: Button[];
   };
+  /** Extra DOM attribute props, spread onto the group's title element. */
+  fieldProps?: FieldProps<"title">;
 }
 export interface Card {
   anchorId?: string;