@abgov/react-components 4.17.0-alpha.3 → 4.17.0-alpha.31

package/lib/popover/popover.d.ts

@@ -1,27 +1,29 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-export declare 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;
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+export type GoAPosition = "above" | "below" | "auto";
+interface WCProps extends Margins {
+    maxwidth?: string;
+    minwidth?: 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;
+    minWidth?: string;
+    padded?: boolean;
+    position?: GoAPosition;
+    children: ReactNode;
+    relative?: boolean;
+}
+export declare function GoAPopover({ target, testId, maxWidth, minWidth, padded, position, relative, children, mt, mr, mb, ml, }: GoAPopoverProps): JSX.Element;
+export default GoAPopover;

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

@@ -1,33 +1,32 @@
-/// <reference types="react" />
-import { Margins } from "../../common/styling";
-export * from "./radio";
-export declare type GoARadioGroupOrientation = "horizontal" | "vertical";
-interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
-    name: string;
-    value?: string;
-    orientation: GoARadioGroupOrientation;
-    disabled: boolean;
-    error: boolean;
-    arialabel?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-radio-group": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoARadioGroupProps extends Margins {
-    name: string;
-    value?: string;
-    disabled?: boolean;
-    orientation?: GoARadioGroupOrientation;
-    testId?: string;
-    error?: boolean;
-    ariaLabel?: string;
-    children?: React.ReactNode;
-    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;
+import { Margins } from "../../common/styling";
+export * from "./radio";
+export type GoARadioGroupOrientation = "horizontal" | "vertical";
+interface WCProps extends Margins {
+    ref: React.RefObject<HTMLElement>;
+    name: string;
+    value?: string;
+    orientation?: GoARadioGroupOrientation;
+    disabled?: boolean;
+    error?: boolean;
+    arialabel?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-radio-group": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoARadioGroupProps extends Margins {
+    name: string;
+    value?: string;
+    disabled?: boolean;
+    orientation?: GoARadioGroupOrientation;
+    testId?: string;
+    error?: boolean;
+    ariaLabel?: string;
+    children?: React.ReactNode;
+    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/radio-group/radio.d.ts

@@ -1,30 +1,29 @@
-/// <reference types="react" />
-interface RadioItemProps {
-    name?: string;
-    value: string;
-    description?: string;
-    label?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    error?: boolean;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-radio-item": RadioItemProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoARadioItemProps {
-    value: string;
-    label?: string;
-    name?: string;
-    description?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    error?: boolean;
-    children?: React.ReactNode;
-    testId?: string;
-}
-export declare function GoARadioItem({ name, label, value, description, disabled, checked, error, testId, children, }: GoARadioItemProps): JSX.Element;
-export default GoARadioItem;
+interface RadioItemProps {
+    name?: string;
+    value?: string;
+    description?: string | React.ReactNode;
+    label?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    error?: boolean;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-radio-item": RadioItemProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoARadioItemProps {
+    value?: string;
+    label?: string;
+    name?: string;
+    description?: string | React.ReactNode;
+    disabled?: boolean;
+    checked?: boolean;
+    error?: boolean;
+    children?: React.ReactNode;
+    testId?: string;
+}
+export declare function GoARadioItem({ name, label, value, description, disabled, checked, error, testId, children, }: GoARadioItemProps): JSX.Element;
+export default GoARadioItem;

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

@@ -1,14 +1,15 @@
-import { ReactNode } from "react";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-side-menu": React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoASideMenuProps {
-    children: ReactNode;
-}
-export declare type SideMenuProps = GoASideMenuProps;
-export declare function GoASideMenu(props: GoASideMenuProps): JSX.Element;
-export default GoASideMenu;
+import { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-side-menu": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoASideMenuProps {
+    testId?: string;
+    children: ReactNode;
+}
+export type SideMenuProps = GoASideMenuProps;
+export declare function GoASideMenu(props: GoASideMenuProps): JSX.Element;
+export default GoASideMenu;

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

@@ -1,17 +1,18 @@
-import { ReactNode } from "react";
-interface WCProps {
-    heading: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-side-menu-group": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoASideMenuGroupProps {
-    heading: string;
-    children?: ReactNode;
-}
-export declare function GoASideMenuGroup(props: GoASideMenuGroupProps): JSX.Element;
-export default GoASideMenuGroup;
+import { ReactNode } from "react";
+interface WCProps {
+    heading: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-side-menu-group": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoASideMenuGroupProps {
+    heading: string;
+    testId?: string;
+    children?: ReactNode;
+}
+export declare function GoASideMenuGroup(props: GoASideMenuGroupProps): JSX.Element;
+export default GoASideMenuGroup;

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

