Released 2.34.0

dist/core/accessibility/utils/index.d.ts

@@ -0,0 +1,4 @@
+import isEnterKey from "./isEnterKey";
+import isSpaceKey from "./isSpaceKey";
+import useAccessibilityProps from "./useAccessibilityProps";
+export { isEnterKey, useAccessibilityProps, isSpaceKey };

dist/core/accessibility/utils/isEnterKey.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const isEnterKey: (e: React.KeyboardEvent) => boolean;
+export default isEnterKey;

dist/core/accessibility/utils/isSpaceKey.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const isSpaceKey: (e: React.KeyboardEvent) => boolean;
+export default isSpaceKey;

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+declare type AriaRoleType = React.AriaRole;
+interface IProps {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    role?: AriaRoleType;
+    tabIndex?: number;
+    'aria-label'?: React.AriaAttributes['aria-label'];
+}
+declare const useAccessibilityProps: ({ onClick, onKeyDown, role, tabIndex, ...rest }: IProps) => {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    role: React.AriaRole;
+    tabIndex: number;
+    'aria-label': string | undefined;
+    onKeyDown: (e: React.SyntheticEvent<HTMLElement>) => void;
+} | {
+    role: React.AriaRole;
+    tabIndex: number | undefined;
+    'aria-label': string | undefined;
+};
+export default useAccessibilityProps;

dist/core/common.type.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { OverlayFooterProps } from "./components/molecules/overlayFooter";
+export declare type AccentAppearance = 'primary' | 'secondary' | 'alert' | 'warning' | 'success' | 'accent1' | 'accent2' | 'accent3' | 'accent4';
+export declare type HeadingAppearance = 'default' | 'subtle' | 'disabled' | 'white';
+export declare type MessageAppearance = 'default' | 'alert' | 'info' | 'success' | 'warning';
+export declare type FileStatus = 'uploading' | 'completed' | 'error';
+export declare type FooterOptions = {
+    actions: OverlayFooterProps['actions'];
+};
+export declare type AutoComplete = 'on' | 'off';
+export declare type NumberRange = [number, number];
+export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export declare type TextColor = 'white' | 'primary' | 'secondary' | 'success' | 'alert' | 'warning' | 'accent1' | 'accent2' | 'accent3' | 'accent4' | 'inverse' | 'primary-dark' | 'secondary-dark' | 'success-dark' | 'alert-dark' | 'warning-dark' | 'accent1-dark' | 'accent2-dark' | 'accent3-dark' | 'accent4-dark' | 'primary-darker' | 'success-darker' | 'alert-darker' | 'warning-darker' | 'accent1-darker' | 'accent2-darker' | 'accent3-darker' | 'accent4-darker' | 'primary-light' | 'secondary-light' | 'success-light' | 'alert-light' | 'warning-light' | 'accent1-light' | 'accent2-light' | 'accent3-light' | 'accent4-light' | 'inverse-light' | 'primary-lighter' | 'secondary-lighter' | 'success-lighter' | 'alert-lighter' | 'warning-lighter' | 'accent1-lighter' | 'accent2-lighter' | 'accent3-lighter' | 'accent4-lighter' | 'inverse-lighter' | 'primary-lightest' | 'secondary-lightest' | 'success-lightest' | 'alert-lightest' | 'warning-lightest' | 'accent1-lightest' | 'accent2-lightest' | 'accent3-lightest' | 'accent4-lightest' | 'inverse-lightest' | 'primary-shadow' | 'secondary-shadow' | 'success-shadow' | 'alert-shadow' | 'warning-shadow' | 'accent1-shadow' | 'accent2-shadow' | 'accent3-shadow' | 'accent4-shadow' | 'inverse-shadow';
+export declare type AvatarSize = 'regular' | 'tiny';
+export declare type AvatarShape = 'round' | 'square';
+export declare type IconType = 'rounded' | 'outlined';
+export declare type PositionType = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
+export declare type OptionType = {
+    label: string;
+    value: any;
+    isSelectedOption?: boolean;
+};
+export declare type TListboxSize = 'standard' | 'compressed' | 'tight';

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Name } from "../chip/Chip";
+import { BaseProps } from "../../../utils/types";
+import { IconType } from "../../../common.type";
+export interface GenericChipProps extends BaseProps {
+    label: string | React.ReactElement;
+    labelPrefix?: string;
+    icon?: string;
+    clearButton?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    onClose?: () => void;
+    onClick?: () => void;
+    iconType?: IconType;
+    name: Name;
+}
+export declare const GenericChip: {
+    (props: GenericChipProps): JSX.Element;
+    displayName: string;
+};
+export default GenericChip;

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface Props {
+    children: React.ReactNode;
+    componentType: string;
+    className?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export default _default;

dist/core/components/atoms/actionCard/ActionCard.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+export interface ActionCardProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
+    children: React.ReactNode;
+    disabled?: boolean;
+    zIndex?: number;
+    onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent) => void;
+}
+export declare const ActionCard: {
+    (props: ActionCardProps): JSX.Element;
+    displayName: string;
+};
+export default ActionCard;

