@abgov/react-components 4.17.0-alpha.2 → 4.17.0-alpha.20

package/lib/input/input.d.ts

@@ -1,115 +1,112 @@
-import React, { FC } from "react";
-import { GoAIconType } from "../..";
-import { Margins } from "../../common/styling";
-export declare type GoADate = Date | string;
-declare type GoAInputType = "text" | "password" | "email" | "number" | "date" | "datetime-local" | "month" | "range" | "search" | "tel" | "time" | "url" | "week";
-declare type GoAAutoCapitalize = "on" | "off" | "none" | "sentences" | "words" | "characters";
-interface WCProps extends Margins {
-    ref?: React.MutableRefObject<HTMLInputElement | null>;
-    type?: GoAInputType;
-    name: string;
-    value: string;
-    id?: string;
-    autocapitalize?: GoAAutoCapitalize;
-    debounce?: number;
-    placeholder?: string;
-    leadingicon?: string;
-    trailingicon?: string;
-    variant: string;
-    disabled?: boolean;
-    error?: boolean;
-    readonly?: boolean;
-    focused?: boolean;
-    handletrailingiconclick: boolean;
-    width?: string;
-    prefix?: string;
-    suffix?: string;
-    arialabel?: string;
-    min?: string | number;
-    max?: string | number;
-    step?: number;
-    maxlength?: number;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-input": WCProps & React.HTMLAttributes<HTMLInputElement>;
-        }
-    }
-}
-interface BaseProps extends Margins {
-    name: string;
-    id?: string;
-    debounce?: number;
-    disabled?: boolean;
-    autoCapitalize?: GoAAutoCapitalize;
-    placeholder?: string;
-    leadingIcon?: GoAIconType;
-    trailingIcon?: GoAIconType;
-    onTrailingIconClick?: () => void;
-    variant?: "goa" | "bare";
-    focused?: boolean;
-    readonly?: boolean;
-    error?: boolean;
-    width?: string;
-    prefix?: string;
-    suffix?: string;
-    testId?: string;
-    ariaLabel?: string;
-    leadingContent?: React.ReactNode;
-    trailingContent?: React.ReactNode;
-    maxLength?: number;
-}
-declare type OnChange = (name: string, value: string) => void;
-declare type OnFocus = (name: string, value: string) => void;
-declare type OnBlur = (name: string, value: string) => void;
-export interface InputProps extends BaseProps {
-    onChange: OnChange;
-    value: string;
-    min?: number | string;
-    max?: number | string;
-    step?: number;
-    onFocus?: OnFocus;
-    onBlur?: OnBlur;
-}
-declare type OnNumberChange = (name: string, value: number) => void;
-declare type OnNumberFocus = (name: string, value: number) => void;
-declare type OnNumberBlur = (name: string, value: number) => void;
-interface NumberInputProps extends BaseProps {
-    onChange: OnNumberChange;
-    value: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    onFocus?: OnNumberFocus;
-    onBlur?: OnNumberBlur;
-}
-declare type OnDateChange = (name: string, value: GoADate) => void;
-declare type OnDateFocus = (name: string, value: GoADate) => void;
-declare type OnDateBlur = (name: string, value: GoADate) => void;
-interface DateInputProps extends BaseProps {
-    onChange: OnDateChange;
-    value: GoADate;
-    min?: GoADate;
-    max?: GoADate;
-    step?: number;
-    onFocus?: OnDateFocus;
-    onBlur?: OnDateBlur;
-}
-export declare const GoAInput: FC<InputProps & {
-    type?: GoAInputType;
-}>;
-export declare const GoAInputText: FC<InputProps>;
-export declare const GoAInputPassword: FC<InputProps>;
-export declare const GoAInputDate: FC<DateInputProps>;
-export declare const GoAInputTime: FC<InputProps>;
-export declare const GoAInputDateTime: FC<DateInputProps>;
-export declare const GoAInputEmail: FC<InputProps>;
-export declare const GoAInputSearch: FC<InputProps>;
-export declare const GoAInputUrl: FC<InputProps>;
-export declare const GoAInputTel: FC<InputProps>;
-export declare const GoAInputFile: FC<InputProps>;
-export declare const GoAInputMonth: FC<InputProps>;
-export declare const GoAInputNumber: FC<NumberInputProps>;
-export declare const GoAInputRange: FC<InputProps>;
-export default GoAInput;
+import { GoAIconType } from "../..";
+import { Margins } from "../../common/styling";
+export type GoADate = Date | string;
+export type GoAInputType = "text" | "password" | "email" | "number" | "date" | "datetime-local" | "month" | "range" | "search" | "tel" | "time" | "url" | "week";
+export type GoAAutoCapitalize = "on" | "off" | "none" | "sentences" | "words" | "characters";
+interface WCProps extends Margins {
+    ref?: React.MutableRefObject<HTMLInputElement | null>;
+    type?: GoAInputType;
+    name: string;
+    value?: string;
+    id?: string;
+    autocapitalize?: GoAAutoCapitalize;
+    debounce?: number;
+    placeholder?: string;
+    leadingicon?: string;
+    trailingicon?: string;
+    variant: string;
+    disabled?: boolean;
+    error?: boolean;
+    readonly?: boolean;
+    focused?: boolean;
+    handletrailingiconclick: boolean;
+    width?: string;
+    prefix?: string;
+    suffix?: string;
+    arialabel?: string;
+    min?: string | number;
+    max?: string | number;
+    step?: number;
+    maxlength?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-input": WCProps & React.HTMLAttributes<HTMLInputElement>;
+        }
+    }
+}
+interface BaseProps extends Margins {
+    name: string;
+    id?: string;
+    debounce?: number;
+    disabled?: boolean;
+    autoCapitalize?: GoAAutoCapitalize;
+    placeholder?: string;
+    leadingIcon?: GoAIconType;
+    trailingIcon?: GoAIconType;
+    onTrailingIconClick?: () => void;
+    variant?: "goa" | "bare";
+    focused?: boolean;
+    readonly?: boolean;
+    error?: boolean;
+    width?: string;
+    prefix?: string;
+    suffix?: string;
+    testId?: string;
+    ariaLabel?: string;
+    leadingContent?: React.ReactNode;
+    trailingContent?: React.ReactNode;
+    maxLength?: number;
+}
+type OnChange<T = string> = (name: string, value: T) => void;
+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>;
+    value?: string;
+    min?: number | string;
+    max?: number | string;
+    step?: number;
+    onFocus?: OnFocus<string>;
+    onBlur?: OnBlur<string>;
+    onKeyPress?: OnKeyPress<string>;
+}
+interface GoANumberInputProps extends BaseProps {
+    onChange: OnChange<number>;
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onFocus?: OnFocus<number>;
+    onBlur?: OnBlur<number>;
+    onKeyPress?: OnKeyPress<number>;
+}
+interface GoADateInputProps extends BaseProps {
+    onChange: OnChange<GoADate>;
+    value?: GoADate;
+    min?: GoADate;
+    max?: GoADate;
+    step?: number;
+    onFocus?: OnFocus<GoADate>;
+    onBlur?: OnBlur<GoADate>;
+    onKeyPress?: OnKeyPress<GoADate>;
+}
+export declare function GoAInput({ id, debounce, name, type, autoCapitalize, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, }: GoAInputProps & {
+    type?: GoAInputType;
+}): JSX.Element;
+export declare function GoAInputText(props: GoAInputProps): JSX.Element;
+export declare function GoAInputPassword(props: GoAInputProps): JSX.Element;
+export declare function GoAInputDate({ value, min, max, ...props }: GoADateInputProps): JSX.Element;
+export declare function GoAInputTime({ value, min, max, ...props }: GoAInputProps): JSX.Element;
+export declare function GoAInputDateTime({ value, min, max, ...props }: GoADateInputProps): JSX.Element;
+export declare function GoAInputEmail(props: GoAInputProps): JSX.Element;
+export declare function GoAInputSearch(props: GoAInputProps): JSX.Element;
+export declare function GoAInputUrl(props: GoAInputProps): JSX.Element;
+export declare function GoAInputTel(props: GoAInputProps): JSX.Element;
+export declare function GoAInputFile(props: GoAInputProps): JSX.Element;
+export declare function GoAInputMonth(props: GoAInputProps): JSX.Element;
+export declare function GoAInputNumber({ min, max, value, ...props }: GoANumberInputProps): JSX.Element;
+export declare function GoAInputRange(props: GoAInputProps): JSX.Element;
+export default GoAInput;

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

