@abgov/react-components 6.10.0 → 6.11.0-dev.2

package/experimental/badge/badge.d.ts

@@ -0,0 +1,33 @@
+import { DataAttributes, GoabBadgeEmphasis, GoabBadgeSize, GoabBadgeType, GoabxBadgeType, GoabIconType, Margins } from '@abgov/ui-components-common';
+import { JSX } from 'react';
+interface WCProps extends Margins {
+    type: GoabBadgeType;
+    icon?: string;
+    content?: string;
+    arialabel?: string;
+    testid?: string;
+    icontype?: GoabIconType;
+    size?: GoabBadgeSize;
+    emphasis?: GoabBadgeEmphasis;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-badge": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabxBadgeProps extends Margins, DataAttributes {
+    type: GoabxBadgeType;
+    icon?: boolean;
+    content?: string;
+    testId?: string;
+    ariaLabel?: string;
+    iconType?: GoabIconType;
+    size?: GoabBadgeSize;
+    emphasis?: GoabBadgeEmphasis;
+    version?: string;
+}
+export declare function GoabxBadge({ icon, iconType, size, emphasis, version, ...rest }: GoabxBadgeProps): JSX.Element;
+export {};

package/experimental/button/button.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode, JSX } from 'react';
+import { GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    type?: GoabButtonType;
+    size?: GoabButtonSize;
+    variant?: GoabButtonVariant;
+    disabled?: string;
+    leadingicon?: string;
+    trailingicon?: string;
+    width?: string;
+    testid?: string;
+    action?: string;
+    actionArgs?: string;
+    actionArg?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-button": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
+export interface GoabxButtonProps extends Margins, DataAttributes {
+    type?: GoabButtonType;
+    size?: GoabButtonSize;
+    variant?: GoabButtonVariant;
+    disabled?: boolean;
+    leadingIcon?: GoabIconType;
+    trailingIcon?: GoabIconType;
+    width?: string;
+    onClick?: () => void;
+    testId?: string;
+    action?: string;
+    actionArgs?: Record<string, unknown>;
+    actionArg?: string;
+    version?: string;
+    children?: ReactNode;
+}
+export declare function GoabxButton({ disabled, onClick, actionArgs, actionArg, children, version, ...rest }: GoabxButtonProps): JSX.Element;
+export default GoabxButton;

package/experimental/calendar/calendar.d.ts

@@ -0,0 +1,30 @@
+import { JSX } from 'react';
+import { DataAttributes, GoabCalendarOnChangeDetail, Margins } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    name?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-calendar": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
+export interface GoabxCalendarProps extends Margins, DataAttributes {
+    name?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+    testId?: string;
+    version?: string;
+    onChange: (details: GoabCalendarOnChangeDetail) => void;
+}
+export declare function GoabxCalendar({ min, max, onChange, name, version, ...rest }: GoabxCalendarProps): JSX.Element;
+export default GoabxCalendar;

package/experimental/callout/callout.d.ts

@@ -0,0 +1,33 @@
+import { GoabCalloutAriaLive, GoabCalloutEmphasis, GoabCalloutSize, GoabCalloutType, GoabCalloutIconTheme, Margins, DataAttributes } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    heading?: string;
+    type?: GoabCalloutType;
+    size?: GoabCalloutSize;
+    arialive?: GoabCalloutAriaLive;
+    maxwidth?: string;
+    icontheme?: GoabCalloutIconTheme;
+    emphasis?: GoabCalloutEmphasis;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-callout": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabxCalloutProps extends Margins, DataAttributes {
+    heading?: string;
+    type?: GoabCalloutType;
+    size?: GoabCalloutSize;
+    iconTheme?: GoabCalloutIconTheme;
+    emphasis?: GoabCalloutEmphasis;
+    maxWidth?: string;
+    testId?: string;
+    ariaLive?: GoabCalloutAriaLive;
+    version?: string;
+    children?: React.ReactNode;
+}
+export declare const GoabxCallout: ({ type, iconTheme, size, ariaLive, emphasis, children, version, ...rest }: GoabxCalloutProps) => import("react/jsx-runtime").JSX.Element;
+export default GoabxCallout;

