@abgov/react-components 6.3.0-alpha.3 → 6.3.0-alpha.5

package/lib/accordion/accordion.d.ts

@@ -1,9 +1,9 @@
 import { GoabAccordionHeadingSize, GoabAccordionIconPosition, Margins } from '@abgov/ui-components-common';
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
-    open?: boolean;
+    ref: React.RefObject<HTMLElement | null>;
+    open?: string;
     headingsize?: GoabAccordionHeadingSize;
     heading: string;
     secondarytext?: string;
@@ -12,7 +12,7 @@ interface WCProps extends Margins {
     testid?: string;
     iconposition?: GoabAccordionIconPosition;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-accordion": WCProps & React.HTMLAttributes<HTMLElement>;

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

@@ -1,14 +1,15 @@
-/// <reference types="react" />
+import { JSX } from 'react';
+
 interface WCProps {
     heading?: string;
     url?: string;
     maxcontentwidth?: string;
     fullmenubreakpoint?: number;
-    hasmenuclickhandler?: boolean;
-    ref: React.RefObject<HTMLElement>;
+    hasmenuclickhandler?: string;
+    ref: React.RefObject<HTMLElement | null>;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-app-header": WCProps & React.HTMLAttributes<HTMLElement>;

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

@@ -12,7 +12,7 @@ export interface GoabAppHeaderMenuProps {
     testId?: string;
     children?: ReactNode;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-app-header-menu": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/badge/badge.d.ts

@@ -1,13 +1,14 @@
+import { JSX } from 'react';
 import { GoabBadgeType, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
     type: GoabBadgeType;
-    icon?: boolean;
+    icon?: string;
     content?: string;
     arialabel?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-badge": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/block/block.d.ts

@@ -7,7 +7,7 @@ export interface WCProps extends Margins {
     alignment?: GoabBlockAlignment;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-block": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/button/button.d.ts

@@ -1,18 +1,18 @@
 import { GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType, Margins } from '@abgov/ui-components-common';
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 interface WCProps extends Margins {
     type?: GoabButtonType;
     size?: GoabButtonSize;
     variant?: GoabButtonVariant;
-    disabled?: boolean;
+    disabled?: string;
     leadingicon?: string;
     trailingicon?: string;
     width?: string;
     testid?: string;
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-button": WCProps & React.HTMLAttributes<HTMLElement>;

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

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { GoabButtonGroupAlignment, GoabButtonGroupGap, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
@@ -5,7 +6,7 @@ interface WCProps extends Margins {
     gap?: GoabButtonGroupGap;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-button-group": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/calendar/calendar.d.ts

@@ -1,14 +1,15 @@
 import { GoabCalendarOnChangeDetail, Margins } from '@abgov/ui-components-common';
+import { JSX } from 'react';
 
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     name?: string;
     value?: string;
     min?: string;
     max?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-calendar": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/callout/callout.d.ts

@@ -9,7 +9,7 @@ interface WCProps extends Margins {
     icontheme?: GoabCalloutIconTheme;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-callout": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/card/card-actions.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-declare global {
+import { JSX } from 'react';
+
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-card-actions": React.HTMLAttributes<HTMLElement>;

package/lib/card/card-content.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-declare global {
+import { JSX } from 'react';
+
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-card-content": React.HTMLAttributes<HTMLElement>;

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

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-declare global {
+import { JSX } from 'react';
+
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-card-group": React.HTMLAttributes<HTMLElement>;

package/lib/card/card-image.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import { JSX } from 'react';
+
 interface WCProps {
     src: string;
     height: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-card-image": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/card/card.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
@@ -6,7 +7,7 @@ interface WCProps extends Margins {
     children: React.ReactNode;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-card": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/checkbox/checkbox.d.ts

@@ -1,6 +1,7 @@
+import { JSX } from 'react';
 import { GoabCheckboxOnChangeDetail, Margins } from '@abgov/ui-components-common';
 
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-checkbox": WCProps & React.HTMLAttributes<HTMLElement>;
@@ -8,14 +9,14 @@ declare global {
     }
 }
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     id?: string;
     name: string;
-    checked: boolean;
-    disabled?: boolean;
-    error?: boolean;
+    checked?: string;
+    disabled?: string;
+    error?: string;
     text?: string;
-    value?: string | number | boolean;
+    value?: string | number;
     arialabel?: string;
     description?: string | React.ReactNode;
     maxwidth?: string;

package/lib/chip/chip.d.ts

@@ -1,16 +1,16 @@
 import { GoabChipTheme, GoabChipVariant, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
-    leadingicon: string;
-    icontheme: GoabChipTheme;
-    error: boolean;
-    deletable: boolean;
+    ref: React.RefObject<HTMLElement | null>;
+    leadingicon?: string;
+    icontheme?: GoabChipTheme;
+    error?: string;
+    deletable?: string;
     content: string;
     variant?: GoabChipVariant;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-chip": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/circular-progress/circular-progress.d.ts

@@ -8,7 +8,7 @@ interface WCProps {
     progress?: number;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-circular-progress": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/container/container.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 import { GoabContainerAccent, GoabContainerPadding, GoabContainerType, GoabContainerWidth, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
@@ -9,7 +9,7 @@ interface WCProps extends Margins {
     maxwidth?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-container": WCProps & React.HTMLAttributes<HTMLElement>;

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

@@ -1,17 +1,18 @@
 import { GoabDatePickerOnChangeDetail, Margins } from '@abgov/ui-components-common';
+import { JSX } from 'react';
 
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     name?: string;
     value?: string;
-    error?: boolean;
+    error?: string;
     min?: string;
     max?: string;
-    relative?: boolean;
-    disabled?: boolean;
+    relative?: string;
+    disabled?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-date-picker": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/details/details.d.ts

@@ -3,11 +3,11 @@ import { Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
     heading: string;
-    open?: boolean;
+    open?: string;
     maxwidth?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-details": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/divider/divider.d.ts

@@ -3,7 +3,7 @@ import { Margins } from '@abgov/ui-components-common';
 interface WCProps extends Margins {
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-divider": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/drawer/drawer.d.ts

@@ -1,15 +1,15 @@
 import { GoabDrawerPosition, GoabDrawerSize } from '@abgov/ui-components-common';
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 interface WCProps {
-    open: boolean | undefined;
     position: GoabDrawerPosition;
+    open?: boolean;
     heading?: string;
     maxsize?: GoabDrawerSize;
     testid?: string;
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-drawer": WCProps & React.HTMLAttributes<HTMLElement>;
@@ -17,8 +17,8 @@ declare global {
     }
 }
 export interface GoabDrawerProps {
-    open: boolean;
     position: GoabDrawerPosition;
+    open?: boolean;
     heading?: string | ReactNode;
     maxSize?: GoabDrawerSize;
     testId?: string;
@@ -26,5 +26,5 @@ export interface GoabDrawerProps {
     children: ReactNode;
     onClose: () => void;
 }
-export declare function GoabDrawer({ open, position, heading, maxSize, testId, actions, children, onClose, }: GoabDrawerProps): JSX.Element;
+export declare function GoabDrawer({ position, open, heading, maxSize, testId, actions, children, onClose, }: GoabDrawerProps): JSX.Element;
 export default GoabDrawer;

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

@@ -7,7 +7,7 @@ interface WCProps {
     mount?: GoabDropdownItemMountType;
     name?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-dropdown-item": WCProps & React.HTMLAttributes<HTMLElement>;
@@ -23,5 +23,5 @@ export interface GoabDropdownItemProps {
     name?: string;
 }
 export declare function GoabDropdownOption(props: GoabDropdownItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function GoabDropdownItem({ value, label, filter, name, mountType }: GoabDropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabDropdownItem({ value, label, filter, name, mountType, }: GoabDropdownItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/dropdown/dropdown.d.ts

@@ -1,25 +1,26 @@
+import { JSX } from 'react';
 import { GoabDropdownOnChangeDetail, GoabIconType, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
-    ref: React.MutableRefObject<HTMLElement | null>;
+    ref: React.RefObject<HTMLElement | null>;
     arialabel?: string;
     arialabelledby?: string;
-    disabled?: boolean;
-    error?: boolean;
-    filterable?: boolean;
+    disabled?: string;
+    error?: string;
+    filterable?: string;
     leadingicon?: string;
     maxheight?: string;
-    multiselect?: boolean;
+    multiselect?: string;
     name?: string;
-    native?: boolean;
+    native?: string;
     placeholder?: string;
     value?: string;
     width?: string;
-    relative?: boolean;
+    relative?: string;
     id?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-dropdown": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/fieldset/fieldset.d.ts

@@ -2,14 +2,14 @@ import { Margins, GoabFielsetOnContinueDetail } from '@abgov/ui-components-commo
 import { ReactNode } from 'react';
 
 interface WCProps extends Margins {
-    ref?: React.MutableRefObject<HTMLElement | null>;
+    ref?: React.RefObject<HTMLElement | null>;
     id: string;
     heading?: string;
     buttontext?: string;
-    last?: boolean | null;
-    first?: boolean | null;
+    last?: string;
+    first?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-public-form-page": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/file-upload-card/file-upload-card.d.ts

@@ -1,7 +1,7 @@
 import { GoabFileUploadOnCancelDetail, GoabFileUploadOnDeleteDetail } from '@abgov/ui-components-common';
 
 interface WCProps {
-    ref: React.MutableRefObject<HTMLElement | null>;
+    ref: React.RefObject<HTMLElement | null>;
     filename: string;
     size: number;
     type?: string;
@@ -9,7 +9,7 @@ interface WCProps {
     error?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-file-upload-card": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/file-upload-input/file-upload-input.d.ts

@@ -1,13 +1,13 @@
 import { GoabFileUploadInputOnSelectFileDetail, GoabFileUploadInputVariant } from '@abgov/ui-components-common';
 
 interface WCProps {
-    ref: React.MutableRefObject<HTMLElement | null>;
+    ref: React.RefObject<HTMLElement | null>;
     variant?: GoabFileUploadInputVariant;
     accept?: string;
     maxfilesize?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-file-upload-input": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/filter-chip/filter-chip.d.ts

@@ -1,13 +1,13 @@
 import { Margins, GoabFilterChipTheme } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     icontheme: GoabFilterChipTheme;
-    error: boolean;
+    error?: string;
     content: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-filter-chip": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/footer/footer.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 interface WCProps {
     maxcontentwidth?: string;
     testid?: string;
     url?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-app-footer": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/footer-meta-section/footer-meta-section.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 interface WCProps {
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-app-footer-meta-section": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/footer-nav-section/footer-nav-section.d.ts

@@ -5,7 +5,7 @@ interface WCProps {
     heading?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-app-footer-nav-section": WCProps & React.HTMLAttributes<HTMLElement>;

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

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { GoabFormItemLabelSize, GoabFormItemRequirement, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
@@ -10,7 +11,7 @@ interface WCProps extends Margins {
     id?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-form-item": WCProps & React.HTMLAttributes<HTMLElement>;

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

@@ -4,7 +4,7 @@ interface WCProps {
     text: string;
     status?: GoabFormStepStatus;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-form-step": WCProps & React.HTMLAttributes<HTMLElement>;

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

@@ -2,11 +2,11 @@ import { ReactNode } from 'react';
 import { GoabFormStepperOnChangeDetail, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
-    ref?: React.MutableRefObject<HTMLElement | null>;
+    ref?: React.RefObject<HTMLElement | null>;
     step?: number;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-form-stepper": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/grid/grid.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Margins, Spacing } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
@@ -5,7 +6,7 @@ interface WCProps extends Margins {
     minchildwidth: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-grid": WCProps & React.HTMLAttributes<HTMLElement>;

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

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { JSX } from 'react';
+
 export type GoabHeroBannerActionsType = {
     children?: React.ReactNode;
 };

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

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { JSX } from 'react';
+
 interface WCProps {
     heading: string;
     backgroundurl?: string;
@@ -8,7 +9,7 @@ interface WCProps {
     textcolor?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-hero-banner": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/icon/icon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { GoabIconFilledType, GoabIconSize, GoabIconTheme, GoabIconType, Margins } from '@abgov/ui-components-common';
 
 interface IonIconProps {
@@ -5,14 +6,14 @@ interface IonIconProps {
 }
 interface IonIconElement extends HTMLElement {
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "ion-icon": IonIconProps & React.HTMLAttributes<IonIconElement>;
         }
     }
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-icon": WCProps & React.HTMLAttributes<IonIconElement>;
@@ -23,7 +24,7 @@ export interface GoabIconProps extends Margins {
     type: GoabIconType;
     size?: GoabIconSize;
     theme?: GoabIconTheme;
-    inverted?: string;
+    inverted?: string | boolean;
     fillColor?: string;
     opacity?: number;
     title?: string;
@@ -41,5 +42,6 @@ interface WCProps extends Margins {
     arialabel?: string;
     testid?: string;
 }
-export declare function GoabIcon({ type, theme, size, inverted, fillColor, opacity, title, ariaLabel, mt, mr, mb, ml, testId, }: GoabIconProps): JSX.Element;
+export declare function GoabIcon({ type, theme, size, inverted, // TODO: change to boolean only
+fillColor, opacity, title, ariaLabel, mt, mr, mb, ml, testId, }: GoabIconProps): JSX.Element;
 export {};