@innovaccer/design-system 4.22.0 → 4.24.0

package/dist/core/accessibility/utils/useAccessibilityProps.d.ts

@@ -1,29 +1,112 @@
 import * as React from 'react';
 declare type AriaRoleType = React.AriaRole;
-interface IProps {
+interface IProps extends React.AriaAttributes {
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
     role?: AriaRoleType;
     tabIndex?: number;
-    'aria-label'?: React.AriaAttributes['aria-label'];
-    'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
-    'aria-describedby'?: React.AriaAttributes['aria-describedby'];
-    'aria-hidden'?: React.AriaAttributes['aria-hidden'];
 }
-declare const useAccessibilityProps: ({ onClick, onKeyDown, role, tabIndex, ...rest }: IProps) => {
-    'aria-hidden'?: boolean | "false" | "true";
-    'aria-describedby'?: string;
-    'aria-labelledby'?: string;
-    'aria-label'?: string;
-    onClick?: undefined;
-    role?: undefined;
-    tabIndex?: undefined;
-    onKeyDown?: undefined;
+declare const useAccessibilityProps: ({ onClick, onKeyDown, role, tabIndex, ...ariaProps }: IProps) => {
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "step" | "false" | "true" | "page" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
 } | {
+    onKeyDown: (e: React.SyntheticEvent<HTMLElement>) => void;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "step" | "false" | "true" | "page" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     role: React.AriaRole;
     tabIndex: number;
-    'aria-label': string | undefined;
-    onKeyDown: (e: React.SyntheticEvent<HTMLElement>) => void;
 };
 export default useAccessibilityProps;

package/dist/core/components/atoms/_chip/index.d.ts

@@ -19,6 +19,8 @@ export interface GenericChipProps extends BaseProps {
     role?: string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
+    clearButtonAriaLabel?: string;
+    tabIndex?: number;
 }
 export declare const GenericChip: {
     (props: GenericChipProps): React.JSX.Element;

package/dist/core/components/atoms/_text/index.d.ts

@@ -3,6 +3,7 @@ interface Props {
     children: React.ReactNode;
     componentType: string;
     className?: string;
+    [key: string]: any;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Props, React.ReactText> & React.RefAttributes<HTMLElement>>;
 export default _default;

package/dist/core/components/atoms/caption/Caption.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { BaseProps } from "../../../utils/types";
-export interface CaptionProps extends BaseProps {
+import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+export interface CaptionProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
     children: React.ReactNode;
     error?: boolean;
     hide?: boolean;

package/dist/core/components/atoms/chip/Chip.d.ts

@@ -21,6 +21,8 @@ export interface ChipProps extends BaseProps {
     role?: React.AriaRole;
     'aria-label'?: string;
     'aria-labelledby'?: string;
+    clearButtonAriaLabel?: string;
+    tabIndex?: number;
 }
 export declare const Chip: {
     (props: ChipProps): React.JSX.Element;

package/dist/core/components/atoms/divider/Divider.d.ts

@@ -4,6 +4,7 @@ declare type DividerType = 'basic' | 'header';
 export interface DividerProps extends BaseProps {
     vertical: boolean;
     appearance: DividerType;
+    'aria-hidden'?: boolean | 'true' | 'false';
 }
 export declare const Divider: {
     (props: DividerProps): React.JSX.Element;

package/dist/core/components/atoms/dropdown/DropdownList.d.ts

@@ -24,7 +24,8 @@ declare type TriggerAndOptionProps = TriggerProps & OptionRendererProps;
 export interface ErrorTemplateProps {
     errorType?: ErrorType;
 }
-export interface DropdownListProps extends TriggerAndOptionProps {
+export interface DropdownListProps extends TriggerAndOptionProps, React.AriaAttributes {
+    inert?: string;
     align?: DropdownAlign;
     noResultMessage?: string;
     errorTemplate?: React.FunctionComponent<ErrorTemplateProps>;

package/dist/core/components/atoms/dropdown/option/index.d.ts

@@ -3,10 +3,6 @@ import { MetaListProps, IconProps, TextProps } from "../../../../index.type";
 import { OptionType } from "../DropdownList";
 import { ChangeEvent, IconType } from "../../../../common.type";
 export declare type ClickEvent = React.MouseEvent<HTMLDivElement>;
-export interface OptionRendererProps {
-    optionRenderer?: (props: OptionProps) => React.ReactElement;
-    optionType?: OptionType;
-}
 export interface OptionSchema extends Record<string, any> {
     label: string;
     value: React.ReactText;
@@ -18,6 +14,19 @@ export interface OptionSchema extends Record<string, any> {
     group?: string;
     iconType?: IconType;
 }
+export interface CustomOptionRendererParams {
+    optionData: OptionSchema;
+    selected: boolean;
+    active?: boolean;
+    index: number;
+    onClick?: () => void;
+    onChange?: (event: ChangeEvent) => void;
+    id?: string;
+}
+export interface OptionRendererProps {
+    optionRenderer?: (props: CustomOptionRendererParams) => React.ReactElement;
+    optionType?: OptionType;
+}
 export interface OptionTypeProps {
     className: string;
     textClassName: string;

package/dist/core/components/atoms/helpText/HelpText.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 export interface HelpTextProps extends BaseProps {
+    id?: string;
     message?: string;
     error?: boolean;
 }

package/dist/core/components/atoms/icon/Icon.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { BaseProps } from "../../../utils/types";
+import { BaseProps, BaseHtmlProps } from "../../../utils/types";
 export declare type IconAppearance = 'default' | 'destructive' | 'white' | 'subtle' | 'disabled' | 'info' | 'alert' | 'warning' | 'success' | 'primary_lighter' | 'primary' | 'primary_dark' | 'primary_darker' | 'alert_lighter' | 'alert_dark' | 'alert_darker' | 'warning_lighter' | 'warning_dark' | 'warning_darker' | 'success_lighter' | 'success_dark' | 'success_darker' | 'accent1' | 'accent1_lighter' | 'accent1_dark' | 'accent1_darker' | 'accent2' | 'accent2_lighter' | 'accent2_dark' | 'accent2_darker' | 'accent3' | 'accent3_lighter' | 'accent3_dark' | 'accent3_darker' | 'accent4' | 'accent4_lighter' | 'accent4_dark' | 'accent4_darker' | 'inverse';
 export declare type IconType = 'filled' | 'outlined' | 'outline' | 'rounded' | 'round' | 'two-tone' | 'sharp';
-export interface IconProps extends BaseProps {
+export interface IconProps extends BaseProps, BaseHtmlProps<HTMLElement> {
     name?: string;
     size: number;
     type?: IconType;
@@ -11,7 +11,6 @@ export interface IconProps extends BaseProps {
     onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     children?: React.ReactNode;
     tabIndex?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>['tabIndex'];
-    'aria-hidden'?: React.AriaAttributes['aria-hidden'];
 }
 export declare const Icon: {
     (props: IconProps): React.JSX.Element;

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,10 +8,11 @@ export interface LinkButtonProps extends BaseProps, BaseHtmlProps<HTMLButtonElem
     type?: ButtonType;
     size?: LinkButtonSize;
     disabled?: boolean;
+    tooltip?: string;
     icon?: string;
     iconAlign?: IconAlignment;
     iconType?: IconType;
-    children: React.ReactText;
+    children?: React.ReactText;
     tabIndex?: number;
     autoFocus?: boolean;
     subtle?: boolean;

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

@@ -9,6 +9,7 @@ export interface MessageProps extends BaseProps {
     children?: React.ReactNode;
     description: string;
     actions?: React.ReactNode;
+    id?: string;
 }
 export declare const Message: {
     (props: MessageProps): React.JSX.Element;

package/dist/core/components/atoms/multiSlider/Handle.d.ts

@@ -10,6 +10,7 @@ export interface InternalHandleProps extends HandleProps {
     disabled?: boolean;
     isCurrentLabelHovered?: boolean;
     label: string;
+    ariaLabel?: string;
     max: number;
     min: number;
     stepSize: number;

package/dist/core/components/atoms/multiSlider/index.d.ts

@@ -38,6 +38,7 @@ export declare class MultiSlider extends React.Component<InternalMultiSliderProp
     static Handle: React.FunctionComponent<HandleProps>;
     handleElements: Handle[];
     trackElement: HTMLElement | null;
+    labelId: string;
     constructor(props: InternalMultiSliderProps);
     getDerivedStateFromProps(props: InternalMultiSliderProps): {
         labelPrecision: number;
@@ -57,6 +58,7 @@ export declare class MultiSlider extends React.Component<InternalMultiSliderProp
     onReleaseHandler: (newValue: number, index: number) => void;
     onChangeHandler: (newValue: number, index: number) => void;
     formatLabel: (value: number) => string;
+    getHandleAriaLabel: (index: number, totalHandles: number) => string;
     renderHandles: () => React.JSX.Element[] | null;
     renderLabels: () => React.JSX.Element[];
     renderTrackFill: (index: number, start: HandleProps, end: HandleProps) => 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;