@abgov/react-components 5.0.0 → 5.3.0

package/lib/accordion/accordion.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 import { Margins } from "../../common/styling";
 export type GoAHeadingSize = "small" | "medium";
+export type GoAIconPosition = "left" | "right";
 interface WCProps extends Margins {
     open?: boolean;
     headingSize?: GoAHeadingSize;
@@ -8,6 +9,8 @@ interface WCProps extends Margins {
     secondaryText?: string;
     headingContent?: ReactNode;
     maxwidth?: string;
+    testid?: string;
+    iconposition?: GoAIconPosition;
 }
 declare global {
     namespace JSX {
@@ -24,7 +27,8 @@ export interface GoAAccordionProps extends Margins {
     headingContent?: ReactNode;
     maxWidth?: string;
     testid?: string;
+    iconPosition?: GoAIconPosition;
     children: ReactNode;
 }
-export declare function GoAAccordion({ open, heading, headingSize, secondaryText, headingContent, maxWidth, testid, children, mt, mr, mb, ml, }: GoAAccordionProps): JSX.Element;
+export declare function GoAAccordion({ open, heading, headingSize, secondaryText, headingContent, iconPosition, maxWidth, testid, children, mt, mr, mb, ml, }: GoAAccordionProps): JSX.Element;
 export default GoAAccordion;

package/lib/app-header/app-header.d.ts

@@ -3,6 +3,9 @@ interface WCProps {
     url?: string;
     maxcontentwidth?: string;
     fullmenubreakpoint?: number;
+    hasmenuclickhandler?: boolean;
+    ref: React.RefObject<HTMLElement>;
+    testid?: string;
 }
 declare global {
     namespace JSX {
@@ -17,7 +20,8 @@ export interface GoAAppHeaderProps {
     maxContentWidth?: string;
     fullMenuBreakpoint?: number;
     children?: React.ReactNode;
+    onMenuClick?: () => void;
     testId?: string;
 }
-export declare function GoAAppHeader({ heading, url, maxContentWidth, fullMenuBreakpoint, testId, children, }: GoAAppHeaderProps): JSX.Element;
+export declare function GoAAppHeader({ heading, url, maxContentWidth, fullMenuBreakpoint, testId, children, onMenuClick, }: GoAAppHeaderProps): JSX.Element;
 export default GoAAppHeader;

package/lib/app-header-menu/app-header-menu.d.ts

@@ -3,6 +3,7 @@ import { GoAIconType } from "../icon/icon";
 interface WCProps {
     heading: string;
     leadingicon?: GoAIconType;
+    testid?: string;
 }
 export interface GoAAppHeaderMenuProps {
     heading: string;

package/lib/badge/badge.d.ts

@@ -5,6 +5,7 @@ interface WCProps extends Margins {
     icon?: boolean;
     content?: string;
     arialabel?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/block/block.d.ts

@@ -4,6 +4,7 @@ export interface WCProps extends Margins {
     gap?: Spacing;
     direction?: Direction;
     alignment?: Alignment;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/button/button.d.ts

@@ -14,6 +14,7 @@ interface WCProps extends Margins {
     disabled?: boolean;
     leadingicon?: string;
     trailingicon?: string;
+    testid?: string;
     ref: React.RefObject<HTMLElement>;
 }
 declare global {

package/lib/button-group/button-group.d.ts

@@ -5,6 +5,7 @@ export type Gap = GoAButtonGroupGap;
 interface WCProps extends Margins {
     alignment: GoAButtonGroupAlignment;
     gap?: GoAButtonGroupGap;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/calendar/calendar.d.ts

@@ -5,6 +5,7 @@ interface WCProps extends Margins {
     value?: string;
     min?: string;
     max?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/callout/callout.d.ts

@@ -2,12 +2,15 @@ import { Margins } from "../../common/styling";
 export type GoACalloutType = "important" | "information" | "event" | "success" | "emergency";
 export type GoACalloutSize = "medium" | "large";
 export type GoACalloutAriaLive = "off" | "polite" | "assertive";
+export type GoACalloutIconTheme = "outline" | "filled";
 interface WCProps extends Margins {
     heading?: string;
     type?: GoACalloutType;
     size?: GoACalloutSize;
     maxwidth?: string;
     arialive?: GoACalloutAriaLive;
+    icontheme?: GoACalloutIconTheme;
+    testid?: string;
 }
 declare global {
     namespace JSX {
@@ -20,11 +23,12 @@ export interface GoACalloutProps extends Margins {
     heading?: string;
     type?: GoACalloutType;
     size?: GoACalloutSize;
+    iconTheme?: GoACalloutIconTheme;
     maxWidth?: string;
     testId?: string;
     ariaLive?: GoACalloutAriaLive;
     children?: React.ReactNode;
 }
 export type CalloutProps = GoACalloutProps;
-export declare const GoACallout: ({ heading, type, size, maxWidth, testId, ariaLive, children, mt, mr, mb, ml, }: GoACalloutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoACallout: ({ heading, type, iconTheme, size, maxWidth, testId, ariaLive, children, mt, mr, mb, ml, }: GoACalloutProps) => import("react/jsx-runtime").JSX.Element;
 export default GoACallout;

package/lib/card/card-actions.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-card-actions": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoACardActionsProps {
+    children?: React.ReactNode;
+}
+export declare function GoACardActions({ children }: GoACardActionsProps): JSX.Element;
+export default GoACardActions;

package/lib/card/card-content.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-card-content": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoACardContentProps {
+    children?: React.ReactNode;
+}
+export declare function GoACardContent({ children }: GoACardContentProps): JSX.Element;
+export default GoACardContent;

package/lib/card/card-group.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-card-group": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoACardGroupProps {
+    children?: React.ReactNode;
+}
+export declare function GoACardGroup({ children }: GoACardGroupProps): JSX.Element;
+export default GoACardGroup;

package/lib/card/card-image.d.ts

@@ -0,0 +1,17 @@
+interface WCProps {
+    src: string;
+    height: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-card-image": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoACardImageProps {
+    src: string;
+    height: string;
+}
+export declare function GoACardImage({ src, height }: GoACardImageProps): JSX.Element;
+export default GoACardImage;

package/lib/card/card.d.ts

@@ -0,0 +1,21 @@
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    elevation?: number;
+    width?: string;
+    children: React.ReactNode;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-card": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoACardProps extends Margins {
+    elevation?: number;
+    width?: string;
+    testId?: string;
+    children?: React.ReactNode;
+}
+export declare function GoACard({ elevation, width, mt, mr, mb, ml, testId, children, }: GoACardProps): JSX.Element;
+export default GoACard;

package/lib/card/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./card-content";
+export * from "./card-image";
+export * from "./card-actions";
+export * from "./card-group";
+export * from "./card";

package/lib/checkbox/checkbox.d.ts

@@ -18,11 +18,12 @@ interface WCProps extends Margins {
     arialabel?: string;
     description?: string | React.ReactNode;
     maxwidth?: string;
+    testid?: string;
 }
 export interface GoACheckboxProps extends Margins {
     id?: string;
     name: string;
-    checked: boolean;
+    checked?: boolean;
     disabled?: boolean;
     error?: boolean;
     text?: string;

package/lib/chip/chip.d.ts

@@ -9,6 +9,7 @@ interface WCProps extends Margins {
     deletable: boolean;
     content: string;
     variant?: GoAChipVariant;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/circular-progress/circular-progress.d.ts

@@ -8,6 +8,7 @@ interface WCProps {
     message?: string;
     visible?: string;
     progress?: number;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/container/container.d.ts

@@ -10,6 +10,7 @@ interface WCProps extends Margins {
     padding?: GoAContainerPadding;
     width?: GoAContainerWidth;
     maxwidth?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/date-picker/date-picker.d.ts

@@ -6,6 +6,9 @@ interface WCProps extends Margins {
     error?: boolean;
     min?: string;
     max?: string;
+    relative?: boolean;
+    disabled?: boolean;
+    testid?: string;
 }
 declare global {
     namespace JSX {
@@ -21,7 +24,9 @@ export interface GoADatePickerProps extends Margins {
     min?: Date;
     max?: Date;
     testId?: string;
-    onChange: (name: string, value: Date) => void;
+    relative?: boolean;
+    disabled?: boolean;
+    onChange?: (name: string, value: Date | undefined) => void;
 }
-export declare function GoADatePicker({ name, value, error, min, max, testId, mt, mr, mb, ml, onChange, }: GoADatePickerProps): JSX.Element;
+export declare function GoADatePicker({ name, value, error, min, max, testId, disabled, mt, mr, mb, ml, relative, onChange, }: GoADatePickerProps): JSX.Element;
 export default GoADatePicker;

package/lib/details/details.d.ts

@@ -4,6 +4,7 @@ interface WCProps extends Margins {
     heading: string;
     open?: boolean;
     maxwidth?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/divider/divider.d.ts

@@ -1,8 +1,11 @@
 import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    testid?: string;
+}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-divider": Margins & React.HTMLAttributes<HTMLElement>;
+            "goa-divider": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/drawer/drawer.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from "react";
+type DrawerPosition = "bottom" | "left" | "right" | undefined;
+type DrawerSizeUnit = "px" | "rem" | "ch" | "vh" | "vw";
+type DrawerSize = `${number}${DrawerSizeUnit}` | undefined;
+interface WCProps {
+    open: boolean | undefined;
+    position: DrawerPosition;
+    heading?: string;
+    maxsize?: DrawerSize;
+    testid?: string;
+    ref: React.RefObject<HTMLElement>;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-drawer": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoADrawerProps {
+    open: boolean;
+    position: DrawerPosition;
+    heading?: string;
+    maxSize?: DrawerSize;
+    testId?: string;
+    children: ReactNode;
+    onClose: () => void;
+}
+export declare function GoADrawer({ open, position, heading, maxSize, testId, children, onClose, }: GoADrawerProps): JSX.Element;
+export default GoADrawer;

package/lib/dropdown/dropdown.d.ts

@@ -17,6 +17,7 @@ interface WCProps extends Margins {
     width?: string;
     relative?: boolean;
     id?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {
@@ -28,7 +29,7 @@ declare global {
 export interface GoADropdownProps extends Margins {
     name?: string;
     value?: string[] | string;
-    onChange: (name: string, values: string[] | string) => void;
+    onChange?: (name: string, values: string[] | string) => void;
     ariaLabel?: string;
     ariaLabelledBy?: string;
     id?: string;

package/lib/fieldset/fieldset.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    ref?: React.MutableRefObject<HTMLElement | null>;
+    id: string;
+    heading?: string;
+    buttontext?: string;
+    last?: boolean | null;
+    first?: boolean | null;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-fieldset": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface GoAFieldsetProps extends Margins {
+    id: string;
+    first?: boolean;
+    last?: boolean;
+    heading?: string;
+    buttonText?: string;
+    errors?: Record<string, string>;
+    onContinue?: (el: HTMLElement, state: Record<string, string>) => boolean | void | undefined;
+    children: ReactNode;
+}
+export declare function GoAFieldset({ heading, buttonText, id, onContinue, children, mt, mr, mb, ml, first, last, }: GoAFieldsetProps): import("react/jsx-runtime").JSX.Element;
+export default GoAFieldset;

package/lib/file-upload-card/file-upload-card.d.ts

@@ -5,6 +5,7 @@ interface WCProps {
     type?: string;
     progress?: number;
     error?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/file-upload-input/file-upload-input.d.ts

@@ -4,6 +4,7 @@ interface WCProps {
     variant?: GoAFileUploadInputVariant;
     accept?: string;
     maxfilesize?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/footer/footer.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 interface WCProps {
     maxcontentwidth?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/footer-meta-section/footer-meta-section.d.ts

@@ -1,8 +1,11 @@
 import { ReactNode } from "react";
+interface WCProps {
+    testid?: string;
+}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-app-footer-meta-section": React.HTMLAttributes<HTMLElement>;
+            "goa-app-footer-meta-section": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/footer-nav-section/footer-nav-section.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from "react";
 interface WCProps {
     maxcolumncount?: number;
     heading?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/form-item/form-item.d.ts

@@ -9,6 +9,7 @@ interface WCProps extends Margins {
     helptext?: string;
     maxwidth?: string;
     id?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/form-stepper/form-stepper.d.ts

@@ -3,6 +3,7 @@ import { Margins } from "../../common/styling";
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLElement | null>;
     step?: number;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/grid/grid.d.ts

@@ -2,6 +2,7 @@ import { Margins, Spacing } from "../../common/styling";
 interface WCProps extends Margins {
     gap?: Spacing;
     minchildwidth: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/hero-banner/hero-banner.d.ts

@@ -5,6 +5,7 @@ interface WCProps {
     maxcontentwidth?: string;
     backgroundcolor?: string;
     textcolor?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/icon-button/icon-button.d.ts

@@ -10,6 +10,7 @@ interface WCProps extends Margins {
     title?: string;
     disabled?: boolean;
     arialabel?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/input/input.d.ts

@@ -24,6 +24,7 @@ interface WCProps extends Margins {
     prefix?: string;
     suffix?: string;
     arialabel?: string;
+    testid?: string;
     min?: string | number;
     max?: string | number;
     step?: number;
@@ -64,7 +65,7 @@ type OnFocus<T = string> = (name: string, value: T) => void;
 type OnBlur<T = string> = (name: string, value: T) => void;
 type OnKeyPress<T = string> = (name: string, value: T, key: string) => void;
 export interface GoAInputProps extends BaseProps {
-    onChange: OnChange<string>;
+    onChange?: OnChange<string>;
     value?: string;
     min?: number | string;
     max?: number | string;
@@ -74,7 +75,7 @@ export interface GoAInputProps extends BaseProps {
     onKeyPress?: OnKeyPress<string>;
 }
 interface GoANumberInputProps extends BaseProps {
-    onChange: OnChange<number>;
+    onChange?: OnChange<number>;
     value?: number;
     min?: number;
     max?: number;
@@ -84,7 +85,7 @@ interface GoANumberInputProps extends BaseProps {
     onKeyPress?: OnKeyPress<number>;
 }
 interface GoADateInputProps extends BaseProps {
-    onChange: OnChange<GoADate>;
+    onChange?: OnChange<GoADate>;
     value?: GoADate;
     min?: GoADate;
     max?: GoADate;

package/lib/link/link.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+import { GoAIconType } from "../icon/icon";
+interface WCProps extends Margins {
+    leadingicon?: GoAIconType;
+    trailingicon?: GoAIconType;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-link": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface GoALinkProps extends Margins {
+    leadingIcon?: GoAIconType;
+    trailingIcon?: GoAIconType;
+    children: ReactNode;
+}
+export declare function GoALink(props: GoALinkProps): import("react/jsx-runtime").JSX.Element;
+export default GoALink;

package/lib/link-button/link-button.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+import { GoAIconType } from "../icon/icon";
+export type GoALinkButtonType = "start" | "primary" | "secondary" | "tertiary";
+interface WCProps extends Margins {
+    type?: GoALinkButtonType;
+    leadingicon?: GoAIconType;
+    trailingicon?: GoAIconType;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-link-button": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface GoALinkButtonProps extends Margins {
+    type?: GoALinkButtonType;
+    leadingIcon?: GoAIconType;
+    trailingIcon?: GoAIconType;
+    children: ReactNode;
+}
+export declare function GoALinkButton({ type, ...props }: GoALinkButtonProps): import("react/jsx-runtime").JSX.Element;
+export default GoALinkButton;

package/lib/microsite-header/microsite-header.d.ts

@@ -15,16 +15,20 @@ interface WCProps {
     maxcontentwidth?: string;
     feedbackurltarget?: GoALinkTarget;
     headerurltarget?: GoALinkTarget;
+    hasfeedbackhandler?: boolean;
+    ref: React.RefObject<HTMLElement>;
+    testid?: string;
 }
 export interface GoAHeaderProps {
     type: GoAServiceLevel;
-    version?: string;
+    version?: React.ReactNode;
     feedbackUrl?: string;
     testId?: string;
     maxContentWidth?: string;
     feedbackUrlTarget?: GoALinkTarget;
     headerUrlTarget?: GoALinkTarget;
+    onFeedbackClick?: () => void;
 }
 export type HeaderProps = GoAHeaderProps;
-export declare function GoAMicrositeHeader({ type, version, feedbackUrl, maxContentWidth, feedbackUrlTarget, headerUrlTarget, testId, }: GoAHeaderProps): JSX.Element;
+export declare function GoAMicrositeHeader({ type, version, feedbackUrl, maxContentWidth, feedbackUrlTarget, headerUrlTarget, testId, onFeedbackClick, }: GoAHeaderProps): JSX.Element;
 export default GoAMicrositeHeader;

package/lib/modal/modal.d.ts

@@ -13,6 +13,7 @@ interface WCProps {
     transition?: GoAModalTransition;
     calloutvariant?: GoAModalCalloutVariant;
     role?: GoAModalRole;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/notification/notification.d.ts

@@ -7,6 +7,7 @@ interface WCProps {
     type: GoANotificationType;
     maxcontentwidth?: string;
     arialive?: GoAAriaLiveType;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/page-block/page-block.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 interface WCProps {
     width: "full" | string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/pagination/pagination.d.ts

@@ -5,6 +5,7 @@ interface WCProps extends Margins {
     perpagecount?: number;
     pagenumber: number;
     variant?: "all" | "links-only";
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/popover/popover.d.ts

@@ -7,6 +7,7 @@ interface WCProps extends Margins {
     padded?: boolean;
     position?: GoAPosition;
     relative?: boolean;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/radio-group/radio-group.d.ts

@@ -9,6 +9,7 @@ interface WCProps extends Margins {
     disabled?: boolean;
     error?: boolean;
     arialabel?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {
@@ -26,7 +27,7 @@ export interface GoARadioGroupProps extends Margins {
     error?: boolean;
     ariaLabel?: string;
     children?: React.ReactNode;
-    onChange: (name: string, value: string) => void;
+    onChange?: (name: string, value: string) => void;
 }
 export declare function GoARadioGroup({ name, value, children, orientation, disabled, error, testId, ariaLabel, mt, mr, mb, ml, onChange, }: GoARadioGroupProps): JSX.Element;
 export default GoARadioGroup;