package/experimental/checkbox/checkbox.d.ts

@@ -0,0 +1,52 @@
+import { DataAttributes, GoabCheckboxOnChangeDetail, GoabCheckboxSize, Margins } from '@abgov/ui-components-common';
+import { JSX } from 'react';
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-checkbox": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
+interface WCProps extends Margins {
+    id?: string;
+    name: string;
+    checked?: string;
+    indeterminate?: string;
+    disabled?: string;
+    error?: string;
+    text?: string;
+    value?: string | number;
+    arialabel?: string;
+    description?: string | React.ReactNode;
+    reveal?: React.ReactNode;
+    revealarialabel?: string;
+    maxwidth?: string;
+    testid?: string;
+    size?: GoabCheckboxSize;
+    version?: string;
+}
+export interface GoabxCheckboxProps extends Margins, DataAttributes {
+    id?: string;
+    name: string;
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    text?: string;
+    value?: string | number | boolean;
+    children?: React.ReactNode;
+    testId?: string;
+    ariaLabel?: string;
+    description?: string | React.ReactNode;
+    reveal?: React.ReactNode;
+    revealAriaLabel?: string;
+    maxWidth?: string;
+    size?: GoabCheckboxSize;
+    version?: string;
+    onChange?: (detail: GoabCheckboxOnChangeDetail) => void;
+}
+export type Props = GoabxCheckboxProps;
+export declare function GoabxCheckbox({ error, checked, indeterminate, disabled, value, description, reveal, onChange, name, children, size, version, ...rest }: GoabxCheckboxProps): JSX.Element;
+export default GoabxCheckbox;

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

@@ -0,0 +1,43 @@
+import { JSX } from 'react';
+import { GoabDatePickerInputType, GoabDatePickerOnChangeDetail, Margins, DataAttributes } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    name?: string;
+    value?: string;
+    error?: string;
+    min?: string;
+    max?: string;
+    type?: string;
+    relative?: string;
+    disabled?: string;
+    testid?: string;
+    width?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-date-picker": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
+export interface GoabxDatePickerProps extends Margins, DataAttributes {
+    name?: string;
+    value?: Date | string | undefined;
+    error?: boolean;
+    min?: Date | string;
+    max?: Date | string;
+    type?: GoabDatePickerInputType;
+    testId?: string;
+    /***
+     * @deprecated This property has no effect and will be removed in a future version
+     */
+    relative?: boolean;
+    disabled?: boolean;
+    width?: string;
+    version?: string;
+    onChange?: (detail: GoabDatePickerOnChangeDetail) => void;
+}
+export declare function GoabxDatePicker({ value, error, min, max, disabled, relative, version, onChange, ...rest }: GoabxDatePickerProps): JSX.Element;
+export default GoabxDatePicker;

package/experimental/drawer/drawer.d.ts

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

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

