@abgov/react-components 5.0.0 → 5.2.0

package/lib/accordion/accordion.d.ts

@@ -8,6 +8,7 @@ interface WCProps extends Margins {
     secondaryText?: string;
     headingContent?: ReactNode;
     maxwidth?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {

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

@@ -3,6 +3,7 @@ interface WCProps {
     url?: string;
     maxcontentwidth?: string;
     fullmenubreakpoint?: number;
+    testid?: string;
 }
 declare global {
     namespace JSX {

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

@@ -8,6 +8,7 @@ interface WCProps extends Margins {
     size?: GoACalloutSize;
     maxwidth?: string;
     arialive?: GoACalloutAriaLive;
+    testid?: string;
 }
 declare global {
     namespace JSX {

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/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;

package/lib/side-menu/side-menu.d.ts

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

package/lib/side-menu-group/side-menu-group.d.ts

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

package/lib/side-menu-heading/side-menu-heading.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from "react";
 import { GoAIconType } from "../icon/icon";
 interface WCProps {
     icon?: GoAIconType;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/skeleton/skeleton.d.ts

@@ -7,6 +7,7 @@ interface WCProps extends Margins {
     size?: GoASkeletonSize;
     linecount?: number;
     type: GoASkeletonType;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/spacer/spacer.d.ts

@@ -2,6 +2,7 @@ import { Spacing } from "../../common/styling";
 interface WCProps {
     hspacing?: Spacing | "fill";
     vspacing?: Spacing;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/spinner/spinner.d.ts

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

package/lib/table/table.d.ts

@@ -7,6 +7,7 @@ interface WCProps extends Margins {
     width?: string;
     stickyheader?: boolean;
     variant?: GoATableVariant;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/tabs/tabs.d.ts

@@ -3,6 +3,7 @@ interface WCProps {
     initialtab?: number;
     ref: React.RefObject<HTMLElement>;
     onChange?: (tab: number) => void;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/lib/text/text.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+type MaxWidth = string | "none";
+interface WCProps extends Margins {
+    as?: TextElement | HeadingElement;
+    size?: Size;
+    maxwidth?: MaxWidth;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-text": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
+export type TextElement = "span" | "div" | "p";
+type HeadingSize = "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs";
+type BodySize = "body-l" | "body-m" | "body-s" | "body-xs";
+export type Size = HeadingSize | BodySize;
+interface GoATextProps extends Margins {
+    as?: TextElement | HeadingElement;
+    size?: Size;
+    maxWidth?: MaxWidth;
+    children: ReactNode;
+}
+export declare function GoAText(props: GoATextProps): JSX.Element;
+export default GoAText;

package/lib/textarea/textarea.d.ts

@@ -13,6 +13,7 @@ interface WCProps extends Margins {
     arialabel?: string;
     countby?: CountBy;
     maxcount?: number;
+    testid?: string;
 }
 declare global {
     namespace JSX {
@@ -35,7 +36,7 @@ export interface GoATextAreaProps extends Margins {
     ariaLabel?: string;
     countBy?: CountBy;
     maxCount?: number;
-    onChange: (name: string, value: string) => void;
+    onChange?: (name: string, value: string) => void;
     onKeyPress?: (name: string, value: string, key: string) => void;
 }
 export declare function GoATextarea({ name, value, placeholder, rows, disabled, countBy, maxCount, width, maxWidth, testId, error, ariaLabel, mt, mr, mb, ml, onChange, onKeyPress, }: GoATextAreaProps): JSX.Element;

package/lib/tooltip/tooltip.d.ts

@@ -6,6 +6,7 @@ interface WCProps extends Margins {
     position?: GoATooltipPosition;
     content?: string;
     halign?: GoATooltipHorizontalAlignment;
+    testid?: string;
 }
 declare global {
     namespace JSX {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "5.0.0",
+  "version": "5.2.0",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"