dist/core/components/atoms/actionCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ActionCard";
+export * from "./ActionCard";

dist/core/components/atoms/avatar/Avatar.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { TooltipProps } from "../../../index.type";
+import { AccentAppearance, AvatarSize, AvatarShape } from "../../../common.type";
+export interface AvatarProps extends BaseProps {
+    appearance?: AccentAppearance;
+    children?: string | React.ReactNode;
+    firstName?: string;
+    lastName?: string;
+    withTooltip: boolean;
+    tooltipPosition: TooltipProps['position'];
+    size: AvatarSize;
+    shape: AvatarShape;
+    role?: string;
+}
+export declare const Avatar: {
+    (props: AvatarProps): JSX.Element;
+    displayName: string;
+    Icon: (props: import("./avatarIcon").AvatarIconProps) => JSX.Element;
+    Image: (props: import("./avatarImage").AvatarImageProps) => JSX.Element;
+    defaultProps: {
+        tooltipPosition: string;
+        withTooltip: boolean;
+        size: string;
+        shape: string;
+    };
+};
+export default Avatar;

dist/core/components/atoms/avatar/AvatarProvider.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare type ContextProps = {
+    size?: string;
+    appearance?: string;
+    firstName?: string;
+    lastName?: string;
+};
+export declare const AvatarContext: React.Context<ContextProps>;
+declare const _default: React.Provider<ContextProps>;
+export default _default;

dist/core/components/atoms/avatar/avatarIcon/AvatarIcon.d.ts

@@ -0,0 +1,7 @@
+import { BaseProps } from "../../../../utils/types";
+export interface AvatarIconProps extends BaseProps {
+    name?: string;
+    type?: 'outlined' | 'rounded';
+}
+export declare const AvatarIcon: (props: AvatarIconProps) => JSX.Element;
+export default AvatarIcon;

dist/core/components/atoms/avatar/avatarIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AvatarIcon";
+export * from "./AvatarIcon";

dist/core/components/atoms/avatar/avatarImage/AvatarImage.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export interface AvatarImageProps extends BaseProps {
+    children?: React.ReactNode;
+    src?: string;
+}
+export declare const AvatarImage: (props: AvatarImageProps) => JSX.Element;
+export default AvatarImage;

dist/core/components/atoms/avatar/avatarImage/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AvatarImage";
+export * from "./AvatarImage";

dist/core/components/atoms/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Avatar";
+export * from "./Avatar";

dist/core/components/atoms/avatarGroup/AvatarCount.d.ts

@@ -0,0 +1,2 @@
+declare const AvatarCount: (props: any) => JSX.Element;
+export default AvatarCount;

dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { AvatarProps, PopoverProps } from "../../../index.type";
+import { AvatarSize } from "../../../common.type";
+interface AvatarData extends Record<string, any> {
+    firstName?: string;
+    lastName?: string;
+    appearance?: AvatarProps['appearance'];
+    icon?: React.ReactNode;
+    image?: React.ReactNode;
+}
+interface AvatarPopoverProps {
+    popperRenderer?: (names: AvatarData[]) => JSX.Element;
+    appendToBody?: PopoverProps['appendToBody'];
+    dark?: PopoverProps['dark'];
+    position?: PopoverProps['position'];
+    on?: PopoverProps['on'];
+    maxHeight?: number;
+    popperClassName?: string;
+}
+export interface AvatarGroupProps extends BaseProps {
+    list: AvatarData[];
+    max: number;
+    borderColor: string;
+    size: AvatarSize;
+    popoverOptions: AvatarPopoverProps;
+    tooltipPosition: PopoverProps['position'];
+}
+export declare const AvatarGroup: {
+    (props: AvatarGroupProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        max: number;
+        tooltipPosition: string;
+        borderColor: string;
+        popoverOptions: {};
+        size: string;
+    };
+};
+export default AvatarGroup;

dist/core/components/atoms/avatarGroup/AvatarPopperBody.d.ts

@@ -0,0 +1,2 @@
+declare const AvatarPopperBody: (props: any) => any;
+export default AvatarPopperBody;

dist/core/components/atoms/avatarGroup/Avatars.d.ts

@@ -0,0 +1,2 @@
+declare const Avatars: (props: any) => any;
+export default Avatars;

dist/core/components/atoms/avatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AvatarGroup";
+export * from "./AvatarGroup";

