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

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

@@ -1,32 +1,32 @@
-import React, { FC } from "react";
-import { Margins } from "../../common/styling";
-export * from "./radio";
-interface RadioGroupProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
-    name: string;
-    value?: string;
-    orientation: string;
-    disabled: boolean;
-    error: boolean;
-    arialabel?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-radio-group": RadioGroupProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props extends Margins {
-    name: string;
-    value?: string;
-    disabled?: boolean;
-    orientation?: "horizontal" | "vertical";
-    testId?: string;
-    error?: boolean;
-    ariaLabel?: string;
-    children?: React.ReactNode;
-    onChange: (name: string, value: string) => void;
-}
-export declare const GoARadioGroup: FC<Props>;
-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 @@
-import React, { FC } from "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>;
-        }
-    }
-}
-interface Props {
-    value: string;
-    label?: string;
-    name?: string;
-    description?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    error?: boolean;
-    children?: React.ReactNode;
-    testId?: string;
-}
-export declare const GoARadioItem: FC<Props>;
-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,13 +1,14 @@
-import React, { ReactNode } from "react";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-side-menu": React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface SideMenuProps {
-    children: ReactNode;
-}
-export declare function GoASideMenu(props: SideMenuProps): JSX.Element;
-export default GoASideMenu;
+import { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-side-menu": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoASideMenuProps {
+    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,17 @@
-import React, { ReactNode } from "react";
-interface WCProps {
-    heading: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-side-menu-group": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface SideMenuGroupProps {
-    heading: string;
-    children?: ReactNode;
-}
-export declare function GoASideMenuGroup(props: SideMenuGroupProps): 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;
+    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,19 @@
-import React, { 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>;
-        }
-    }
-}
-interface SideMenuSectionTitleProps {
-    meta?: ReactNode;
-    icon?: GoAIconType;
-    children?: ReactNode;
-}
-export declare function GoASideMenuHeading(props: SideMenuSectionTitleProps): 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;
+    children?: ReactNode;
+}
+export declare function GoASideMenuHeading(props: GoASideMenuHeadingProps): import("react/jsx-runtime").JSX.Element;
+export default GoASideMenuHeading;

package/lib/skeleton/skeleton.d.ts

@@ -1,26 +1,27 @@
-import React from "react";
-import { Margins } from "../../common/styling";
-export declare type SkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile" | "article";
-declare type SkeletonSize = 1 | 2 | 3 | 4;
-interface WCProps extends Margins {
-    maxwidth?: string;
-    size?: SkeletonSize;
-    linecount?: number;
-    type: SkeletonType;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-skeleton": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface SkeletonProps extends Margins {
-    maxWidth?: string;
-    size?: SkeletonSize;
-    lineCount?: number;
-    type: SkeletonType;
-    testId?: string;
-}
-export declare const GoASkeleton: ({ maxWidth, size, lineCount, type, testId, mt, mr, mb, ml, }: SkeletonProps) => 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,20 +1,20 @@
-import React from "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 SpacerProps {
-    hSpacing?: Spacing | "fill";
-    vSpacing?: Spacing;
-    testId?: string;
-}
-export declare function GoASpacer(props: SpacerProps): 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,25 +1,25 @@
-import React from "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 SpinnerProps {
-    type: SpinnerType;
-    size: SpinnerSize;
-    invert?: boolean;
-    progress?: number;
-    testId?: string;
-}
-export declare const GoASpinner: ({ type, size, progress, invert, testId, }: SpinnerProps) => 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,17 +1,17 @@
-import React, { FC } from "react";
-interface WCProps {
-    heading?: React.ReactNode;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-tab": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface TabItemProps {
-    heading?: React.ReactNode;
-    children?: React.ReactNode;
-}
-export declare const GoATab: FC<TabItemProps>;
-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 @@
-import React, { FC } from "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>;
-        }
-    }
-}
-interface Props {
-    name?: string;
-    direction?: Direction;
-    children?: React.ReactNode;
-}
-export declare const GoATableSortHeader: FC<Props>;
-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,25 +1,27 @@
-import React, { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-export declare type TableVariant = "normal" | "relaxed";
-interface WCProps extends Margins {
-    ref?: React.MutableRefObject<HTMLElement | null>;
-    width?: string;
-    stickyheader?: boolean;
-    variant?: TableVariant;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-table": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface TableProps extends Margins {
-    width?: string;
-    onSort?: (sortBy: string, sortDir: number) => void;
-    variant?: TableVariant;
-    testId?: string;
-    children?: ReactNode;
-}
-export declare function GoATable(props: TableProps): 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,16 @@
-import React from "react";
-interface WCProps {
-    initialtab?: number;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-tabs": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface TabsProps {
-    initialTab?: number;
-    children?: React.ReactNode;
-}
-export declare function GoATabs({ initialTab, children }: TabsProps): 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;
+}
+export declare function GoATabs({ initialTab, children }: GoATabsProps): JSX.Element;
+export default GoATabs;

package/lib/textarea/textarea.d.ts

@@ -1,39 +1,41 @@
-import React, { FC } from "react";
-import { Margins } from "../../common/styling";
-interface WCProps extends Margins {
-    ref: React.Ref<HTMLTextAreaElement>;
-    name: string;
-    value: string;
-    placeholder?: string;
-    rows?: number;
-    error?: boolean;
-    disabled?: boolean;
-    showcounter?: boolean;
-    maxcharcount?: number;
-    width?: string;
-    arialabel?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-textarea": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props extends Margins {
-    name: string;
-    value: string;
-    id?: string;
-    placeholder?: string;
-    rows?: number;
-    error?: boolean;
-    disabled?: boolean;
-    showCounter?: boolean;
-    maxCharCount?: number;
-    width?: string;
-    testId?: string;
-    ariaLabel?: string;
-    onChange: (name: string, value: string) => void;
-}
-export declare const GoATextArea: FC<Props>;
-export default GoATextArea;
+import { Margins } from "../../common/styling";
+type CountBy = "character" | "word";
+interface WCProps extends Margins {
+    ref: React.Ref<HTMLTextAreaElement>;
+    name: string;
+    value?: string;
+    placeholder?: string;
+    rows?: number;
+    error?: boolean;
+    disabled?: boolean;
+    width?: string;
+    arialabel?: string;
+    countby?: CountBy;
+    maxcount?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-textarea": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoATextAreaProps extends Margins {
+    name: string;
+    value?: string;
+    id?: string;
+    placeholder?: string;
+    rows?: number;
+    error?: boolean;
+    disabled?: boolean;
+    width?: string;
+    testId?: string;
+    ariaLabel?: string;
+    countBy?: CountBy;
+    maxCount?: number;
+    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, testId, error, ariaLabel, mt, mr, mb, ml, onChange, onKeyPress, }: GoATextAreaProps): JSX.Element;
+export { GoATextarea as GoATextArea };
+export default GoATextarea;