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

package/lib/popover/popover.d.ts

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

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

@@ -1,11 +1,12 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 import { Margins } from "../../common/styling";
 export * from "./radio";
-interface RadioGroupProps extends Margins {
+export declare type GoARadioGroupOrientation = "horizontal" | "vertical";
+interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     name: string;
     value?: string;
-    orientation: string;
+    orientation: GoARadioGroupOrientation;
     disabled: boolean;
     error: boolean;
     arialabel?: string;
@@ -13,20 +14,20 @@ interface RadioGroupProps extends Margins {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-radio-group": RadioGroupProps & React.HTMLAttributes<HTMLElement>;
+            "goa-radio-group": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-interface Props extends Margins {
+export interface GoARadioGroupProps extends Margins {
     name: string;
     value?: string;
     disabled?: boolean;
-    orientation?: "horizontal" | "vertical";
+    orientation?: GoARadioGroupOrientation;
     testId?: string;
     error?: boolean;
     ariaLabel?: string;
     children?: React.ReactNode;
     onChange: (name: string, value: string) => void;
 }
-export declare const GoARadioGroup: FC<Props>;
+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,4 +1,4 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 interface RadioItemProps {
     name?: string;
     value: string;
@@ -15,7 +15,7 @@ declare global {
         }
     }
 }
-interface Props {
+export interface GoARadioItemProps {
     value: string;
     label?: string;
     name?: string;
@@ -26,5 +26,5 @@ interface Props {
     children?: React.ReactNode;
     testId?: string;
 }
-export declare const GoARadioItem: FC<Props>;
+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,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -6,8 +6,9 @@ declare global {
         }
     }
 }
-export interface SideMenuProps {
+export interface GoASideMenuProps {
     children: ReactNode;
 }
-export declare function GoASideMenu(props: SideMenuProps): JSX.Element;
+export declare 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,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 interface WCProps {
     heading: string;
 }
@@ -9,9 +9,9 @@ declare global {
         }
     }
 }
-interface SideMenuGroupProps {
+export interface GoASideMenuGroupProps {
     heading: string;
     children?: ReactNode;
 }
-export declare function GoASideMenuGroup(props: SideMenuGroupProps): JSX.Element;
+export declare function GoASideMenuGroup(props: GoASideMenuGroupProps): JSX.Element;
 export default GoASideMenuGroup;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import { GoAIconType } from "../icon/icon";
 interface WCProps {
     icon?: GoAIconType;
@@ -10,10 +10,10 @@ declare global {
         }
     }
 }
-interface SideMenuSectionTitleProps {
+export interface GoASideMenuHeadingProps {
     meta?: ReactNode;
     icon?: GoAIconType;
     children?: ReactNode;
 }
-export declare function GoASideMenuHeading(props: SideMenuSectionTitleProps): JSX.Element;
+export declare function GoASideMenuHeading(props: GoASideMenuHeadingProps): JSX.Element;
 export default GoASideMenuHeading;

package/lib/skeleton/skeleton.d.ts

@@ -1,12 +1,13 @@
-import React from "react";
+/// <reference types="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;
+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?: SkeletonSize;
+    size?: GoASkeletonSize;
     linecount?: number;
-    type: SkeletonType;
+    type: GoASkeletonType;
 }
 declare global {
     namespace JSX {
@@ -15,12 +16,13 @@ declare global {
         }
     }
 }
-export interface SkeletonProps extends Margins {
+export interface GoASkeletonProps extends Margins {
     maxWidth?: string;
-    size?: SkeletonSize;
+    size?: GoASkeletonSize;
     lineCount?: number;
-    type: SkeletonType;
+    type: GoASkeletonType;
     testId?: string;
 }
-export declare const GoASkeleton: ({ maxWidth, size, lineCount, type, testId, mt, mr, mb, ml, }: SkeletonProps) => JSX.Element;
+export declare type SkeletonProps = GoASkeletonProps;
+export declare const GoASkeleton: ({ maxWidth, size, lineCount, type, testId, mt, mr, mb, ml, }: GoASkeletonProps) => JSX.Element;
 export default GoASkeleton;

package/lib/spacer/spacer.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { Spacing } from "../../common/styling";
 interface WCProps {
     hspacing?: Spacing | "fill";
@@ -11,10 +11,11 @@ declare global {
         }
     }
 }
-export interface SpacerProps {
+export interface GoASpacerProps {
     hSpacing?: Spacing | "fill";
     vSpacing?: Spacing;
     testId?: string;
 }
-export declare function GoASpacer(props: SpacerProps): JSX.Element;
+export declare type SpacerProps = GoASpacerProps;
+export declare function GoASpacer(props: GoASpacerProps): JSX.Element;
 export default GoASpacer;

package/lib/spinner/spinner.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 export declare type SpinnerType = "infinite" | "progress";
 export declare type SpinnerSize = "small" | "medium" | "large" | "xlarge";
 interface WCProps {
@@ -14,12 +14,13 @@ declare global {
         }
     }
 }
-export interface SpinnerProps {
+export interface GoASpinnerProps {
     type: SpinnerType;
     size: SpinnerSize;
     invert?: boolean;
     progress?: number;
     testId?: string;
 }
-export declare const GoASpinner: ({ type, size, progress, invert, testId, }: SpinnerProps) => JSX.Element;
+export declare 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,4 +1,4 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 interface WCProps {
     heading?: React.ReactNode;
 }
@@ -9,9 +9,10 @@ declare global {
         }
     }
 }
