@abgov/react-components 5.0.0-alpha.7 → 5.0.0-alpha.8

package/lib/checkbox/checkbox.d.ts

@@ -23,7 +23,7 @@ interface WCProps extends Margins {
 export interface GoACheckboxProps extends Margins {
     id?: string;
     name: string;
-    checked: boolean;
+    checked?: boolean;
     disabled?: boolean;
     error?: boolean;
     text?: string;

package/lib/date-picker/date-picker.d.ts

@@ -26,7 +26,7 @@ export interface GoADatePickerProps extends Margins {
     testId?: string;
     relative?: boolean;
     disabled?: boolean;
-    onChange: (name: string, value: Date | undefined) => void;
+    onChange?: (name: string, value: Date | undefined) => void;
 }
 export declare function GoADatePicker({ name, value, error, min, max, testId, disabled, mt, mr, mb, ml, relative, onChange, }: GoADatePickerProps): JSX.Element;
 export default GoADatePicker;

package/lib/dropdown/dropdown.d.ts

@@ -29,7 +29,7 @@ declare global {
 export interface GoADropdownProps extends Margins {
     name?: string;
     value?: string[] | string;
-    onChange: (name: string, values: string[] | string) => void;
+    onChange?: (name: string, values: string[] | string) => void;
     ariaLabel?: string;
     ariaLabelledBy?: string;
     id?: string;

package/lib/fieldset/fieldset.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    ref?: React.MutableRefObject<HTMLElement | null>;
+    id: string;
+    heading?: string;
+    buttontext?: string;
+    last?: boolean | null;
+    first?: boolean | null;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-fieldset": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface GoAFieldsetProps extends Margins {
+    id: string;
+    first?: boolean;
+    last?: boolean;
+    heading?: string;
+    buttonText?: string;
+    errors?: Record<string, string>;
+    onContinue?: (el: HTMLElement, state: Record<string, string>) => boolean | void | undefined;
+    children: ReactNode;
+}
+export declare function GoAFieldset({ heading, buttonText, id, onContinue, children, mt, mr, mb, ml, first, last, }: GoAFieldsetProps): import("react/jsx-runtime").JSX.Element;
+export default GoAFieldset;

package/lib/input/input.d.ts

@@ -65,7 +65,7 @@ type OnFocus<T = string> = (name: string, value: T) => void;
 type OnBlur<T = string> = (name: string, value: T) => void;
 type OnKeyPress<T = string> = (name: string, value: T, key: string) => void;
 export interface GoAInputProps extends BaseProps {
-    onChange: OnChange<string>;
+    onChange?: OnChange<string>;
     value?: string;
     min?: number | string;
     max?: number | string;
@@ -75,7 +75,7 @@ export interface GoAInputProps extends BaseProps {
     onKeyPress?: OnKeyPress<string>;
 }
 interface GoANumberInputProps extends BaseProps {
-    onChange: OnChange<number>;
+    onChange?: OnChange<number>;
     value?: number;
     min?: number;
     max?: number;
@@ -85,7 +85,7 @@ interface GoANumberInputProps extends BaseProps {
     onKeyPress?: OnKeyPress<number>;
 }
 interface GoADateInputProps extends BaseProps {
-    onChange: OnChange<GoADate>;
+    onChange?: OnChange<GoADate>;
     value?: GoADate;
     min?: GoADate;
     max?: GoADate;

package/lib/link/link.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+import { GoAIconType } from "../icon/icon";
+interface WCProps extends Margins {
+    leadingicon?: GoAIconType;
+    trailingicon?: GoAIconType;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-link": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface GoALinkProps extends Margins {
+    leadingIcon?: GoAIconType;
+    trailingIcon?: GoAIconType;
+    children: ReactNode;
+}
+export declare function GoALink(props: GoALinkProps): import("react/jsx-runtime").JSX.Element;
+export default GoALink;

package/lib/link-button/link-button.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+import { GoAIconType } from "../icon/icon";
+export type GoALinkButtonType = "start" | "primary" | "secondary" | "tertiary";
+interface WCProps extends Margins {
+    type?: GoALinkButtonType;
+    leadingicon?: GoAIconType;
+    trailingicon?: GoAIconType;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-link-button": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface GoALinkButtonProps extends Margins {
+    type?: GoALinkButtonType;
+    leadingIcon?: GoAIconType;
+    trailingIcon?: GoAIconType;
+    children: ReactNode;
+}
+export declare function GoALinkButton({ type, ...props }: GoALinkButtonProps): import("react/jsx-runtime").JSX.Element;
+export default GoALinkButton;

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

@@ -27,7 +27,7 @@ export interface GoARadioGroupProps extends Margins {
     error?: boolean;
     ariaLabel?: string;
     children?: React.ReactNode;
-    onChange: (name: string, value: string) => void;
+    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/text/text.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+type MaxWidth = string | "none";
+interface WCProps extends Margins {
+    as?: TextElement | HeadingElement;
+    size?: Size;
+    maxwidth?: MaxWidth;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-text": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
+export type TextElement = "span" | "div" | "p";
+type HeadingSize = "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs";
+type BodySize = "body-l" | "body-m" | "body-s" | "body-xs";
+export type Size = HeadingSize | BodySize;
+interface GoATextProps extends Margins {
+    as?: TextElement | HeadingElement;
+    size?: Size;
+    maxWidth?: MaxWidth;
+    children: ReactNode;
+}
+export declare function GoAText(props: GoATextProps): JSX.Element;
+export default GoAText;

package/lib/textarea/textarea.d.ts

@@ -36,7 +36,7 @@ export interface GoATextAreaProps extends Margins {
     ariaLabel?: string;
     countBy?: CountBy;
     maxCount?: number;
-    onChange: (name: string, value: string) => void;
+    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, maxWidth, testId, error, ariaLabel, mt, mr, mb, ml, onChange, onKeyPress, }: GoATextAreaProps): JSX.Element;

package/package.json

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