dist/core/components/atoms/avatarSelection/AvatarSelection.d.ts

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { AvatarProps, TooltipProps } from "../../../index.type";
+import { AvatarSize } from "../../../common.type";
+export interface AvatarData extends Record<string, any> {
+    firstName?: string;
+    lastName?: string;
+    appearance?: AvatarProps['appearance'];
+    icon?: React.ReactNode;
+    image?: React.ReactNode;
+    selected?: boolean;
+}
+export interface AvatarSelectionProps extends BaseProps {
+    list: AvatarData[];
+    max: number;
+    borderColor: string;
+    size: AvatarSize;
+    tooltipPosition: TooltipProps['position'];
+    avatarRenderer?: (data: AvatarData) => JSX.Element;
+    onSelect?: (data?: AvatarData) => void;
+    width?: number;
+    maxHeight?: number;
+    minHeight?: number;
+    withSearch?: boolean;
+    searchPlaceholder?: string;
+    searchComparator?: (searchValue: string, avatarData: AvatarData) => boolean;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const AvatarSelection: {
+    (props: AvatarSelectionProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        max: number;
+        tooltipPosition: string;
+        borderColor: string;
+        size: string;
+        width: number;
+        maxHeight: number;
+    };
+    Input: (props: import("../input/Input").InputProps) => JSX.Element;
+    List: {
+        (props: import("./avatarPopover").SelectionListProps): JSX.Element;
+        defaultProps: {
+            type: string;
+            showDivider: boolean;
+            size: string;
+            tagName: string;
+        };
+    };
+    Option: {
+        (props: import("./avatarPopover").SelectionOptionProps): JSX.Element;
+        defaultProps: {
+            tagName: string;
+        };
+    };
+    EmptyState: (props: import("./avatarPopover").AvatarEmptyStateProps) => JSX.Element;
+};
+export default AvatarSelection;

dist/core/components/atoms/avatarSelection/AvatarSelectionContext.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { AvatarData } from "./AvatarSelection";
+export declare type ContextProps = {
+    listRef?: React.RefObject<HTMLDivElement>;
+    onSelect?: (data?: AvatarData) => void;
+    withSearch?: boolean;
+    triggerRef?: React.LegacyRef<HTMLDivElement>;
+    selectedItems: AvatarData[];
+    focusedOption?: HTMLElement;
+    setSelectedItems?: React.Dispatch<React.SetStateAction<AvatarData[]>>;
+    setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>>;
+    setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>>;
+    openPopover?: boolean;
+    popoverId?: string;
+};
+export declare const AvatarSelectionContext: React.Context<Partial<ContextProps>>;
+export default AvatarSelectionContext;

dist/core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionEmptyState.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface AvatarEmptyStateProps {
+    height?: number;
+    title?: React.ReactText;
+    description?: string;
+}
+export declare const AvatarSelectionEmptyState: (props: AvatarEmptyStateProps) => JSX.Element;
+export default AvatarSelectionEmptyState;

dist/core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionInput.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from "../../../../index.type";
+export declare const AvatarSelectionInput: (props: InputProps) => JSX.Element;
+export default AvatarSelectionInput;

dist/core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionList.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { TListboxSize } from "../../../../common.type";
+import { BaseProps } from "../../../../utils/types";
+declare type TagType = 'ul' | 'ol' | 'div' | 'nav';
+export interface SelectionListProps extends BaseProps {
+    children: React.ReactNode;
+    size: TListboxSize;
+    tagName: TagType;
+    showDivider: boolean;
+}
+export declare const AvatarSelectionList: {
+    (props: SelectionListProps): JSX.Element;
+    defaultProps: {
+        type: string;
+        showDivider: boolean;
+        size: string;
+        tagName: string;
+    };
+};
+export default AvatarSelectionList;

dist/core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionOption.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export declare type ItemTagType = 'li' | 'div';
+export interface SelectionOptionProps extends BaseProps {
+    children: React.ReactNode;
+    value?: any;
+    tagName: ItemTagType;
+    onFocus?: (event: React.FocusEvent) => void;
+    onBlur?: (event: React.FocusEvent) => void;
+}
+export declare const AvatarSelectionOption: {
+    (props: SelectionOptionProps): JSX.Element;
+    defaultProps: {
+        tagName: string;
+    };
+};
+export default AvatarSelectionOption;

dist/core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionPopover.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { AvatarData } from "../AvatarSelection";
+interface AvatarPopoverProps {
+    hiddenAvatarList: AvatarData[];
+    searchPlaceholder?: string;
+    searchComparator?: (searchValue: string, avatarData: AvatarData) => boolean;
+    children?: React.ReactNode;
+    customStyle: {
+        width?: number;
+        minHeight?: number;
+        maxHeight?: number;
+    };
+}
+export declare const AvatarSelectionPopover: (props: AvatarPopoverProps) => JSX.Element;
+export default AvatarSelectionPopover;

dist/core/components/atoms/avatarSelection/avatarPopover/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./AvatarSelectionPopover";
+export * from "./AvatarSelectionEmptyState";
+export * from "./AvatarSelectionInput";
+export * from "./AvatarSelectionList";
+export * from "./AvatarSelectionOption";

dist/core/components/atoms/avatarSelection/avatarPopover/utils.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const handleKeyDown: (event: React.KeyboardEvent, focusedOption: Element | undefined, setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>> | undefined, setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>> | undefined, setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>> | undefined, listRef?: any, withSearch?: boolean | undefined, setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>> | undefined, triggerRef?: any) => void;
+export declare const handleInputKeyDown: (event: React.KeyboardEvent, listRef: any, setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>> | undefined, setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>> | undefined, triggerRef?: any) => void;

dist/core/components/atoms/avatarSelection/avatarsSelection/AvatarSelectionCount.d.ts

@@ -0,0 +1,13 @@
+import { AvatarData } from "../AvatarSelection";
+import { AvatarSize } from "../../../../common.type";
+interface CountAvatarProp {
+    size?: AvatarSize;
+    hiddenAvatarCount?: number;
+    hiddenAvatarList: AvatarData[];
+    avatarStyle?: {
+        backgroundColor?: string;
+        boxShadow?: string;
+    };
+}
+export declare const AvatarSelectionCount: (props: CountAvatarProp) => JSX.Element;
+export default AvatarSelectionCount;