@@ -1,28 +1,30 @@
-import React, { FC } from "react";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-microsite-header": WebComponentProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export declare type ServiceLevel = "alpha" | "beta" | "live";
-interface WebComponentProps {
-    type: ServiceLevel;
-    version?: string;
-    feedbackurl?: string;
-    maxcontentwidth?: string;
-    feedbackurltarget?: "self" | "blank";
-    headerurltarget?: "self" | "blank";
-}
-export interface HeaderProps {
-    type: ServiceLevel;
-    version?: string;
-    feedbackUrl?: string;
-    testId?: string;
-    maxContentWidth?: string;
-    feedbackUrlTarget?: "self" | "blank";
-    headerUrlTarget?: "self" | "blank";
-}
-export declare const GoAMicrositeHeader: FC<HeaderProps>;
-export default GoAMicrositeHeader;
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-microsite-header": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export type GoAServiceLevel = "alpha" | "beta" | "live";
+export type GoALinkTarget = "self" | "blank";
+export type ServiceLevel = GoAServiceLevel;
+interface WCProps {
+    type: GoAServiceLevel;
+    version?: string;
+    feedbackurl?: string;
+    maxcontentwidth?: string;
+    feedbackurltarget?: GoALinkTarget;
+    headerurltarget?: GoALinkTarget;
+}
+export interface GoAHeaderProps {
+    type: GoAServiceLevel;
+    version?: string;
+    feedbackUrl?: string;
+    testId?: string;
+    maxContentWidth?: string;
+    feedbackUrlTarget?: GoALinkTarget;
+    headerUrlTarget?: GoALinkTarget;
+}
+export type HeaderProps = GoAHeaderProps;
+export declare function GoAMicrositeHeader({ type, version, feedbackUrl, maxContentWidth, feedbackUrlTarget, headerUrlTarget, testId, }: GoAHeaderProps): JSX.Element;
+export default GoAMicrositeHeader;

