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

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

@@ -1,27 +1,28 @@
-import React from "react";
-export declare type CircularProgressVariant = "fullscreen" | "inline";
-export declare type CircularProgressSize = "small" | "large";
-interface WCProps {
-    variant?: CircularProgressVariant;
-    size?: CircularProgressSize;
-    message?: string;
-    visible?: string;
-    progress?: number;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-circular-progress": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface CircularProgressProps {
-    variant?: CircularProgressVariant;
-    size?: CircularProgressSize;
-    message?: string;
-    visible?: boolean;
-    progress?: number;
-    testId?: string;
-}
-export declare const GoACircularProgress: ({ visible, message, progress, variant, size, testId, }: CircularProgressProps) => JSX.Element;
-export default GoACircularProgress;
+export type GoACircularProgressVariant = "fullscreen" | "inline";
+export type GoACircularProgressSize = "small" | "large";
+export type CircularProgressVariant = GoACircularProgressVariant;
+export type CircularProgressSize = GoACircularProgressSize;
+interface WCProps {
+    variant?: GoACircularProgressVariant;
+    size?: GoACircularProgressSize;
+    message?: string;
+    visible?: string;
+    progress?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-circular-progress": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoACircularProgressProps {
+    variant?: GoACircularProgressVariant;
+    size?: GoACircularProgressSize;
+    message?: string;
+    visible?: boolean;
+    progress?: number;
+    testId?: string;
+}
+export declare const GoACircularProgress: ({ visible, message, progress, variant, size, testId, }: GoACircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default GoACircularProgress;

package/lib/container/container.d.ts

@@ -1,29 +1,29 @@
-import React, { FC, ReactNode } from "react";
-import { Margins } from "../../common/styling";
-declare type ContainerType = "interactive" | "non-interactive" | "info" | "error" | "success" | "important";
-declare type Accent = "thick" | "thin" | "filled";
-declare type ContainerPadding = "relaxed" | "compact";
-interface WCProps extends Margins {
-    type?: ContainerType;
-    accent?: Accent;
-    padding?: ContainerPadding;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-container": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props extends Margins {
-    accent?: Accent;
-    type?: ContainerType;
-    heading?: ReactNode;
-    title?: ReactNode;
-    padding?: ContainerPadding;
-    actions?: ReactNode;
-    children?: ReactNode;
-    testId?: string;
-}
-export declare const GoAContainer: FC<Props>;
-export default GoAContainer;
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+export type GoAContainerType = "interactive" | "non-interactive" | "info" | "error" | "success" | "important";
+export type GoAContainerAccent = "thick" | "thin" | "filled";
+export type GoAContainerPadding = "relaxed" | "compact";
+interface WCProps extends Margins {
+    type?: GoAContainerType;
+    accent?: GoAContainerAccent;
+    padding?: GoAContainerPadding;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-container": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAContainerProps extends Margins {
+    accent?: GoAContainerAccent;
+    type?: GoAContainerType;
+    heading?: ReactNode;
+    title?: ReactNode;
+    padding?: GoAContainerPadding;
+    actions?: ReactNode;
+    children?: ReactNode;
+    testId?: string;
+}
+export declare function GoAContainer({ accent, heading, title, padding, children, actions, type, mt, mr, mb, ml, testId, }: GoAContainerProps): JSX.Element;
+export default GoAContainer;

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

@@ -1,25 +1,24 @@
-import React, { FC } from "react";
-import { Margins } from "../../common/styling";
-interface Props extends Margins {
-    name?: string;
-    value?: Date;
-    min?: Date;
-    max?: Date;
-    onChange: (name: string, value: Date) => void;
-}
-interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
-    name?: string;
-    value?: string;
-    min?: string;
-    max?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-date-picker": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export declare const GoADatePicker: FC<Props>;
-export default GoADatePicker;
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    ref: React.RefObject<HTMLElement>;
+    name?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-date-picker": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoADatePickerProps extends Margins {
+    name?: string;
+    value?: Date;
+    min?: Date;
+    max?: Date;
+    onChange: (name: string, value: Date) => void;
+}
+export declare function GoADatePicker({ name, value, min, max, mt, mr, mb, ml, onChange, }: GoADatePickerProps): JSX.Element;
+export default GoADatePicker;

package/lib/details/details.d.ts

@@ -1,20 +1,21 @@
-import React, { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-interface WCProps extends Margins {
-    heading: string;
-    open?: boolean;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-details": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface DetailsProps extends Margins {
-    heading: string;
-    open?: boolean;
-    children: ReactNode;
-}
-export declare function GoADetails(props: DetailsProps): JSX.Element;
-export default GoADetails;
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    heading: string;
+    open?: boolean;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-details": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoADetailsProps extends Margins {
+    heading: string;
+    open?: boolean;
+    children: ReactNode;
+}
+export type DetailsProps = GoADetailsProps;
+export declare function GoADetails(props: GoADetailsProps): import("react/jsx-runtime").JSX.Element;
+export default GoADetails;

