@reapit/elements 4.1.2 → 4.2.0

package/README.md

@@ -7,6 +7,7 @@ A React UI toolkit, with cross platform support for building web applications in
 [![Test PR](https://github.com/reapit/elements/actions/workflows/test-pr.yml/badge.svg)](https://github.com/reapit/elements/actions/workflows/test-pr.yml)
 [![Release Dev](https://github.com/reapit/elements/actions/workflows/release-dev.yml/badge.svg)](https://github.com/reapit/elements/actions/workflows/release-dev.yml)
 [![Release Prod](https://github.com/reapit/elements/actions/workflows/release-prod.yml/badge.svg)](https://github.com/reapit/elements/actions/workflows/release-prod.yml)
+[![Visual Regression Tests](https://github.com/reapit/elements/actions/workflows/playwright.yml/badge.svg)](https://github.com/reapit/elements/actions/workflows/playwright.yml)
 
 ## Documentation
 

package/dist/cjs/components/avatar/avatar.d.ts

@@ -2,5 +2,6 @@ import { FC, HTMLAttributes } from 'react';
 export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
     type?: 'profile' | 'image';
     src?: string;
+    alt?: string;
 }
 export declare const Avatar: FC<AvatarProps>;

package/dist/cjs/components/breadcrumb/breadcrumb.d.ts

@@ -7,5 +7,5 @@ export interface BreadCrumbProps extends HTMLAttributes<HTMLElement> {
     items: BreadCrumbItem[];
     defaultActiveIndex?: number;
 }
-export declare const handleNext: (setActive: Dispatch<SetStateAction<number>>, onClick: () => void, index: number) => (e: MouseEvent<HTMLAnchorElement>) => void;
+export declare const handleNext: (setActive: Dispatch<SetStateAction<number>>, onClick: () => void, index: number) => (e?: MouseEvent<HTMLAnchorElement>) => void;
 export declare const BreadCrumb: FC<BreadCrumbProps>;

package/dist/cjs/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, FC, HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, FC, HTMLAttributes, MouseEvent, MouseEventHandler } from 'react';
 import { Intent } from '../../helpers/intent';
 import { IconNames } from '../icon';
 export type ButtonSizeType = 2 | 3 | 4;
@@ -14,6 +14,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     className?: string;
     buttonSize?: ButtonSize;
     buttonIcon?: ButtonIcon;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     /** @deprecated - will be removed at v5 release */
     chevronLeft?: boolean;
     /** @deprecated - will be removed at v5 release */
@@ -33,6 +34,7 @@ export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
 }
 export declare const resolveButtonSize: (size: ButtonSizeType) => void;
 export declare const resolveButtonClassName: (intent?: Intent) => string;
+export declare const handleButtonClick: (onClick?: MouseEventHandler<HTMLButtonElement>) => (e: MouseEvent<HTMLButtonElement>) => void;
 export declare const Button: FC<ButtonProps>;
 export declare const ButtonGroup: FC<ButtonGroupProps>;
 export declare const FloatingButton: FC<FloatingButtonProps>;

package/dist/cjs/components/button/button.stories.d.ts

@@ -31,6 +31,7 @@ export declare const StandardAttributes: {
         onClick: import("@storybook/addon-actions").HandlerFunction;
         type: string;
         children: string;
+        'aria-label': string;
     };
 };
 export declare const Group: {

package/dist/cjs/components/drawer/drawer.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import React, { FC, HTMLAttributes, ReactNode } from 'react';
 export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
     isOpen: boolean;
     onDrawerClose: () => void;
@@ -17,4 +17,5 @@ export declare const DrawerTitle: FC<DrawerBaseProps>;
 export declare const DrawerSubtitle: FC<DrawerBaseProps>;
 export declare const DrawerBody: FC<DrawerBaseProps>;
 export declare const DrawerFooter: FC<DrawerBaseProps>;
+export declare const handleDrawerFocus: (drawerRef: React.RefObject<HTMLDivElement>, isOpen: boolean) => () => void;
 export declare const Drawer: FC<DrawerProps>;

package/dist/cjs/components/input-group/input-group.stories.d.ts

@@ -46,12 +46,6 @@ export declare const InputCheckboxNoLabel: {
 export declare const InputRadio: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const InputRadioWithIntent: {
-    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
-};
-export declare const InputRadioWithInputAddOn: {
-    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
-};
 export declare const ErrorMessage: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
     name: string;

package/dist/cjs/components/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import React, { FC, HTMLAttributes } from 'react';
 export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
     isOpen: boolean;
     onModalClose: () => void;
@@ -11,4 +11,5 @@ export declare const ModalBg: FC<ModalBaseProps>;
 export declare const ModalContainer: FC<ModalBaseProps>;
 export declare const ModalHeader: FC<ModalBaseProps>;
 export declare const ModalBody: FC<ModalBaseProps>;
+export declare const handleModalFocus: (modalRef: React.RefObject<HTMLDivElement>, isOpen: boolean) => () => void;
 export declare const Modal: FC<ModalProps>;

package/dist/cjs/components/multi-select/multi-select.d.ts

@@ -17,6 +17,7 @@ export interface MultiSelectChipProps extends InputHTMLAttributes<HTMLInputEleme
 export declare const handleSetNativeInput: (id: string, selectedOptionValues: string[], testFunc?: ((value: string[]) => void) | undefined) => () => void;
 export declare const handleResetDefaultValues: (setSelectedOptionValues: Dispatch<SetStateAction<string[]>>, setSelectedDefaultValues: Dispatch<SetStateAction<string[]>>, defaultValues?: string[], selectedDefaultValues?: string[]) => () => void;
 export declare const handleSelectedOptions: (value: string, selectedOptionValues: string[], setSelectedOptionValues: Dispatch<SetStateAction<string[]>>) => (event: ChangeEvent<HTMLInputElement>) => void;
+export declare const handleSelectedKeyboardOptions: (value: string, selectedOptionValues: string[], setSelectedOptionValues: Dispatch<SetStateAction<string[]>>, isChecked: boolean) => () => void;
 export declare const MultiSelectChip: FC<MultiSelectChipProps>;
 export declare const MultiSelect: FC<MultiSelectProps>;
 export declare const MultiSelectSelected: FC<MultiSelectProps>;

package/dist/cjs/components/nav/nav-responsive.d.ts

@@ -47,8 +47,8 @@ export interface NavResponsiveAppSwitcherProps {
 }
 export type LogoIcon = 'reapitLogoSelectedMenu' | 'reapitLogoMenu';
 export declare const handleToggleLogo: (logoState: LogoIcon, setLogoState: Dispatch<SetStateAction<LogoIcon>>) => () => void;
-export declare const handleToggleMenu: (setState: Dispatch<SetStateAction<boolean>>, callback?: () => void) => (event: MouseEvent<HTMLDivElement>) => void;
-export declare const clickNavEventHandler: (setActive: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
+export declare const handleToggleMenu: (setState: Dispatch<SetStateAction<boolean>>, callback?: () => void) => (event?: MouseEvent<HTMLDivElement>) => void;
+export declare const clickNavEventHandler: (setActive: Dispatch<SetStateAction<boolean>>) => (event?: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
 export declare const NavResponsiveAvatar: FC<NavResponsiveAvatarProps>;
 export declare const NavResponsiveAppSwitcher: FC<NavResponsiveAppSwitcherProps>;
 export declare const NavResponsive: FC<NavResponsiveProps>;

package/dist/cjs/components/select/select.stories.d.ts

@@ -6,7 +6,3 @@ export default _default;
 export declare const BasicUsage: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const UseWithALabel: {
-    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/cjs/components/steps/steps.d.ts

@@ -15,5 +15,6 @@ export interface StepsVerticalProps extends HTMLAttributes<HTMLDivElement> {
     onStepClick?: (step: string) => void;
     className?: string;
 }
+export declare const handleStepClick: (step: string, onStepClick?: ((step: string) => void) | undefined) => () => void;
 export declare const Steps: FC<StepsProps>;
 export declare const StepsVertical: FC<StepsVerticalProps>;

package/dist/cjs/components/table/molecules.d.ts

@@ -36,6 +36,7 @@ export declare const TableHeader: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableRow: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableCellSplit: FC<TableCellSplitProps>;
 export declare const TableCell: FC<TableCellProps>;
+export declare const handleTableCtaClick: (onClick?: ((event?: any) => void) | undefined) => () => void;
 export declare const TableExpandableRowTriggerCell: FC<TableExpandableRowTriggerCellProps>;
 export declare const TableCtaTriggerCell: FC<TableCtaTriggerCellProps>;
 export declare const TableExpandableRow: FC<TableExpandableRowProps>;

package/dist/cjs/components/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, MutableRefObject } from 'react';
 export interface TabsOption {
     id: string;
     value: string;
@@ -12,4 +12,5 @@ export interface TabsProps extends HTMLAttributes<HTMLInputElement> {
     isFullWidth?: boolean;
     hasNoBorder?: boolean;
 }
+export declare const handleKeyboardTabChange: (tabsRefs: MutableRefObject<(HTMLInputElement | null)[]>, index: number) => () => void;
 export declare const Tabs: FC<TabsProps>;

package/dist/cjs/components/toggle/toggle.d.ts

@@ -18,5 +18,6 @@ export interface ToggleRadioProps extends HTMLAttributes<HTMLInputElement> {
 }
 export type ToggleWrapped = React.ForwardRefExoticComponent<ToggleProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
 export type ToggleRadioWrapped = React.ForwardRefExoticComponent<ToggleRadioProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
+export declare const handleKeyboardToggleChange: (id: string) => () => void;
 export declare const Toggle: ToggleWrapped;
 export declare const ToggleRadio: ToggleRadioWrapped;

package/dist/cjs/hooks/use-nav-state/index.d.ts

@@ -12,7 +12,7 @@ export interface NavStateContextProps {
 }
 export interface UseNavState {
     navState: NavState;
-    setNavState: (newState: Partial<NavState>) => (event: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
+    setNavState: (newState: Partial<NavState>) => (event?: MouseEvent<HTMLAnchorElement | HTMLDivElement | HTMLSpanElement>) => void;
 }
 export declare const NavStateContext: React.Context<NavStateContextProps>;
 export declare const NavStateProvider: FC<PropsWithChildren>;