easemob-chat-uikit 1.0.0-beta

package/types/src/dropdown/MenuWrap.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactElement } from 'react';
+export interface MenuWrapProps {
+    className?: string;
+    children: ReactElement;
+    containerRef: React.RefObject<HTMLDivElement>;
+    onClose: () => void;
+}
+declare const MenuWrap: ({ className, children, containerRef, onClose, }: MenuWrapProps) => JSX.Element;
+export { MenuWrap };

package/types/src/dropdown/index.d.ts

@@ -0,0 +1,2 @@
+import { Dropdown } from './Dropdown';
+export default Dropdown;

package/types/src/entry.d.ts

@@ -0,0 +1,13 @@
+import Avatar from './avatar';
+import Button from './button';
+import Input from './input/Input';
+import Badge from './badge';
+import Checkbox from './checkbox';
+import Dropdown from './dropdown';
+import Icon from './icon';
+import List from './list';
+import Modal from './modal';
+import Popover from './popover';
+import Switch from './switch';
+import Tooltip from 'rc-tooltip';
+export { Avatar, Input, Badge, Checkbox, Dropdown, Icon, List, Modal, Popover, Switch, Tooltip };

package/types/src/icon/Icon.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { ICON_TYPES } from './const';
+export interface IconProps {
+    children?: ReactNode;
+    className?: string;
+    type: keyof typeof ICON_TYPES;
+    width?: string | number;
+    height?: string | number;
+    color?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: React.CSSProperties;
+}
+declare const Icon: ({ className, type, children, width, height, color, onClick, }: IconProps) => ReactElement;
+export { Icon };

package/types/src/icon/const.d.ts

@@ -0,0 +1,27 @@
+declare enum ICON_TYPES {
+    SHUT_DOWN = "SHUT_DOWN",
+    STAR = "STAR",
+    DONE_ALL = "DONE_ALL",
+    CLOSE = "CLOSE",
+    FILE = "FILE",
+    USER = "USER",
+    PLAY = "PLAY",
+    ELLIPSIS = "ELLIPSIS",
+    LOADING = "LOADING",
+    DOC = "DOC",
+    WAVE1 = "WAVE1",
+    WAVE2 = "WAVE2",
+    WAVE3 = "WAVE3",
+    CIRCLE_WAVE = "CIRCLE_WAVE",
+    PLAY_VIDEO = "PLAY_VIDEO",
+    FACE = "FACE",
+    CROSS = "CROSS",
+    AIR_PLANE = "AIR_PLANE",
+    ARROW_RIGHT = "ARROW_RIGHT",
+    ARROW_LEFT = "ARROW_LEFT",
+    ARROW_UP = "ARROW_UP",
+    ARROW_DOWN = "ARROW_DOWN",
+    PLUS_CIRCLE = "PLUS_CIRCLE",
+    SEARCH = "SEARCH"
+}
+export { ICON_TYPES };

package/types/src/icon/index.d.ts

@@ -0,0 +1,3 @@
+import { Icon } from './Icon';
+export type { IconProps } from './Icon';
+export default Icon;

package/types/src/input/Input.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function Input(): JSX.Element;

package/types/src/input/Search.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode, ChangeEvent } from 'react';
+export interface SearchProps {
+    className?: string;
+    prefix?: string;
+    icon?: ReactNode;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    style?: React.CSSProperties;
+    shape?: 'ground' | 'square';
+}
+export default function Search(props: SearchProps): JSX.Element;
+export { Search };

package/types/src/list/List.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+interface ListProps {
+    height: number;
+    itemCount: number;
+    itemSize: number | ((i: number) => number);
+    width?: number | string;
+    itemData?: any;
+    children: ({ index, style }: {
+        index: number;
+        style: React.CSSProperties;
+    }) => JSX.Element;
+    isItemLoaded: (index: number) => boolean;
+    onItemRendered?: (index: number) => boolean;
+    loadMoreItems: (startIndex: number, stopIndex: number) => void | Promise<void>;
+}
+interface List extends React.ForwardRefExoticComponent<ListProps & React.RefAttributes<any>> {
+    Row: ({ index, style }: {
+        index: number;
+        style: React.CSSProperties;
+    }) => JSX.Element;
+}
+declare const List: List;
+export { List };

package/types/src/list/index.d.ts

@@ -0,0 +1,2 @@
+import { List } from './List';
+export default List;