package/lib/modal/modal.d.ts

@@ -1,34 +1,36 @@
-import React, { FC } from "react";
-export declare type ModalTransition = "fast" | "slow" | "none";
-export declare type CalloutVariant = "information" | "important" | "emergency" | "success" | "event";
-interface WCProps {
-    ref: React.RefObject<HTMLElement>;
-    heading?: React.ReactNode;
-    open?: boolean;
-    maxwidth?: string;
-    closable?: boolean;
-    transition?: ModalTransition;
-    calloutVariant?: CalloutVariant;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-modal": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props {
-    heading?: React.ReactNode;
-    maxWidth?: string;
-    actions?: React.ReactElement;
-    onClose?: () => void;
-    transition?: ModalTransition;
-    children?: React.ReactNode;
-    open?: boolean;
-    type?: string;
-    calloutVariant?: CalloutVariant;
-    testId?: string;
-    width?: string;
-}
-export declare const GoAModal: FC<Props>;
-export default GoAModal;
+import { ReactElement, ReactNode, RefObject } from "react";
+export type GoAModalTransition = "fast" | "slow" | "none";
+export type GoAModalCalloutVariant = "information" | "important" | "emergency" | "success" | "event";
+export type ModalTransition = GoAModalTransition;
+export type CalloutVariant = GoAModalCalloutVariant;
+interface WCProps {
+    ref: RefObject<HTMLElement>;
+    heading?: ReactNode;
+    open?: boolean;
+    maxwidth?: string;
+    closable?: boolean;
+    transition?: GoAModalTransition;
+    calloutvariant?: GoAModalCalloutVariant;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-modal": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAModalProps {
+    heading?: ReactNode;
+    maxWidth?: string;
+    actions?: ReactElement;
+    onClose?: () => void;
+    transition?: GoAModalTransition;
+    children?: ReactNode;
+    open?: boolean;
+    calloutVariant?: GoAModalCalloutVariant;
+    testId?: string;
+    width?: string;
+    type?: string;
+}
+export declare function GoAModal({ heading, children, maxWidth, open, actions, transition, type, calloutVariant, onClose, testId, width, }: GoAModalProps): JSX.Element;
+export default GoAModal;

package/lib/notification/notification.d.ts

@@ -1,26 +1,27 @@
-import React from "react";
-export declare type NotificationType = "important" | "information" | "event" | "emergency";
-export declare type AriaLiveType = "polite" | "assertive" | "off";
-interface WCProps {
-    ref: React.RefObject<HTMLElement>;
-    type: NotificationType;
-    maxcontentwidth?: string;
-    arialive?: AriaLiveType;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-notification": WCProps & React.HTMLAttributes<HTMLButtonElement>;
-        }
-    }
-}
-interface Props {
-    type?: NotificationType;
-    ariaLive?: AriaLiveType;
-    maxContentWidth?: string;
-    children?: React.ReactNode;
-    onDismiss?: () => void;
-    testId?: string;
-}
-export declare const GoANotification: ({ type, ariaLive, maxContentWidth, children, testId, onDismiss, }: Props) => JSX.Element;
-export default GoANotification;
+export type GoANotificationType = "important" | "information" | "event" | "emergency";
+export type GoAAriaLiveType = "polite" | "assertive" | "off";
+export type NotificationType = GoANotificationType;
+export type AriaLiveType = GoAAriaLiveType;
+interface WCProps {
+    ref: React.RefObject<HTMLElement>;
+    type: GoANotificationType;
+    maxcontentwidth?: string;
+    arialive?: GoAAriaLiveType;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-notification": WCProps & React.HTMLAttributes<HTMLButtonElement>;
+        }
+    }
+}
+export interface GoANotificationProps {
+    type?: GoANotificationType;
+    ariaLive?: GoAAriaLiveType;
+    maxContentWidth?: string;
+    children?: React.ReactNode;
+    onDismiss?: () => void;
+    testId?: string;
+}
+export declare const GoANotification: ({ type, ariaLive, maxContentWidth, children, testId, onDismiss, }: GoANotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default GoANotification;

package/lib/one-column-layout/one-column-layout.d.ts

@@ -1,13 +1,14 @@
-import React, { ReactNode } from "react";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-one-column-layout": React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface PageProps {
-    children?: ReactNode;
-}
-export declare function GoAOneColumnLayout(props: PageProps): JSX.Element;
-export default GoAOneColumnLayout;
+import { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-one-column-layout": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAPageProps {
+    children?: ReactNode;
+}
+export type PageProps = GoAPageProps;
+export declare function GoAOneColumnLayout(props: GoAPageProps): JSX.Element;
+export default GoAOneColumnLayout;

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