package/lib/divider/divider.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-import { Margins } from "../../common/styling";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-divider": Margins & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export declare function GoADivider(props: Margins & {
-    testId?: string;
-}): JSX.Element;
-export default GoADivider;
+import { Margins } from "../../common/styling";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-divider": Margins & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoADividerProps extends Margins {
+    testId?: string;
+}
+export declare function GoADivider(props: GoADividerProps): import("react/jsx-runtime").JSX.Element;
+export default GoADivider;

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

@@ -1,24 +1,23 @@
-import React from "react";
-interface WCProps {
-    value: string;
-    label?: string;
-    filter?: string;
-    name?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-dropdown-item": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props {
-    value: string;
-    label?: string;
-    filter?: string;
-    testId?: string;
-    name?: string;
-}
-export declare function GoADropdownOption(props: Props): JSX.Element;
-export declare function GoADropdownItem({ value, label, filter, name, testId }: Props): JSX.Element;
-export {};
+interface WCProps {
+    value: string;
+    label?: string;
+    filter?: string;
+    name?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-dropdown-item": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoADropdownItemProps {
+    value: string;
+    label?: string;
+    filter?: string;
+    testId?: string;
+    name?: string;
+}
+export declare function GoADropdownOption(props: GoADropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoADropdownItem({ value, label, filter, name, testId }: GoADropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/dropdown/dropdown.d.ts

@@ -1,50 +1,49 @@
-import React, { FC } from "react";
-import { Margins } from "../../common/styling";
-import { GoAIconType } from "../icon/icon";
-interface WCProps extends Margins {
-    ref: React.MutableRefObject<HTMLElement | null>;
-    arialabel?: string;
-    arialabelledby?: string;
-    disabled?: boolean;
-    error?: boolean;
-    filterable?: boolean;
-    leadingicon?: string;
-    maxheight?: string;
-    multiselect?: boolean;
-    name?: string;
-    native?: boolean;
-    placeholder?: string;
-    value?: string;
-    width?: string;
-    relative?: boolean;
-    id?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-dropdown": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props extends Margins {
-    name?: string;
-    value?: string[] | string;
-    onChange: (name: string, values: string[] | string) => void;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    id?: string;
-    children?: React.ReactNode;
-    disabled?: boolean;
-    error?: boolean;
-    filterable?: boolean;
-    leadingIcon?: GoAIconType;
-    maxHeight?: string;
-    multiselect?: boolean;
-    native?: boolean;
-    placeholder?: string;
-    testId?: string;
-    width?: string;
-    relative?: boolean;
-}
-export declare const GoADropdown: FC<Props>;
-export default GoADropdown;
+import { Margins } from "../../common/styling";
+import { GoAIconType } from "../icon/icon";
+interface WCProps extends Margins {
+    ref: React.MutableRefObject<HTMLElement | null>;
+    arialabel?: string;
+    arialabelledby?: string;
+    disabled?: boolean;
+    error?: boolean;
+    filterable?: boolean;
+    leadingicon?: string;
+    maxheight?: string;
+    multiselect?: boolean;
+    name?: string;
+    native?: boolean;
+    placeholder?: string;
+    value?: string;
+    width?: string;
+    relative?: boolean;
+    id?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-dropdown": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoADropdownProps extends Margins {
+    name?: string;
+    value?: string[] | string;
+    onChange: (name: string, values: string[] | string) => void;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    id?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    error?: boolean;
+    filterable?: boolean;
+    leadingIcon?: GoAIconType;
+    maxHeight?: string;
+    multiselect?: boolean;
+    native?: boolean;
+    placeholder?: string;
+    testId?: string;
+    width?: string;
+    relative?: boolean;
+}
+export declare function GoADropdown(props: GoADropdownProps): JSX.Element;
+export default GoADropdown;

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

@@ -1,27 +1,26 @@
-import React from "react";
-interface WCProps {
-    ref: React.MutableRefObject<HTMLElement | null>;
-    filename: string;
-    size: number;
-    type?: string;
-    progress?: number;
-    error?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-file-upload-card": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface FileUploadCardProps {
-    filename: string;
-    size: number;
-    type?: string;
-    progress?: number;
-    error?: string;
-    onDelete?: () => void;
-    onCancel?: () => void;
-}
-export declare function GoAFileUploadCard({ filename, size, type, progress, error, onDelete, onCancel, }: FileUploadCardProps): JSX.Element;
-export default GoAFileUploadCard;
+interface WCProps {
+    ref: React.MutableRefObject<HTMLElement | null>;
+    filename: string;
+    size: number;
+    type?: string;
+    progress?: number;
+    error?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-file-upload-card": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAFileUploadCardProps {
+    filename: string;
+    size: number;
+    type?: string;
+    progress?: number;
+    error?: string;
+    onDelete?: () => void;
+    onCancel?: () => void;
+}
+export declare function GoAFileUploadCard({ filename, size, type, progress, error, onDelete, onCancel, }: GoAFileUploadCardProps): import("react/jsx-runtime").JSX.Element;
+export default GoAFileUploadCard;

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

@@ -1,23 +1,22 @@
-import React from "react";
-declare type Variant = "dragdrop" | "button";
-interface WCProps {
-    ref: React.MutableRefObject<HTMLElement | null>;
-    variant?: Variant;
-    accept?: string;
-    maxfilesize?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-file-upload-input": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface FileUploadInputProps {
-    variant?: Variant;
-    accept?: string;
-    maxFileSize?: string;
-    onSelectFile: (file: File) => void;
-}
-export declare function GoAFileUploadInput({ variant, accept, maxFileSize, onSelectFile, }: FileUploadInputProps): JSX.Element;
-export default GoAFileUploadInput;
+export type GoAFileUploadInputVariant = "dragdrop" | "button";
+interface WCProps {
+    ref: React.MutableRefObject<HTMLElement | null>;
+    variant?: GoAFileUploadInputVariant;
+    accept?: string;
+    maxfilesize?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-file-upload-input": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAFileUploadInputProps {
+    variant?: GoAFileUploadInputVariant;
+    accept?: string;
+    maxFileSize?: string;
+    onSelectFile: (file: File) => void;
+}
+export declare function GoAFileUploadInput({ variant, accept, maxFileSize, onSelectFile, }: GoAFileUploadInputProps): import("react/jsx-runtime").JSX.Element;
+export default GoAFileUploadInput;

package/lib/footer/footer.d.ts

@@ -1,18 +1,19 @@
-import React, { ReactNode } from "react";
-interface WCProps {
-    maxcontentwidth?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-app-footer": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface FooterProps {
-    maxContentWidth?: string;
-    children?: ReactNode;
-    testId?: string;
-}
-export declare function GoAAppFooter({ maxContentWidth, children, testId, }: FooterProps): JSX.Element;
-export default GoAAppFooter;
+import { ReactNode } from "react";
+interface WCProps {
+    maxcontentwidth?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAAppFooterProps {
+    maxContentWidth?: string;
+    children?: ReactNode;
+    testId?: string;
+}
+export type FooterProps = GoAAppFooterProps;
+export declare function GoAAppFooter({ maxContentWidth, children, testId, }: GoAAppFooterProps): JSX.Element;
+export default GoAAppFooter;

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

@@ -1,13 +1,14 @@
-import React, { ReactNode } from "react";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-app-footer-meta-section": React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface FooterMetaSectionProps {
-    children?: ReactNode;
-}
-export declare function GoAAppFooterMetaSection({ children }: FooterMetaSectionProps): JSX.Element;
-export default GoAAppFooterMetaSection;
+import { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer-meta-section": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAAppFooterMetaSectionProps {
+    children?: ReactNode;
+}
+export type FooterMetaSectionProps = GoAAppFooterMetaSectionProps;
+export declare function GoAAppFooterMetaSection({ children }: GoAAppFooterMetaSectionProps): import("react/jsx-runtime").JSX.Element;
+export default GoAAppFooterMetaSection;

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

@@ -1,20 +1,20 @@
-import React, { ReactNode } from "react";
-interface WCProps {
-    maxcolumncount?: number;
-    heading?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-app-footer-nav-section": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface FooterNavSectionProps {
-    maxColumnCount?: number;
-    heading?: string;
-    testId?: string;
-    children?: ReactNode;
-}
-export declare function GoAAppFooterNavSection({ heading, maxColumnCount, testId, children, }: FooterNavSectionProps): JSX.Element;
-export default GoAAppFooterNavSection;
+import { ReactNode } from "react";
+interface WCProps {
+    maxcolumncount?: number;
+    heading?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer-nav-section": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAFooterNavSectionProps {
+    maxColumnCount?: number;
+    heading?: string;
+    testId?: string;
+    children?: ReactNode;
+}
+export declare function GoAAppFooterNavSection({ heading, maxColumnCount, testId, children, }: GoAFooterNavSectionProps): import("react/jsx-runtime").JSX.Element;
+export default GoAAppFooterNavSection;