@@ -0,0 +1,26 @@
+import { GoabDropdownItemMountType } from '@abgov/ui-components-common';
+interface WCProps {
+    value: string;
+    label?: string;
+    filter?: string;
+    mount?: GoabDropdownItemMountType;
+    name?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-dropdown-item": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabxDropdownItemProps {
+    value: string;
+    label?: string;
+    filter?: string;
+    testId?: string;
+    mountType?: GoabDropdownItemMountType;
+    name?: string;
+}
+export declare function GoabxDropdownOption(props: GoabxDropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabxDropdownItem({ value, label, filter, name, mountType, }: GoabxDropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/experimental/dropdown/dropdown.d.ts

@@ -0,0 +1,62 @@
+import { GoabDropdownOnChangeDetail, GoabDropdownSize, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
+import { JSX } from 'react';
+interface WCProps extends Margins {
+    arialabel?: string;
+    arialabelledby?: string;
+    disabled?: string;
+    error?: string;
+    filterable?: string;
+    leadingicon?: string;
+    maxheight?: string;
+    multiselect?: string;
+    name?: string;
+    native?: string;
+    placeholder?: string;
+    value?: string;
+    width?: string;
+    maxwidth?: string;
+    relative?: string;
+    id?: string;
+    autocomplete?: string;
+    testid?: string;
+    size?: GoabDropdownSize;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-dropdown": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
+export interface GoabxDropdownProps extends Margins, DataAttributes {
+    name?: string;
+    value?: string[] | string;
+    onChange?: (detail: GoabDropdownOnChangeDetail) => void;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    id?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    error?: boolean;
+    filterable?: boolean;
+    leadingIcon?: GoabIconType;
+    maxHeight?: string;
+    multiselect?: boolean;
+    native?: boolean;
+    placeholder?: string;
+    testId?: string;
+    width?: string;
+    maxWidth?: string;
+    autoComplete?: string;
+    size?: GoabDropdownSize;
+    version?: string;
+    /***
+     * @deprecated This property has no effect and will be removed in a future version
+     */
+    relative?: boolean;
+}
+export declare function GoabxDropdown({ value, onChange, disabled, error, filterable, multiselect, native, relative, children, size, version, ...rest }: GoabxDropdownProps): JSX.Element;
+export default GoabxDropdown;

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

@@ -0,0 +1,32 @@
+import { DataAttributes, GoabFileUploadOnCancelDetail, GoabFileUploadOnDeleteDetail } from '@abgov/ui-components-common';
+interface WCProps {
+    filename: string;
+    size: number;
+    type?: string;
+    progress?: number;
+    error?: string;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-file-upload-card": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
+export interface GoabxFileUploadCardProps extends DataAttributes {
+    filename: string;
+    size: number;
+    type?: string;
+    progress?: number;
+    testId?: string;
+    error?: string;
+    onDelete?: (detail: GoabFileUploadOnDeleteDetail) => void;
+    onCancel?: (detail: GoabFileUploadOnCancelDetail) => void;
+    version?: string;
+}
+export declare function GoabxFileUploadCard({ onDelete, onCancel, filename, version, ...rest }: GoabxFileUploadCardProps): import("react/jsx-runtime").JSX.Element;
+export default GoabxFileUploadCard;

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

@@ -0,0 +1,27 @@
+import { DataAttributes, GoabFileUploadInputOnSelectFileDetail, GoabFileUploadInputVariant } from '@abgov/ui-components-common';
+interface WCProps {
+    variant?: GoabFileUploadInputVariant;
+    accept?: string;
+    maxfilesize?: string;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-file-upload-input": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
+export interface GoabxFileUploadInputProps extends DataAttributes {
+    variant?: GoabFileUploadInputVariant;
+    accept?: string;
+    maxFileSize?: string;
+    testId?: string;
+    onSelectFile: (detail: GoabFileUploadInputOnSelectFileDetail) => void;
+    version?: string;
+}
+export declare function GoabxFileUploadInput({ onSelectFile, version, ...rest }: GoabxFileUploadInputProps): import("react/jsx-runtime").JSX.Element;
+export default GoabxFileUploadInput;

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

@@ -0,0 +1,31 @@
+import { DataAttributes, GoabFilterChipTheme, GoabIconType, Margins } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    icontheme: GoabFilterChipTheme;
+    error?: string;
+    content: string;
+    secondarytext?: string;
+    leadingicon?: GoabIconType;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-filter-chip": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
+export interface GoabxFilterChipProps extends Margins, DataAttributes {
+    onClick?: () => void;
+    iconTheme?: GoabFilterChipTheme;
+    error?: boolean;
+    content: string;
+    secondaryText?: string;
+    leadingIcon?: GoabIconType;
+    testId?: string;
+    version?: string;
+}
+export declare const GoabxFilterChip: ({ iconTheme, error, onClick, version, ...rest }: GoabxFilterChipProps) => import("react/jsx-runtime").JSX.Element;
+export default GoabxFilterChip;

package/experimental/footer/footer.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, JSX } from 'react';
+import { DataAttributes } from '@abgov/ui-components-common';
+interface WCProps {
+    maxcontentwidth?: string;
+    testid?: string;
+    url?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabxAppFooterProps extends DataAttributes {
+    maxContentWidth?: string;
+    children?: ReactNode;
+    testId?: string;
+    url?: string;
+    version?: string;
+}
+export declare function GoabxAppFooter({ children, ...rest }: GoabxAppFooterProps): JSX.Element;
+export default GoabxAppFooter;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { DataAttributes } from '@abgov/ui-components-common';
+interface WCProps {
+    testid?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer-meta-section": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabxAppFooterMetaSectionProps extends DataAttributes {
+    testId?: string;
+    children?: ReactNode;
+}
+export declare function GoabxAppFooterMetaSection({ children, ...rest }: GoabxAppFooterMetaSectionProps): import("react/jsx-runtime").JSX.Element;
+export default GoabxAppFooterMetaSection;

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { DataAttributes } from '@abgov/ui-components-common';
+interface WCProps {
+    maxcolumncount?: number;
+    heading?: string;
+    testid?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer-nav-section": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabxFooterNavSectionProps extends DataAttributes {
+    maxColumnCount?: number;
+    heading?: string;
+    testId?: string;
+    children?: ReactNode;
+}
+export declare function GoabxAppFooterNavSection({ children, ...rest }: GoabxFooterNavSectionProps): import("react/jsx-runtime").JSX.Element;
+export default GoabxAppFooterNavSection;

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

@@ -0,0 +1,46 @@
+import { GoabFormItemLabelSize, GoabFormItemRequirement, GoabFormItemType, Margins, DataAttributes } from '@abgov/ui-components-common';
+import { JSX } from 'react';
+interface WCProps extends Margins {
+    label?: string;
+    labelsize?: GoabFormItemLabelSize;
+    requirement?: GoabFormItemRequirement;
+    error?: string;
+    helptext?: string;
+    maxwidth?: string;
+    "public-form-summary-order"?: number;
+    name?: string;
+    id?: string;
+    testid?: string;
+    type?: GoabFormItemType;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-form-item": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabxFormItemProps extends Margins, DataAttributes {
+    label?: string;
+    labelSize?: GoabFormItemLabelSize;
+    requirement?: GoabFormItemRequirement;
+    error?: string | React.ReactNode;
+    helpText?: string | React.ReactNode;
+    maxWidth?: string;
+    type?: GoabFormItemType;
+    version?: string;
+    /**
+     * Public form: to arrange fields in the summary
+     */
+    publicFormSummaryOrder?: number;
+    /**
+     * Public form: allow to override the label value within the form-summary to provide a shorter description of the value
+     */
+    name?: string;
+    children?: React.ReactNode;
+    testId?: string;
+    id?: string;
+}
+export declare function GoabxFormItem({ error, helpText, publicFormSummaryOrder, children, type, version, ...rest }: GoabxFormItemProps): JSX.Element;
+export default GoabxFormItem;

package/experimental/index.d.ts

@@ -1,4 +1,32 @@
-export * from './resizable-panel/ResizablePanel';
-export * from '../lib/drawer/drawer';
+export * from './badge/badge';
+export * from './button/button';
+export * from './calendar/calendar';
+export * from './callout/callout';
+export * from './checkbox/checkbox';
+export * from './date-picker/date-picker';
+export * from './drawer/drawer';
+export * from './dropdown/dropdown';
+export * from './dropdown/dropdown-item';
+export * from './file-upload-card/file-upload-card';
+export * from './file-upload-input/file-upload-input';
+export * from './filter-chip/filter-chip';
+export * from './form-item/form-item';
+export * from './footer/footer';
+export * from './footer-meta-section/footer-meta-section';
+export * from './footer-nav-section/footer-nav-section';
+export * from './input/input';
+export * from './link/link';
+export * from './modal/modal';
+export * from './notification/notification';
+export * from './pagination/pagination';
+export * from './radio-group/radio-group';
+export * from './side-menu/side-menu';
+export * from './side-menu-group/side-menu-group';
+export * from './side-menu-heading/side-menu-heading';
+export * from './table/table';
+export * from './table/table-sort-header';
+export * from './tabs/tabs';
+export * from './textarea/textarea';
 export * from './work-side-menu/work-side-menu';
 export * from './work-side-menu-item/work-side-menu-item';
+export * from './work-side-menu-group/work-side-menu-group';