@@ -1,19 +1,20 @@
-import { ReactNode } from "react";
-import { GoAIconType } from "../icon/icon";
-interface WCProps {
-    icon?: GoAIconType;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-side-menu-heading": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoASideMenuHeadingProps {
-    meta?: ReactNode;
-    icon?: GoAIconType;
-    children?: ReactNode;
-}
-export declare function GoASideMenuHeading(props: GoASideMenuHeadingProps): JSX.Element;
-export default GoASideMenuHeading;
+import { ReactNode } from "react";
+import { GoAIconType } from "../icon/icon";
+interface WCProps {
+    icon?: GoAIconType;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-side-menu-heading": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoASideMenuHeadingProps {
+    meta?: ReactNode;
+    icon?: GoAIconType;
+    testId?: string;
+    children?: ReactNode;
+}
+export declare function GoASideMenuHeading(props: GoASideMenuHeadingProps): import("react/jsx-runtime").JSX.Element;
+export default GoASideMenuHeading;

package/lib/skeleton/skeleton.d.ts

@@ -1,28 +1,27 @@
-/// <reference types="react" />
-import { Margins } from "../../common/styling";
-export declare type GoASkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile" | "article";
-export declare type GoASkeletonSize = 1 | 2 | 3 | 4;
-export declare type SkeletonType = GoASkeletonType;
-interface WCProps extends Margins {
-    maxwidth?: string;
-    size?: GoASkeletonSize;
-    linecount?: number;
-    type: GoASkeletonType;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-skeleton": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoASkeletonProps extends Margins {
-    maxWidth?: string;
-    size?: GoASkeletonSize;
-    lineCount?: number;
-    type: GoASkeletonType;
-    testId?: string;
-}
-export declare type SkeletonProps = GoASkeletonProps;
-export declare const GoASkeleton: ({ maxWidth, size, lineCount, type, testId, mt, mr, mb, ml, }: GoASkeletonProps) => JSX.Element;
-export default GoASkeleton;
+import { Margins } from "../../common/styling";
+export type GoASkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile" | "article";
+export type GoASkeletonSize = 1 | 2 | 3 | 4;
+export type SkeletonType = GoASkeletonType;
+interface WCProps extends Margins {
+    maxwidth?: string;
+    size?: GoASkeletonSize;
+    linecount?: number;
+    type: GoASkeletonType;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-skeleton": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoASkeletonProps extends Margins {
+    maxWidth?: string;
+    size?: GoASkeletonSize;
+    lineCount?: number;
+    type: GoASkeletonType;
+    testId?: string;
+}
+export type SkeletonProps = GoASkeletonProps;
+export declare const GoASkeleton: ({ maxWidth, size, lineCount, type, testId, mt, mr, mb, ml, }: GoASkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default GoASkeleton;

package/lib/spacer/spacer.d.ts

@@ -1,21 +1,20 @@
-/// <reference types="react" />
-import { Spacing } from "../../common/styling";
-interface WCProps {
-    hspacing?: Spacing | "fill";
-    vspacing?: Spacing;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-spacer": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoASpacerProps {
-    hSpacing?: Spacing | "fill";
-    vSpacing?: Spacing;
-    testId?: string;
-}
-export declare type SpacerProps = GoASpacerProps;
-export declare function GoASpacer(props: GoASpacerProps): JSX.Element;
-export default GoASpacer;
+import { Spacing } from "../../common/styling";
+interface WCProps {
+    hspacing?: Spacing | "fill";
+    vspacing?: Spacing;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-spacer": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoASpacerProps {
+    hSpacing?: Spacing | "fill";
+    vSpacing?: Spacing;
+    testId?: string;
+}
+export type SpacerProps = GoASpacerProps;
+export declare function GoASpacer(props: GoASpacerProps): import("react/jsx-runtime").JSX.Element;
+export default GoASpacer;

package/lib/spinner/spinner.d.ts

@@ -1,26 +1,25 @@
-/// <reference types="react" />
-export declare type SpinnerType = "infinite" | "progress";
-export declare type SpinnerSize = "small" | "medium" | "large" | "xlarge";
-interface WCProps {
-    size: SpinnerSize;
-    type: SpinnerType;
-    invert?: boolean;
-    progress?: number;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-spinner": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoASpinnerProps {
-    type: SpinnerType;
-    size: SpinnerSize;
-    invert?: boolean;
-    progress?: number;
-    testId?: string;
-}
-export declare type SpinnerProps = GoASpinnerProps;
-export declare function GoASpinner({ type, size, progress, invert, testId, }: GoASpinnerProps): JSX.Element;
-export default GoASpinner;
+export type SpinnerType = "infinite" | "progress";
+export type SpinnerSize = "small" | "medium" | "large" | "xlarge";
+interface WCProps {
+    size: SpinnerSize;
+    type: SpinnerType;
+    invert?: boolean;
+    progress?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-spinner": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoASpinnerProps {
+    type: SpinnerType;
+    size: SpinnerSize;
+    invert?: boolean;
+    progress?: number;
+    testId?: string;
+}
+export type SpinnerProps = GoASpinnerProps;
+export declare function GoASpinner({ type, size, progress, invert, testId, }: GoASpinnerProps): JSX.Element;
+export default GoASpinner;

package/lib/tab/tab.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-interface WCProps {
-    heading?: React.ReactNode;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-tab": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoATabItemProps {
-    heading?: React.ReactNode;
-    children?: React.ReactNode;
-}
-export declare type TabItemProps = GoATabItemProps;
-export declare function GoATab({ heading, children }: GoATabItemProps): JSX.Element;
-export {};
+interface WCProps {
+    heading?: React.ReactNode;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-tab": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoATabItemProps {
+    heading?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export type TabItemProps = GoATabItemProps;
+export declare function GoATab({ heading, children }: GoATabItemProps): JSX.Element;
+export {};

package/lib/table/table-sort-header.d.ts

@@ -1,20 +1,19 @@
-/// <reference types="react" />
-export declare type Direction = "asc" | "desc" | "none";
-interface WCProps {
-    name?: string;
-    direction?: Direction;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-table-sort-header": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoATableSortProps {
-    name?: string;
-    direction?: Direction;
-    children?: React.ReactNode;
-}
-export declare function GoATableSortHeader({ name, direction, children, }: GoATableSortProps): JSX.Element;
-export default GoATableSortHeader;
+export type GoATableSortDirection = "asc" | "desc" | "none";
+interface WCProps {
+    name?: string;
+    direction?: GoATableSortDirection;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-table-sort-header": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoATableSortProps {
+    name?: string;
+    direction?: GoATableSortDirection;
+    children?: React.ReactNode;
+}
+export declare function GoATableSortHeader({ name, direction, children, }: GoATableSortProps): JSX.Element;
+export default GoATableSortHeader;

package/lib/table/table.d.ts

@@ -1,27 +1,27 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-export declare type GoATableVariant = "normal" | "relaxed";
-export declare type TableVariant = GoATableVariant;
-interface WCProps extends Margins {
-    ref?: React.MutableRefObject<HTMLElement | null>;
-    width?: string;
-    stickyheader?: boolean;
-    variant?: GoATableVariant;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-table": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoATableProps extends Margins {
-    width?: string;
-    onSort?: (sortBy: string, sortDir: number) => void;
-    variant?: GoATableVariant;
-    testId?: string;
-    children?: ReactNode;
-}
-export declare type TableProps = GoATableProps;
-export declare function GoATable(props: GoATableProps): JSX.Element;
-export default GoATable;
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+export type GoATableVariant = "normal" | "relaxed";
+export type TableVariant = GoATableVariant;
+interface WCProps extends Margins {
+    ref?: React.MutableRefObject<HTMLElement | null>;
+    width?: string;
+    stickyheader?: boolean;
+    variant?: GoATableVariant;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-table": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoATableProps extends Margins {
+    width?: string;
+    onSort?: (sortBy: string, sortDir: number) => void;
+    variant?: GoATableVariant;
+    testId?: string;
+    children?: ReactNode;
+}
+export type TableProps = GoATableProps;
+export declare function GoATable({ onSort, ...props }: GoATableProps): import("react/jsx-runtime").JSX.Element;
+export default GoATable;

package/lib/tabs/tabs.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-interface WCProps {
-    initialtab?: number;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-tabs": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoATabsProps {
-    initialTab?: number;
-    children?: React.ReactNode;
-}
-export declare function GoATabs({ initialTab, children }: GoATabsProps): JSX.Element;
-export default GoATabs;
+interface WCProps {
+    initialtab?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-tabs": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoATabsProps {
+    initialTab?: number;
+    children?: React.ReactNode;
+    testId?: string;
+}
+export declare function GoATabs({ initialTab, children, testId }: GoATabsProps): JSX.Element;
+export default GoATabs;