-export interface TabItemProps {
+export interface GoATabItemProps {
     heading?: React.ReactNode;
     children?: React.ReactNode;
 }
-export declare const GoATab: FC<TabItemProps>;
+export declare type TabItemProps = GoATabItemProps;
+export declare function GoATab({ heading, children }: GoATabItemProps): JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 export declare type Direction = "asc" | "desc" | "none";
 interface WCProps {
     name?: string;
@@ -11,10 +11,10 @@ declare global {
         }
     }
 }
-interface Props {
+export interface GoATableSortProps {
     name?: string;
     direction?: Direction;
     children?: React.ReactNode;
 }
-export declare const GoATableSortHeader: FC<Props>;
+export declare function GoATableSortHeader({ name, direction, children, }: GoATableSortProps): JSX.Element;
 export default GoATableSortHeader;

package/lib/table/table.d.ts

@@ -1,11 +1,12 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import { Margins } from "../../common/styling";
-export declare type TableVariant = "normal" | "relaxed";
+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?: TableVariant;
+    variant?: GoATableVariant;
 }
 declare global {
     namespace JSX {
@@ -14,12 +15,13 @@ declare global {
         }
     }
 }
-export interface TableProps extends Margins {
+export interface GoATableProps extends Margins {
     width?: string;
     onSort?: (sortBy: string, sortDir: number) => void;
-    variant?: TableVariant;
+    variant?: GoATableVariant;
     testId?: string;
     children?: ReactNode;
 }
-export declare function GoATable(props: TableProps): JSX.Element;
+export declare type TableProps = GoATableProps;
+export declare function GoATable(props: GoATableProps): JSX.Element;
 export default GoATable;

package/lib/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 interface WCProps {
     initialtab?: number;
 }
@@ -9,9 +9,9 @@ declare global {
         }
     }
 }
-interface TabsProps {
+export interface GoATabsProps {
     initialTab?: number;
     children?: React.ReactNode;
 }
-export declare function GoATabs({ initialTab, children }: TabsProps): JSX.Element;
+export declare function GoATabs({ initialTab, children }: GoATabsProps): JSX.Element;
 export default GoATabs;

package/lib/textarea/textarea.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 import { Margins } from "../../common/styling";
 interface WCProps extends Margins {
     ref: React.Ref<HTMLTextAreaElement>;
@@ -20,7 +20,7 @@ declare global {
         }
     }
 }
-interface Props extends Margins {
+export interface GoATextAreaProps extends Margins {
     name: string;
     value: string;
     id?: string;
@@ -35,5 +35,5 @@ interface Props extends Margins {
     ariaLabel?: string;
     onChange: (name: string, value: string) => void;
 }
-export declare const GoATextArea: FC<Props>;
+export declare function GoATextArea({ name, value, placeholder, rows, disabled, showCounter, maxCharCount, width, testId, error, ariaLabel, mt, mr, mb, ml, onChange, }: GoATextAreaProps): JSX.Element;
 export default GoATextArea;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 interface WCProps {
     leftcolumnwidth?: string;
     maxcontentwidth?: string;
@@ -11,7 +11,7 @@ declare global {
         }
     }
 }
-interface Props {
+export interface GoAThreeColumnLayoutProps {
     leftColumnWidth?: string;
     rightColumnWidth?: string;
     maxContentWidth?: string;
@@ -22,5 +22,5 @@ interface Props {
     sideMenu?: ReactNode;
     children: ReactNode;
 }
-export declare function GoAThreeColumnLayout(props: Props): JSX.Element;
+export declare function GoAThreeColumnLayout(props: GoAThreeColumnLayoutProps): JSX.Element;
 export default GoAThreeColumnLayout;

package/lib/tooltip/tooltip.d.ts

@@ -1,9 +1,11 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import { Margins } from "../../common/styling";
+export declare type GoATooltipPosition = "top" | "bottom" | "left" | "right";
+export declare type GoATooltipHorizontalAlignment = "left" | "right" | "center";
 interface WCProps extends Margins {
-    position?: string;
+    position?: GoATooltipPosition;
     content?: string;
-    halign?: string;
+    halign?: GoATooltipHorizontalAlignment;
 }
 declare global {
     namespace JSX {
@@ -12,12 +14,12 @@ declare global {
         }
     }
 }
-interface TooltipProps extends Margins {
-    position?: string;
+export interface GoATooltipProps extends Margins {
+    position?: GoATooltipPosition;
     content?: string;
-    hAlign?: string;
+    hAlign?: GoATooltipHorizontalAlignment;
     testId?: string;
-    children: ReactNode;
+    children?: ReactNode;
 }
-export declare const GoATooltip: React.FC<TooltipProps>;
+export declare function GoATooltip(props: GoATooltipProps): JSX.Element;
 export default GoATooltip;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 interface WCProps {
     navcolumnwidth?: string;
     maxcontentwidth?: string;
@@ -10,7 +10,7 @@ declare global {
         }
     }
 }
-interface Props {
+export interface GoATwoColumnLayoutProps {
     navColumnWidth?: string;
     maxContentWidth?: string;
     header: ReactNode;
@@ -18,5 +18,5 @@ interface Props {
     nav: ReactNode;
     children: ReactNode;
 }
-export declare function GoATwoColumnLayout(props: Props): JSX.Element;
+export declare function GoATwoColumnLayout(props: GoATwoColumnLayoutProps): JSX.Element;
 export default GoATwoColumnLayout;

package/package.json

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