@@ -1,17 +1,19 @@
-import React, { FC, ReactNode } from "react";
-export interface WCPageBlockProps {
-    width: "full" | string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-page-block": WCPageBlockProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface PageBlockProps {
-    width: "full" | string;
-    testId?: string;
-    children?: ReactNode;
-}
-export declare const GoAPageBlock: FC<PageBlockProps>;
+import { ReactNode } from "react";
+interface WCProps {
+    width: "full" | string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-page-block": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAPageBlockProps {
+    width: "full" | string;
+    testId?: string;
+    children?: ReactNode;
+}
+export type PageBlockProps = GoAPageBlockProps;
+export declare function GoAPageBlock(props: PageBlockProps): JSX.Element;
+export {};

package/lib/pages/pages.d.ts

@@ -1,18 +1,18 @@
-import React, { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-interface WCProps extends Margins {
-    current?: number;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-pages": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface PagesProps extends Margins {
-    current?: number;
-    children?: ReactNode;
-}
-export declare function GoAPages(props: PagesProps): JSX.Element;
-export default GoAPages;
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    current?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-pages": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAPagesProps extends Margins {
+    current?: number;
+    children?: ReactNode;
+}
+export declare function GoAPages(props: GoAPagesProps): JSX.Element;
+export default GoAPages;

package/lib/pagination/pagination.d.ts

@@ -1,26 +1,26 @@
-import React from "react";
-import { Margins } from "../../common/styling";
-interface WCProps extends Margins {
-    ref?: React.MutableRefObject<HTMLElement | undefined>;
-    itemcount: number;
-    perpagecount?: number;
-    pagenumber: number;
-    variant?: "all" | "links-only";
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-pagination": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface PaginationProps extends Margins {
-    itemCount: number;
-    perPageCount?: number;
-    pageNumber: number;
-    variant?: "all" | "links-only";
-    onChange: (page: number) => void;
-    testId?: string;
-}
-export declare function GoAPagination(props: PaginationProps): JSX.Element;
-export default GoAPagination;
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    ref?: React.MutableRefObject<HTMLElement | undefined>;
+    itemcount: number;
+    perpagecount?: number;
+    pagenumber: number;
+    variant?: "all" | "links-only";
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-pagination": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAPaginationProps extends Margins {
+    itemCount: number;
+    perPageCount?: number;
+    pageNumber: number;
+    variant?: "all" | "links-only";
+    onChange: (page: number) => void;
+    testId?: string;
+}
+export type PaginationProps = GoAPaginationProps;
+export declare function GoAPagination({ onChange, ...props }: GoAPaginationProps): import("react/jsx-runtime").JSX.Element;
+export default GoAPagination;

package/lib/popover/popover.d.ts

@@ -1,27 +1,27 @@
-import React, { FC, ReactNode } from "react";
-import { Margins } from "../../common/styling";
-declare type Position = "above" | "below" | "auto";
-interface WCProps extends Margins {
-    maxwidth?: string;
-    padded?: boolean;
-    position?: Position;
-    relative?: boolean;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-popover": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props extends Margins {
-    target?: ReactNode;
-    testId?: string;
-    maxWidth?: string;
-    padded?: boolean;
-    position?: Position;
-    children: ReactNode;
-    relative?: boolean;
-}
-export declare const GoAPopover: FC<Props>;
-export default GoAPopover;
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+export type GoAPosition = "above" | "below" | "auto";
+interface WCProps extends Margins {
+    maxwidth?: string;
+    padded?: boolean;
+    position?: GoAPosition;
+    relative?: boolean;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-popover": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAPopoverProps extends Margins {
+    target?: ReactNode;
+    testId?: string;
+    maxWidth?: string;
+    padded?: boolean;
+    position?: GoAPosition;
+    children: ReactNode;
+    relative?: boolean;
+}
+export declare function GoAPopover({ target, testId, maxWidth, padded, position, relative, children, mt, mr, mb, ml, }: GoAPopoverProps): JSX.Element;
+export default GoAPopover;