package/types/src/modal/Content.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+export interface ContentProps {
+    title?: React.ReactNode;
+    holderRef?: React.Ref<HTMLDivElement>;
+    style?: React.CSSProperties;
+    prefixCls: string;
+    className?: string;
+    onMouseDown?: React.MouseEventHandler;
+    onMouseUp?: React.MouseEventHandler;
+    sentinelStyle?: React.CSSProperties;
+    visible: boolean;
+    forceRender: boolean;
+    closable?: boolean;
+    onClose?: (e: React.SyntheticEvent) => void;
+    closeIcon?: React.ReactNode;
+    bodyStyle?: React.CSSProperties;
+    bodyProps?: any;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    width?: number | string;
+    height?: number | string;
+    modalRender?: (node: React.ReactNode) => React.ReactNode;
+    onVisibleChanged: (visible: boolean) => void;
+    motionName?: string;
+    mousePosition?: {
+        x: number;
+        y: number;
+    } | null;
+    destroyOnClose?: boolean;
+}
+export declare type ContentRef = {
+    focus: () => void;
+    changeActive: (next: boolean) => void;
+};
+declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<ContentRef>>;
+export default Content;

package/types/src/modal/Dialog.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode, CSSProperties, SyntheticEvent } from 'react';
+import type { GetContainer } from 'rc-util/lib/PortalWrapper';
+export interface DialogPropTypes {
+    className?: string;
+    keyboard?: boolean;
+    style?: CSSProperties;
+    mask?: boolean;
+    children?: any;
+    afterClose?: () => any;
+    onClose?: (e: SyntheticEvent) => void;
+    closable?: boolean;
+    maskClosable?: boolean;
+    visible?: boolean;
+    destroyOnClose?: boolean;
+    mousePosition?: {
+        x: number;
+        y: number;
+    } | null;
+    title?: ReactNode;
+    footer?: ReactNode;
+    transitionName?: string;
+    maskTransitionName?: string;
+    animation?: any;
+    maskAnimation?: any;
+    wrapStyle?: Record<string, any>;
+    bodyStyle?: Record<string, any>;
+    maskStyle?: Record<string, any>;
+    prefixCls?: string;
+    wrapClassName?: string;
+    width?: string | number;
+    height?: string | number;
+    zIndex?: number;
+    bodyProps?: any;
+    maskProps?: any;
+    rootClassName?: string;
+    wrapProps?: any;
+    getContainer?: GetContainer | false;
+    closeIcon?: ReactNode;
+    modalRender?: (node: ReactNode) => ReactNode;
+    forceRender: boolean;
+    focusTriggerAfterClose?: boolean;
+}
+export default function Dialog(props: DialogPropTypes): JSX.Element;

package/types/src/modal/Mast.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare type MaskProps = {
+    prefixCls: string;
+    visible: boolean;
+    motionName?: string;
+    style?: React.CSSProperties;
+    maskProps?: React.HTMLAttributes<HTMLDivElement>;
+};
+export default function Mask(props: MaskProps): JSX.Element;

