@abgov/react-components 4.9.0 → 4.11.0

package/index.d.ts

@@ -1,9 +1,13 @@
 import "@abgov/web-components";
+export * from "./lib/side-menu-group/side-menu-group";
+export * from "./lib/side-menu/side-menu";
+export * from "./lib/app-header-menu/app-header-menu";
 export * from "./lib/pages/pages";
 export * from "./lib/file-upload-card/file-upload-card";
 export * from "./lib/file-upload-input/file-upload-input";
 export type { GoAIconType } from "./lib/icon/icon";
 export type { GoABadgeType } from "./lib/badge/badge";
+export type { GoAFormStepStatusType } from "./lib/form-step/form-step";
 export * from "./lib/accordion/accordion";
 export * from "./lib/form-step/form-step";
 export * from "./lib/form-stepper/form-stepper";
@@ -43,5 +47,7 @@ export * from "./lib/skeleton/skeleton";
 export * from "./lib/spacer/spacer";
 export * from "./lib/spinner/spinner";
 export * from "./lib/table/table";
+export * from "./lib/table/table-sort-header";
 export * from "./lib/textarea/textarea";
 export * from "./lib/two-column-layout/two-column-layout";
+export * from "./lib/three-column-layout/three-column-layout";

package/lib/app-header-menu/app-header-menu.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from "react";
+import { GoAIconType } from "../icon/icon";
+interface WCProps {
+    heading: string;
+    leadingicon?: GoAIconType;
+}
+export interface GoAAppHeaderMenuProps {
+    heading: string;
+    leadingIcon?: GoAIconType;
+    children?: ReactNode;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-header-menu": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export declare function GoAAppHeaderMenu(props: GoAAppHeaderMenuProps): JSX.Element;
+export default GoAAppHeaderMenu;

package/lib/badge/badge.d.ts

@@ -6,11 +6,13 @@ interface GoABadgeProps extends Margins {
     icon?: boolean;
     content?: string;
     testId?: string;
+    ariaLabel?: string;
 }
 interface WCProps extends Margins {
     type: GoABadgeType;
     icon?: boolean;
     content?: string;
+    arialabel?: string;
 }
 declare global {
     namespace JSX {

package/lib/callout/callout.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 import { Margins } from "../../common/styling";
 declare type CalloutType = "important" | "information" | "event" | "success" | "emergency";
+declare type CalloutSize = "medium" | "large";
 interface WCProps extends Margins {
     heading?: string;
     type?: CalloutType;
+    size?: CalloutSize;
 }
 declare global {
     namespace JSX {
@@ -15,8 +17,9 @@ declare global {
 export interface CalloutProps extends Margins {
     heading?: string;
     type?: CalloutType;
+    size?: CalloutSize;
     testId?: string;
     children?: React.ReactNode;
 }
-export declare const GoACallout: ({ heading, type, testId, children, mt, mr, mb, ml, }: CalloutProps) => JSX.Element;
+export declare const GoACallout: ({ heading, type, size, testId, children, mt, mr, mb, ml, }: CalloutProps) => JSX.Element;
 export default GoACallout;

package/lib/details/details.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode } from "react";
 import { Margins } from "../../common/styling";
 interface WCProps extends Margins {
     heading: string;
+    open?: boolean;
 }
 declare global {
     namespace JSX {
@@ -12,6 +13,7 @@ declare global {
 }
 export interface DetailsProps extends Margins {
     heading: string;
+    open?: boolean;
     children: ReactNode;
 }
 export declare function GoADetails(props: DetailsProps): JSX.Element;

package/lib/form-step/form-step.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-declare type Status = "complete" | "incomplete";
+export declare type GoAFormStepStatusType = "complete" | "incomplete";
 interface WCProps {
     text: string;
-    status?: Status;
+    status?: GoAFormStepStatusType;
 }
 declare global {
     namespace JSX {
@@ -13,7 +13,7 @@ declare global {
 }
 export interface FormStepProps {
     text: string;
-    status?: Status;
+    status?: GoAFormStepStatusType;
 }
 export declare function GoAFormStep(props: FormStepProps): JSX.Element;
 export default GoAFormStep;

package/lib/form-stepper/form-stepper.d.ts

@@ -13,7 +13,7 @@ declare global {
 }
 export interface FormStepperProps extends Margins {
     step?: number;
-    testId: string;
+    testId?: string;
     children?: ReactNode;
     onChange?: (step: number) => void;
 }

package/lib/hero-banner/hero-banner.d.ts

@@ -3,6 +3,7 @@ interface WCProps {
     heading: string;
     backgroundurl: string;
     minheight?: string;
+    maxcontentwidth?: string;
 }
 declare global {
     namespace JSX {
@@ -17,6 +18,7 @@ interface Props {
     minHeight?: string;
     testId?: string;
     children?: React.ReactNode;
+    maxContentWidth?: string;
 }
 export declare const GoAHeroBanner: FC<Props>;
 export default GoAHeroBanner;

package/lib/input/input.d.ts

@@ -28,6 +28,7 @@ interface WCProps extends Margins {
     min?: string | number;
     max?: string | number;
     step?: number;
+    maxlength?: number;
 }
 declare global {
     namespace JSX {
@@ -57,6 +58,7 @@ interface BaseProps extends Margins {
     ariaLabel?: string;
     leadingContent?: React.ReactNode;
     trailingContent?: React.ReactNode;
+    maxLength?: number;
 }
 declare type OnChange = (name: string, value: string) => void;
 export interface InputProps extends BaseProps {

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

@@ -11,12 +11,14 @@ interface WebComponentProps {
     type: ServiceLevel;
     version?: string;
     feedbackurl?: string;
+    maxcontentwidth?: string;
 }
 export interface HeaderProps {
     type: ServiceLevel;
     version?: string;
     feedbackUrl?: string;
     testId?: string;
+    maxContentWidth?: string;
 }
 export declare const GoAMicrositeHeader: FC<HeaderProps>;
 export default GoAMicrositeHeader;

package/lib/notification/notification.d.ts

@@ -1,8 +1,11 @@
 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 {
@@ -13,9 +16,11 @@ declare global {
 }
 interface Props {
     type?: NotificationType;
+    ariaLive?: AriaLiveType;
+    maxContentWidth?: string;
     children?: React.ReactNode;
     onDismiss?: () => void;
     testId?: string;
 }
-export declare const GoANotification: ({ type, children, testId, onDismiss, }: Props) => JSX.Element;
+export declare const GoANotification: ({ type, ariaLive, maxContentWidth, children, testId, onDismiss, }: Props) => JSX.Element;
 export default GoANotification;

package/lib/popover/popover.d.ts

@@ -1,7 +1,10 @@
 import React, { FC, ReactNode } from "react";
-interface WCProps {
+import { Margins } from "../../common/styling";
+declare type Position = "above" | "below" | "auto";
+interface WCProps extends Margins {
     maxwidth?: string;
     padded?: boolean;
+    position?: Position;
 }
 declare global {
     namespace JSX {
@@ -10,11 +13,12 @@ declare global {
         }
     }
 }
-interface Props {
+interface Props extends Margins {
     target?: ReactNode;
     testId?: string;
     maxWidth?: string;
     padded?: boolean;
+    position?: Position;
 }
 export declare const GoAPopover: FC<Props>;
 export default GoAPopover;

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

@@ -0,0 +1,13 @@
+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;

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

@@ -0,0 +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;

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

@@ -0,0 +1,20 @@
+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;

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

@@ -0,0 +1,26 @@
+import React, { ReactNode } from "react";
+interface WCProps {
+    leftcolumnwidth?: string;
+    maxcontentwidth?: string;
+    rightcolumnwidth?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-three-column-layout": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface Props {
+    leftColumnWidth?: string;
+    rightColumnWidth?: string;
+    maxContentWidth?: string;
+    header?: ReactNode;
+    footer?: ReactNode;
+    nav?: ReactNode;
+    sidebar?: ReactNode;
+    sideMenu?: ReactNode;
+    children: ReactNode;
+}
+export declare function GoAThreeColumnLayout(props: Props): JSX.Element;
+export default GoAThreeColumnLayout;

package/package.json

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