@innovaccer/design-system 4.23.0 → 4.25.0

package/dist/core/components/atoms/heading/Heading.d.ts

@@ -7,6 +7,7 @@ export interface HeadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingElemen
     appearance?: HeadingAppearance;
     size?: HeadingSize;
     color?: TextColor;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
 }
 export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 export default Heading;

package/dist/core/components/atoms/link/Link.d.ts

@@ -3,7 +3,7 @@ import { BaseProps, OmitNativeProps } from "../../../utils/types";
 declare type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
 declare type LinkAppearance = 'default' | 'subtle';
 declare type LinkSize = 'regular' | 'tiny';
-export interface LinkProps extends BaseProps, OmitNativeProps<HTMLLinkElement, 'onClick'> {
+export interface LinkProps extends BaseProps, OmitNativeProps<HTMLAnchorElement, 'onClick'> {
     id?: string;
     appearance: LinkAppearance;
     size: LinkSize;
@@ -13,8 +13,10 @@ export interface LinkProps extends BaseProps, OmitNativeProps<HTMLLinkElement, '
     rel?: string;
     download?: string;
     hreflang?: string;
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement>;
     children: React.ReactNode;
+    tooltip?: string;
 }
 export declare const Link: {
     (props: LinkProps): React.JSX.Element;

package/dist/core/components/atoms/linkButton/LinkButton.d.ts

@@ -8,6 +8,7 @@ export interface LinkButtonProps extends BaseProps, BaseHtmlProps<HTMLButtonElem
     type?: ButtonType;
     size?: LinkButtonSize;
     disabled?: boolean;
+    tooltip?: string;
     icon?: string;
     iconAlign?: IconAlignment;
     iconType?: IconType;

package/dist/core/components/atoms/message/Message.d.ts

@@ -9,6 +9,8 @@ export interface MessageProps extends BaseProps {
     children?: React.ReactNode;
     description: string;
     actions?: React.ReactNode;
+    id?: string;
+    headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'div';
 }
 export declare const Message: {
     (props: MessageProps): React.JSX.Element;

package/dist/core/components/atoms/outsideClick/OutsideClick.d.ts

@@ -3,6 +3,7 @@ import { BaseHtmlProps, BaseProps } from "../../../utils/types";
 export interface OutsideClickProps extends BaseHtmlProps<HTMLDivElement>, BaseProps {
     onOutsideClick: (event: Event) => void;
     children: React.ReactElement<any>;
+    wrapperElement?: 'div' | 'span';
 }
 export declare const OutsideClick: React.ForwardRefExoticComponent<OutsideClickProps & React.RefAttributes<HTMLDivElement>>;
 export default OutsideClick;

package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts

@@ -13,6 +13,7 @@ export interface PopperWrapperProps {
     trigger: React.ReactElement<any>;
     boundaryElement?: Element | null;
     triggerClass?: string;
+    wrapperElement?: 'div' | 'span';
     placement: PositionType;
     children: React.ReactElement<any>;
     style: React.CSSProperties;

package/dist/core/components/atoms/progressBar/ProgressBar.d.ts

@@ -8,6 +8,8 @@ export interface ProgressBarProps extends BaseProps {
     size: ProgressBarSize;
     state?: ProgressBarState;
     'aria-label'?: string;
+    'aria-labelledby'?: string;
+    id?: string;
 }
 export declare const ProgressBar: {
     (props: ProgressBarProps): React.JSX.Element;

package/dist/core/components/atoms/progressRing/ProgressRing.d.ts

@@ -5,6 +5,9 @@ export interface ProgressRingProps extends BaseProps {
     size: ProgressRingSize;
     value: number;
     max: number;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    id?: string;
 }
 export declare const ProgressRing: {
     (props: ProgressRingProps): React.JSX.Element;

package/dist/core/components/atoms/segmentedControl/SegmentedControl.d.ts

@@ -12,6 +12,8 @@ export interface SegmentedControlProps extends BaseProps {
     isEqualWidth?: boolean;
     disabled?: boolean;
     children: React.ReactElement<SegmentedControlItemProps> | React.ReactElement<SegmentedControlItemProps>[];
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export declare const SegmentedControl: {
     (props: SegmentedControlProps): React.JSX.Element | null;

package/dist/core/components/atoms/subheading/Subheading.d.ts

@@ -5,6 +5,7 @@ export interface SubheadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingEle
     children: React.ReactText;
     appearance?: HeadingAppearance;
     color?: TextColor;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
 }
 export declare const Subheading: React.ForwardRefExoticComponent<SubheadingProps & React.RefAttributes<HTMLHeadingElement>>;
 export default Subheading;

package/dist/core/components/atoms/text/Text.d.ts

@@ -10,6 +10,7 @@ export interface TextProps extends BaseProps, BaseHtmlProps<HTMLSpanElement> {
     appearance?: TextAppearance;
     size?: TextSize;
     color?: TextColor;
+    as?: string;
 }
 export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
 export default Text;

package/dist/core/components/atoms/toast/Toast.d.ts

@@ -11,6 +11,9 @@ export interface ToastProps extends BaseProps {
     message?: string;
     actions?: Action[];
     onClose?: () => void;
+    'aria-label'?: string;
+    'aria-atomic'?: 'true' | 'false' | boolean;
+    id?: string;
 }
 export declare const Toast: {
     (props: ToastProps): React.JSX.Element;

package/dist/core/components/molecules/chat/Chat.d.ts

@@ -2,6 +2,9 @@ import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 export interface ChatProps extends BaseProps {
     children: React.ReactNode;
+    role?: string;
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    'aria-label'?: string;
 }
 export declare const Chat: {
     (props: ChatProps): React.JSX.Element;

package/dist/core/components/molecules/chat/chatBubble/IncomingBubble.d.ts

@@ -18,6 +18,7 @@ export interface IncomingOptionProps extends BaseProps {
     urgentMessage?: () => JSX.Element;
     avatarData?: ChatAvatarProps;
     showAvatar?: boolean;
+    'aria-label'?: string;
 }
 export declare const IncomingBubble: {
     (props: IncomingOptionProps): React.JSX.Element;

package/dist/core/components/molecules/chat/chatBubble/OutgoingBubble.d.ts

@@ -9,6 +9,7 @@ export interface OutgoingOptionProps extends BaseProps {
     actionBar?: () => JSX.Element;
     urgentMessage?: () => JSX.Element;
     failedMessage?: () => JSX.Element;
+    'aria-label'?: string;
 }
 export declare const OutgoingBubble: {
     (props: OutgoingOptionProps): React.JSX.Element;

package/dist/core/components/molecules/chat/chatInput/ChatInput.d.ts

@@ -14,6 +14,7 @@ export interface ChatInputProps extends BaseProps {
     onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     onSend?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, value?: string) => void;
     onStopGenerating?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    'aria-label'?: string;
 }
 declare const ChatInput: React.FC<ChatInputProps>;
 export default ChatInput;

package/dist/core/components/molecules/chat/unreadMessage/UnreadMessage.d.ts

@@ -2,6 +2,9 @@ import * as React from 'react';
 import { BaseProps } from "../../../../utils/types";
 export interface UnreadMessageProps extends BaseProps {
     text: string;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
 }
 declare const UnreadMessage: React.FC<UnreadMessageProps>;
 export default UnreadMessage;

package/dist/core/components/molecules/dropzone/Dropzone.d.ts

@@ -7,6 +7,7 @@ export interface DropzoneProps extends BaseProps, DropzoneBaseProps {
     type: DropZoneType;
     sizeLabel?: string;
     sampleFileLink?: React.ReactNode;
+    'aria-label'?: string;
 }
 export declare const Dropzone: {
     (props: DropzoneProps): React.JSX.Element;

package/dist/core/components/molecules/editableInput/EditableInput.d.ts

@@ -10,6 +10,10 @@ export interface EditableInputProps extends BaseProps {
     errorMessage?: string;
     inputOptions: Omit<InputProps, 'error' | 'value' | 'defaultValue' | 'size' | 'placeholder'>;
     onChange?: (value: string) => void;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    id?: string;
 }
 export declare const EditableInput: {
     (props: EditableInputProps): React.JSX.Element;

package/dist/core/components/molecules/emptyState/EmptyState.d.ts

@@ -12,6 +12,7 @@ export interface EmptyStateProps extends BaseProps {
     minWidth?: number | string;
     width?: number | string;
     children?: React.ReactNode;
+    headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
 export declare const imageHeight: {
     large: string;

package/dist/core/components/molecules/emptyState/EmptyStateTitle.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { BaseProps } from "../../../utils/types";
 export interface EmptyDescriptionProps extends BaseProps {
     children: React.ReactText;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
 declare const EmptyStateTitle: (props: EmptyDescriptionProps) => React.JSX.Element;
 export default EmptyStateTitle;

package/dist/core/components/molecules/inputMask/InputMask.d.ts

@@ -13,6 +13,7 @@ export interface MaskProps extends BaseProps {
     onPaste?: (e: React.ClipboardEvent<HTMLInputElement>, val?: string) => void;
     clearOnEmptyBlur?: boolean;
     helpText?: string;
+    useDefaultValueOnEmpty?: boolean;
 }
 export declare type InputMaskProps = InputProps & MaskProps;
 declare type InputMaskType = React.ForwardRefExoticComponent<InputProps & MaskProps & React.RefAttributes<HTMLInputElement>> & {

package/dist/core/components/molecules/modal/ModalHeader.d.ts

@@ -8,6 +8,7 @@ export interface ModalHeaderProps extends BaseProps {
     backIcon?: boolean;
     backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     headingId?: string;
+    headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
 export declare const ModalHeader: {
     (props: ModalHeaderProps): React.JSX.Element;

package/dist/core/components/molecules/overlayHeader/OverlayHeader.d.ts

@@ -10,6 +10,7 @@ export interface OverlayHeaderProps extends BaseProps {
     backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     headingClass?: string;
     headingId?: string;
+    headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
 export declare const OverlayHeader: {
     (props: OverlayHeaderProps): React.JSX.Element;

package/dist/core/components/molecules/popover/Popover.d.ts

@@ -19,6 +19,7 @@ export interface PopoverProps extends Pick<PopperWrapperProps, PopperProps>, Bas
     dark?: boolean;
     customStyle: CustomStyle;
     triggerClass?: string;
+    wrapperElement?: 'div' | 'span';
     hideOnReferenceEscape?: boolean;
     boundaryElement: React.RefObject<HTMLElement> | Element;
     animationClass?: {

package/dist/core/components/organisms/grid/Grid.d.ts

@@ -156,6 +156,7 @@ export interface GridState {
 export declare class Grid extends React.Component<GridProps, GridState> {
     static defaultProps: GridProps;
     gridRef: GridRef;
+    gridId: string;
     isHeadSyncing: boolean;
     isBodySyncing: boolean;
     constructor(props: GridProps);

package/dist/core/components/organisms/grid/GridContext.d.ts

@@ -3,6 +3,7 @@ import { GridProps } from "../../../index.type";
 import { GridRef } from "./Grid";
 declare type ContextProps = GridProps & {
     ref: GridRef;
+    gridId: string;
     isSortingListUpdated: boolean;
     updateIsSortingListUpdated: () => void;
 };

package/dist/core/components/organisms/grid/VirtualList.d.ts

@@ -9,6 +9,7 @@ interface VirtualScrollProps extends BaseProps {
     totalLength: number;
     renderItem: (index: number, item?: object) => React.ReactElement;
     onScroll?: (event: Event, element: HTMLElement) => void;
+    role?: React.AriaRole;
 }
 declare const VirtualList: (props: VirtualScrollProps) => React.JSX.Element;
 export default VirtualList;

package/dist/core/components/organisms/listbox/reorderList/Draggable.d.ts

@@ -9,6 +9,9 @@ declare class Draggable<Value = string> extends React.Component<IProps<Value>> {
     lastScroll: number;
     lastYOffset: number;
     lastListYOffset: number;
+    mouseDownX: number;
+    mouseDownY: number;
+    hasDragStarted: boolean;
     dropTimeout?: number;
     needle: number;
     afterIndex: number;
@@ -25,6 +28,8 @@ declare class Draggable<Value = string> extends React.Component<IProps<Value>> {
         targetWidth: number;
         scrollingSpeed: number;
         scrollWindow: boolean;
+        isClickAndFollow: boolean;
+        ariaMessage: string;
     };
     schdOnMouseMove: {
         (e: MouseEvent): void;
@@ -44,6 +49,7 @@ declare class Draggable<Value = string> extends React.Component<IProps<Value>> {
         scrollingSpeed: number;
     }): void;
     componentWillUnmount(): void;
+    ensureKeyboardReorderVisible: (pickedIndex: number, needleIndex: number) => void;
     doScrolling: () => void;
     getChildren: () => Element[];
     static defaultProps: {
@@ -64,8 +70,13 @@ declare class Draggable<Value = string> extends React.Component<IProps<Value>> {
     autoScrolling: (clientY: number) => void;
     animateItems: (needle: number, movedItem: number, offset: number, animateMovedItem?: boolean) => void;
     isDraggedItemOutOfBounds: () => boolean;
+    finalizeActivePointerDrop: () => void;
+    completeClickAndFollowDropAtFocusedIndex: (index: number) => void;
     onEnd: (e: TouchEvent & MouseEvent) => void;
     finishDrop: () => void;
+    cancelKeyboardPick: () => void;
+    commitKeyboardReorder: () => void;
+    advanceTabFocusFromActiveElement: (shiftKey: boolean) => void;
     onKeyDown: (e: React.KeyboardEvent) => void;
     render(): React.JSX.Element;
 }

package/dist/core/components/organisms/menu/SubMenuContext.d.ts

@@ -5,6 +5,7 @@ export declare type ContextProps = {
     parentListRef?: React.RefObject<HTMLDivElement>;
     menuID?: string;
     triggerID?: string;
+    parentMenuTriggerRef?: React.RefObject<HTMLButtonElement>;
 };
 export declare const SubMenuContext: React.Context<ContextProps>;
 export default SubMenuContext;

package/dist/core/components/organisms/pageHeader/utils.d.ts

@@ -3,26 +3,26 @@ import { navigationPositionType } from "./PageHeader";
 export declare const Status: (props: {
     status: React.ReactNode;
     meta: React.ReactNode;
-    navigationPosition: navigationPositionType;
-    navigation: React.ReactNode;
-    tabs: React.ReactNode;
 }) => React.JSX.Element;
 export declare const Action: (props: {
     actions: React.ReactNode;
     navigation: React.ReactNode;
     stepper: React.ReactNode;
+    stacked?: boolean | undefined;
+    level1Responsive?: boolean | undefined;
 }) => React.JSX.Element;
-export declare const Nav: (props: {
-    navigation: React.ReactNode;
-    stepper: React.ReactNode;
-}) => React.JSX.Element | null;
 export declare const CenterNav: (props: {
-    colSize: string;
-    breadcrumbs: React.ReactNode;
     navigationPosition: navigationPositionType;
     navigation: React.ReactNode;
     stepper: React.ReactNode;
+    ghost?: boolean | undefined;
 }) => React.JSX.Element;
+export declare const Nav: (props: {
+    navigation: React.ReactNode;
+    stepper: React.ReactNode;
+    noMargin?: boolean | undefined;
+    responsiveNoMargin?: boolean | undefined;
+}) => React.JSX.Element | null;
 export declare const BackButton: (props: {
     button: React.ReactNode;
 }) => React.JSX.Element;

package/dist/core/components/organisms/textField/TextFieldCommon.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface RenderHelpTextProps {
     helpText: string;
     error?: boolean;
+    id?: string;
 }
 export declare const RenderHelpText: React.FC<RenderHelpTextProps>;
 interface RenderCounterProps {

package/dist/core/components/organisms/verticalNav/VerticalNav.d.ts

@@ -12,6 +12,8 @@ export interface VerticalNavProps extends BaseProps {
     customItemRenderer?: (props: MenuItemProps) => JSX.Element;
     customOptionRenderer?: (props: MenuItemProps) => JSX.Element;
     showTooltip: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export declare const VerticalNav: {
     (props: VerticalNavProps): React.JSX.Element;