package/types/src/modal/MemoChildren.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare type MemoChildrenProps = {
+    shouldUpdate: boolean;
+    children: React.ReactNode;
+};
+declare const _default: React.MemoExoticComponent<({ children }: MemoChildrenProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
+export default _default;

package/types/src/modal/Modal.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import type { ButtonProps, ButtonType } from '../button/Button';
+export interface ModalProps {
+    /** 对话框是否可见 */
+    open?: boolean;
+    /** 确定按钮 loading */
+    confirmLoading?: boolean;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 是否显示右上角的关闭按钮 */
+    closable?: boolean;
+    /** 点击确定回调 */
+    onOk?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调 */
+    onCancel?: (e: React.SyntheticEvent) => void;
+    afterClose?: () => void;
+    /** 垂直居中 */
+    centered?: boolean;
+    /** 宽度 */
+    width?: string | number;
+    /** 底部内容 */
+    footer?: React.ReactNode;
+    /** 确认按钮文字 */
+    okText?: React.ReactNode;
+    /** 确认按钮类型 */
+    okType?: ButtonType;
+    /** 取消按钮文字 */
+    cancelText?: React.ReactNode;
+    cancelType?: ButtonType;
+    /** 点击蒙层是否允许关闭 */
+    maskClosable?: boolean;
+    /** 强制渲染 Modal */
+    forceRender?: boolean;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    destroyOnClose?: boolean;
+    style?: React.CSSProperties;
+    wrapClassName?: string;
+    maskTransitionName?: string;
+    transitionName?: string;
+    className?: string;
+    getContainer?: string | HTMLElement | getContainerFunc | false;
+    zIndex?: number;
+    bodyStyle?: React.CSSProperties;
+    maskStyle?: React.CSSProperties;
+    mask?: boolean;
+    keyboard?: boolean;
+    wrapProps?: any;
+    prefixCls?: string;
+    closeIcon?: React.ReactNode;
+    modalRender?: (node: React.ReactNode) => React.ReactNode;
+    focusTriggerAfterClose?: boolean;
+    children?: React.ReactNode;
+}
+declare type getContainerFunc = () => HTMLElement;
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/types/src/modal/index.d.ts

@@ -0,0 +1,2 @@
+import Modal from './Modal';
+export default Modal;

package/types/src/modal/util.d.ts

@@ -0,0 +1,5 @@
+export declare function getMotionName(prefixCls: string, transitionName?: string, animationName?: string): string | undefined;
+export declare function offset(el: Element): {
+    left: number;
+    top: number;
+};

package/types/src/popover/Popover.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+export interface PopoverProps {
+    children?: string;
+    className?: string;
+}
+declare const Popover: ({ className, children, }: PopoverProps) => ReactElement;
+export { Popover };

package/types/src/popover/index.d.ts

@@ -0,0 +1,2 @@
+import { Popover } from './Popover';
+export default Popover;

package/types/src/svg.d.ts

@@ -0,0 +1,6 @@
+declare module '*.svg' {
+	const ReactComponent: React.FunctionComponent<
+		React.SVGAttributes<SVGElement>
+	>;
+	export { ReactComponent };
+}

package/types/src/switch/Switch.d.ts

@@ -0,0 +1,9 @@
+import { ChangeEvent, ReactElement } from 'react';
+export interface SwitchProps {
+    className?: string;
+    checked: boolean;
+    disabled?: boolean;
+    onChange?(e: ChangeEvent<HTMLInputElement>): void;
+}
+declare const Switch: ({ checked, onChange, disabled, className, }: SwitchProps) => ReactElement;
+export { Switch };

package/types/src/switch/index.d.ts

@@ -0,0 +1,2 @@
+import { Switch } from './Switch';
+export default Switch;

package/types/src/tooltip/Tooltip.d.ts

@@ -0,0 +1,49 @@
+import type { placements as Placements } from 'rc-tooltip/lib/placements';
+import type { TooltipProps as RcTooltipProps } from 'rc-tooltip/lib/Tooltip';
+import * as React from 'react';
+import { AdjustOverflow, PlacementsConfig } from '../_utils/placements';
+export type { AdjustOverflow, PlacementsConfig };
+export declare type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export interface TooltipAlignConfig {
+    points?: [string, string];
+    offset?: [number | string, number | string];
+    targetOffset?: [number | string, number | string];
+    overflow?: {
+        adjustX: boolean;
+        adjustY: boolean;
+    };
+    useCssRight?: boolean;
+    useCssBottom?: boolean;
+    useCssTransform?: boolean;
+}
+interface LegacyTooltipProps extends Partial<Omit<RcTooltipProps, 'children' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'afterVisibleChange'>> {
+    open?: RcTooltipProps['visible'];
+    defaultOpen?: RcTooltipProps['defaultVisible'];
+    onOpenChange?: RcTooltipProps['onVisibleChange'];
+    afterOpenChange?: RcTooltipProps['afterVisibleChange'];
+}
+export interface AbstractTooltipProps extends LegacyTooltipProps {
+    style?: React.CSSProperties;
+    className?: string;
+    color?: string;
+    placement?: TooltipPlacement;
+    builtinPlacements?: typeof Placements;
+    openClassName?: string;
+    arrowPointAtCenter?: boolean;
+    autoAdjustOverflow?: boolean | AdjustOverflow;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    children?: React.ReactNode;
+    arrow?: boolean;
+}
+export declare type RenderFunction = () => React.ReactNode;
+export interface TooltipPropsWithOverlay extends AbstractTooltipProps {
+    title?: React.ReactNode | RenderFunction;
+    overlay?: React.ReactNode | RenderFunction;
+}
+export interface TooltipPropsWithTitle extends AbstractTooltipProps {
+    title: React.ReactNode | RenderFunction;
+    overlay?: React.ReactNode | RenderFunction;
+}
+export declare type TooltipProps = TooltipPropsWithTitle | TooltipPropsWithOverlay;
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<unknown>>;
+export { Tooltip };