@abgov/react-components 4.2.0 → 4.3.0

package/index.d.ts

@@ -13,24 +13,26 @@ export * from "./lib/circular-progress/circular-progress";
 export * from "./lib/container/container";
 export * from "./lib/divider/divider";
 export * from "./lib/dropdown/dropdown";
-export * from "./lib/grid/grid";
+export * from "./lib/dropdown/dropdown-item";
 export * from "./lib/footer-meta-section/footer-meta-section";
 export * from "./lib/footer-nav-section/footer-nav-section";
 export * from "./lib/footer/footer";
 export * from "./lib/form";
+export * from "./lib/grid/grid";
 export * from "./lib/hero-banner/hero-banner";
 export * from "./lib/hero-banner/hero-banner-actions";
-export * from "./lib/icon/icon";
 export * from "./lib/icon-button/icon-button";
+export * from "./lib/icon/icon";
 export * from "./lib/input/input";
 export * from "./lib/microsite-header/microsite-header";
 export * from "./lib/modal/modal";
 export * from "./lib/notification/notification";
-export * from "./lib/page-block/page-block";
 export * from "./lib/one-column-layout/one-column-layout";
+export * from "./lib/page-block/page-block";
 export * from "./lib/radio-group/radio-group";
 export * from "./lib/skeleton/skeleton";
 export * from "./lib/spacer/spacer";
 export * from "./lib/spinner/spinner";
+export * from "./lib/table/table";
 export * from "./lib/textarea/textarea";
 export * from "./lib/two-column-layout/two-column-layout";

package/lib/checkbox/checkbox.d.ts

@@ -16,6 +16,7 @@ interface CheckboxProps extends Margins {
     error?: boolean;
     text?: string;
     value?: string | number | boolean;
+    arialabel?: string;
 }
 export interface Props extends Margins {
     id?: string;
@@ -27,6 +28,7 @@ export interface Props extends Margins {
     value?: string | number | boolean;
     children?: React.ReactNode;
     testId?: string;
+    ariaLabel?: string;
     onChange?: (name: string, checked: boolean, value: string) => void;
 }
 export declare const GoACheckbox: FC<Props>;

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

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

package/lib/dropdown/dropdown.d.ts

@@ -1,20 +1,21 @@
 import React, { FC } from "react";
 import { Margins } from "../../common/styling";
 import { GoAIconType } from "../icon/icon";
-export * from "./dropdown-option";
 interface WCProps extends Margins {
     ref: React.MutableRefObject<HTMLElement | null>;
-    name: string;
-    value: string;
-    leadingicon?: string;
-    maxheight?: string;
-    placeholder?: string;
-    filterable?: boolean;
+    arialabel?: string;
     disabled?: boolean;
     error?: boolean;
+    filterable?: boolean;
+    leadingicon?: string;
+    maxheight?: string;
     multiselect?: boolean;
-    width?: string;
+    name?: string;
+    native?: boolean;
+    placeholder?: string;
     testid?: string;
+    value?: string;
+    width?: string;
 }
 declare global {
     namespace JSX {
@@ -24,19 +25,21 @@ declare global {
     }
 }
 interface Props extends Margins {
-    name: string;
-    value: string[] | string;
+    name?: string;
+    value?: string[] | string;
     onChange: (name: string, values: string[] | string) => void;
+    ariaLabel?: string;
+    children?: React.ReactNode;
     disabled?: boolean;
+    error?: boolean;
     filterable?: boolean;
     leadingIcon?: GoAIconType;
     maxHeight?: string;
-    error?: boolean;
     multiselect?: boolean;
+    native?: boolean;
     placeholder?: string;
     testId?: string;
     width?: string;
-    children?: React.ReactNode;
 }
 export declare const GoADropdown: FC<Props>;
 export default GoADropdown;

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

@@ -2,6 +2,7 @@ import React, { FC } from "react";
 interface WCProps {
     heading: string;
     backgroundurl: string;
+    minheight?: string;
 }
 declare global {
     namespace JSX {
@@ -13,6 +14,7 @@ declare global {
 interface Props {
     heading: string;
     backgroundUrl: string;
+    minHeight?: string;
     children?: React.ReactNode;
 }
 export declare const GoAHeroBanner: FC<Props>;

package/lib/input/input.d.ts

@@ -24,6 +24,7 @@ interface WCProps extends Margins {
     prefix?: string;
     suffix?: string;
     testid?: string;
+    arialabel?: string;
     min?: string | number;
     max?: string | number;
     step?: number;
@@ -52,6 +53,9 @@ interface BaseProps extends Margins {
     prefix?: string;
     suffix?: string;
     testId?: string;
+    ariaLabel?: string;
+    leadingContent?: React.ReactNode;
+    trailingContent?: React.ReactNode;
 }
 declare type OnChange = (name: string, value: string) => void;
 export interface InputProps extends BaseProps {

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

@@ -8,6 +8,7 @@ interface RadioGroupProps extends Margins {
     orientation: string;
     disabled: boolean;
     error: boolean;
+    arialabel?: string;
 }
 declare global {
     namespace JSX {
@@ -23,6 +24,7 @@ interface Props extends Margins {
     orientation?: "horizontal" | "vertical";
     testId?: string;
     error?: boolean;
+    ariaLabel?: string;
     children?: React.ReactNode;
     onChange: (name: string, value: string) => void;
 }

package/lib/table/table.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    width?: string;
+    stickyheader?: boolean;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-table": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface TableProps extends Margins {
+    width?: string;
+    children?: ReactNode;
+}
+export declare function GoATable(props: TableProps): JSX.Element;
+export default GoATable;

package/lib/textarea/textarea.d.ts

@@ -11,6 +11,7 @@ interface WCProps extends Margins {
     showcounter?: boolean;
     maxcharcount?: number;
     width?: string;
+    arialabel?: string;
 }
 declare global {
     namespace JSX {
@@ -31,6 +32,7 @@ interface Props extends Margins {
     maxCharCount?: number;
     width?: string;
     testId?: string;
+    ariaLabel?: string;
     onChange: (name: string, value: string) => void;
 }
 export declare const GoATextArea: FC<Props>;

package/package.json

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