@livechat/design-system-react-components 1.0.0-refresh-ui.2 → 1.0.0

package/dist/components/Switch/Switch.stories.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { Story } from '@storybook/react';
-import { SwitchProps } from './Switch';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, SwitchProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Default: Story<SwitchProps>;
-export declare const States: Story;
-export declare const Availability: Story;
-export declare const Sizes: Story;

package/dist/components/Switch/index.d.ts

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

package/dist/components/Tab/Tab.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { Size } from 'utils';
-type HTMLProps = (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    href: string;
-}) | (React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    href?: never;
-});
-export type TabProps = HTMLProps & {
-    count?: number;
-    isSelected?: boolean;
-    asBadge?: boolean;
-    size?: Size;
-};
-export declare const Tab: React.FC<React.PropsWithChildren<TabProps>>;
-export {};

package/dist/components/Tab/Tab.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Tab/Tab.stories.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { TabProps } from './Tab';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    href: string;
-} & {
-    count?: number | undefined;
-    isSelected?: boolean | undefined;
-    asBadge?: boolean | undefined;
-    size?: import("../..").Size | undefined;
-} & {
-    children?: React.ReactNode;
-}> | import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    href?: undefined;
-} & {
-    count?: number | undefined;
-    isSelected?: boolean | undefined;
-    asBadge?: boolean | undefined;
-    size?: import("../..").Size | undefined;
-} & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-type ITabArgs = TabProps;
-export declare const Tab: {
-    (args: ITabArgs): React.ReactElement;
-    args: TabProps;
-};
-export declare const StatesAndVariants: () => React.ReactElement;
-export declare const Sizes: () => React.ReactElement;

package/dist/components/Tab/TabsWrapper.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>>;
-export declare const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>>;

package/dist/components/Tab/TabsWrapper.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Tab/TabsWrapper.stories.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-type ITabArgs = {
-    items: Array<{
-        id: string;
-        title: string;
-        count: number;
-        asBadge?: boolean;
-        isDisabled?: boolean;
-    }>;
-};
-export declare const TabsWrapper: {
-    ({ items }: ITabArgs): React.ReactElement;
-    args: ITabArgs;
-};

package/dist/components/Tab/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Tab';
-export * from './TabsWrapper';

package/dist/components/Tag/Tag.d.ts

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { IconSize, IconSource } from '../Icon';
-export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Specify the tag kind
-     */
-    kind?: 'default' | 'info' | 'warning' | 'success' | 'error' | 'purple' | 'black';
-    /**
-     * Specify the tag size
-     */
-    size?: 'medium' | 'large';
-    /**
-     * Specify the tag icon size if used
-     */
-    iconSize?: IconSize;
-    /**
-     * Set the tag custom color
-     */
-    customColor?: string;
-    /**
-     * Set to show close icon
-     */
-    dismissible?: boolean;
-    /**
-     * Outlined version of tag
-     */
-    outline?: boolean;
-    /**
-     * The event handler for close icon click
-     */
-    onRemove?(): void;
-    /**
-     * Pass the icon to show it
-     */
-    icon?: IconSource;
-    /**
-     * Pass the image source to show it as avatar
-     */
-    avatar?: string;
-}
-export declare const Tag: React.FC<React.PropsWithChildren<TagProps>>;

package/dist/components/Tag/Tag.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Tag/Tag.stories.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { TagProps } from './Tag';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TagProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Default: {
-    ({ children, ...args }: TagProps): React.ReactElement;
-    args: TagProps;
-};
-export declare const Kinds: {
-    ({ children, ...args }: TagProps): React.ReactElement;
-    args: {
-        children: string;
-        icon: any;
-    };
-};
-export declare const Sizes: {
-    ({ children, ...args }: TagProps): React.ReactElement;
-    args: {
-        children: string;
-        icon: any;
-    };
-};

package/dist/components/Tag/index.d.ts

@@ -1 +0,0 @@
-export { Tag } from './Tag';

package/dist/components/TagInput/EditableTag.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-export interface EditableTagProps extends React.HTMLAttributes<HTMLDivElement> {
-    inputRef: React.RefObject<HTMLInputElement>;
-    index: number;
-    update: (idx: number, value: string) => void;
-    remove: (idx: number) => void;
-    validator?: (val: string) => boolean;
-    children: string;
-    size: 'medium' | 'large';
-}
-export declare const EditableTag: React.FC<EditableTagProps>;

package/dist/components/TagInput/EditableTagContent.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-export interface EditableTagContentProps {
-    value: string;
-    className?: string;
-    innerEditableRef: React.RefObject<HTMLDivElement>;
-    inputRef: React.RefObject<HTMLInputElement>;
-    change: (value: string) => void;
-    remove: () => void;
-    validator?: (value: string) => boolean;
-}
-export declare const EditableTagContent: React.FC<EditableTagContentProps>;

package/dist/components/TagInput/EmailTagInput.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { TagInputProps } from './TagInput';
-export type EmailTagInputProps = Omit<TagInputProps, 'validator'>;
-export declare const emailRegex: RegExp;
-export declare const EmailTagInput: React.FC<EmailTagInputProps>;

package/dist/components/TagInput/TagInput.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-export interface TagInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
-    /**
-     * Set the id for input
-     */
-    id?: string;
-    /**
-     * Set the error message
-     */
-    error?: string;
-    /**
-     * Array of defined tags
-     */
-    tags?: string[];
-    /**
-     * The event handler for modify tags array
-     */
-    onChange: (tags: string[]) => void;
-    /**
-     * Set the input placeholder
-     */
-    placeholder?: string;
-    /**
-     * Set the custom validation for provided items
-     */
-    validator?: (val: string) => boolean;
-    /**
-     * Specify the input size
-     */
-    size?: 'medium' | 'large';
-}
-export declare const TagInput: React.FC<TagInputProps>;

package/dist/components/TagInput/TagInput.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/TagInput/TagInput.stories.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { Story } from '@storybook/react';
-import { TagInputProps, EmailTagInputProps } from './index';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TagInputProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const DefaultTagInput: Story<TagInputProps>;
-export declare const DefaultEmailTagInput: Story<EmailTagInputProps>;
-export declare const Sizes: () => React.ReactElement;

package/dist/components/TagInput/index.d.ts

@@ -1,4 +0,0 @@
-export { TagInput } from './TagInput';
-export type { TagInputProps } from './TagInput';
-export { EmailTagInput } from './EmailTagInput';
-export type { EmailTagInputProps } from './EmailTagInput';

package/dist/components/Textarea/Textarea.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    className?: string;
-    error?: boolean;
-}
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/Textarea/Textarea.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Textarea/Textarea.stories.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { Story } from '@storybook/react';
-import { TextareaProps } from './Textarea';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default _default;
-export declare const Default: Story<TextareaProps>;
-export declare const States: () => React.ReactElement;

package/dist/components/Textarea/index.d.ts

@@ -1 +0,0 @@
-export { Textarea } from './Textarea';

package/dist/components/Toast/Toast.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-type ToastKind = 'success' | 'warning' | 'error' | 'info';
-type ToastAction = {
-    onClick: () => void;
-    label: string;
-    closesOnClick?: boolean;
-};
-export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
-    action?: ToastAction;
-    className?: string;
-    removable?: boolean;
-    kind?: ToastKind;
-    onClose?: () => void;
-}
-export declare const Toast: React.FC<React.PropsWithChildren<ToastProps>>;
-export {};

package/dist/components/Toast/Toast.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Toast/Toast.stories.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { Story } from '@storybook/react';
-import { ToastProps } from './Toast';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ToastProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Default: Story<ToastProps>;
-export declare const Kinds: Story;
-export declare const WithCloseIcon: Story;
-export declare const WithCustomAction: {
-    (): React.ReactElement;
-    parameters: import("@storybook/types").Parameters;
-};

package/dist/components/Toast/ToastWrapper.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { ToastProps, Toast } from './Toast';
-type HorizontalPosition = 'left' | 'center' | 'right';
-type VerticalPosition = 'top' | 'bottom';
-export declare const ANIMATION_TIME = 200;
-interface Toast extends Omit<ToastProps, 'content'> {
-    id: string;
-    content: React.ReactElement | string;
-}
-export interface ToastWrapperProps {
-    className?: string;
-    toasts: Toast[];
-    fixed?: boolean;
-    block?: boolean;
-    animationType?: string;
-    verticalPosition?: VerticalPosition;
-    horizontalPosition?: HorizontalPosition;
-}
-export declare const ToastWrapper: React.FC<ToastWrapperProps>;
-export {};

package/dist/components/Toast/ToastWrapper.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Toast/ToastWrapper.stories.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { ToastWrapperProps } from './ToastWrapper';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ToastWrapperProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const ToastWrapper: {
-    (args: ToastWrapperProps): React.ReactElement;
-    args: {
-        fixed: boolean;
-        toasts: ({
-            id: string;
-            kind: string;
-            content: React.JSX.Element;
-            removable?: undefined;
-            action?: undefined;
-        } | {
-            id: string;
-            kind: string;
-            content: string;
-            removable: boolean;
-            action?: undefined;
-        } | {
-            id: string;
-            kind: string;
-            content: string;
-            action: {
-                label: string;
-                handler: () => void;
-            };
-            removable?: undefined;
-        } | {
-            id: string;
-            kind: string;
-            content: string;
-            removable?: undefined;
-            action?: undefined;
-        })[];
-    };
-};

package/dist/components/Toast/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Toast';
-export * from './ToastWrapper';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { ITooltipProps } from './types';
-export declare const Tooltip: React.FC<ITooltipProps>;

package/dist/components/Tooltip/Tooltip.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { ITooltipProps } from './types';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Default: {
-    (args: ITooltipProps): React.ReactElement;
-    args: {
-        placement: string;
-        isVisible: boolean;
-        theme: string;
-        triggerOnClick: boolean;
-        arrowOffsetY: number;
-        arrowOffsetX: number;
-        offsetMainAxis: number;
-        withFadeAnimation: boolean;
-        transitionDuration: number;
-        transitionDelay: number;
-        hoverOutDelayTimeout: number;
-    };
-};
-export declare const TooltipInfo: () => React.ReactElement;
-export declare const TooltipInteractive: () => React.ReactElement;
-export declare const TooltipReports: () => React.ReactElement;
-export declare const TooltipUserGuide: {
-    (args: ITooltipProps): React.ReactElement;
-    args: {
-        placement: string;
-        isVisible: boolean;
-        theme: string;
-        triggerOnClick: boolean;
-        arrowOffsetY: number;
-        arrowOffsetX: number;
-        offsetMainAxis: number;
-        withFadeAnimation: boolean;
-        transitionDuration: number;
-        transitionDelay: number;
-        hoverOutDelayTimeout: number;
-    };
-};

package/dist/components/Tooltip/components/FloatingComponent.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { UseFloatingReturn } from '@floating-ui/react-dom';
-import { ITooltipProps } from '../types';
-type IProps = Pick<ITooltipProps, 'referenceElement' | 'arrowOffsetX' | 'arrowOffsetY' | 'className' | 'theme' | 'withFadeAnimation' | 'transitionDuration' | 'transitionDelay'> & {
-    visible?: boolean;
-    floatingOptions: UseFloatingReturn;
-    baseClass: string;
-    arrowRef: React.RefObject<HTMLDivElement>;
-    transitionDuration: number;
-    transitionDelay: number;
-    handleMouseEnter: (event: React.MouseEvent) => void;
-    handleMouseLeave: (event: React.MouseEvent) => void;
-    handleCloseAction: (event: MouseEvent | KeyboardEvent) => void;
-    childrenElements: React.ReactNode;
-    fullSpaceContent?: boolean;
-};
-export declare const FloatingComponent: React.FC<IProps>;
-export {};

package/dist/components/Tooltip/components/Info.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export declare const Info: React.FC<{
-    header?: string;
-    text: string;
-    closeWithX?: boolean;
-    theme?: string;
-    handleCloseAction?: (ev: React.MouseEvent) => void;
-}>;

package/dist/components/Tooltip/components/Interactive.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { ButtonKind } from '../../Button';
-export declare const Interactive: React.FC<{
-    header?: string;
-    text: string;
-    image?: {
-        src: string;
-        alt: string;
-    };
-    closeWithX?: boolean;
-    theme?: 'invert' | 'important';
-    handleCloseAction?: (ev: React.MouseEvent) => void;
-    primaryButton: {
-        handleClick: () => void;
-        label: string;
-        kind?: ButtonKind;
-    };
-    secondaryButton: {
-        handleClick: () => void;
-        label: string;
-        kind?: ButtonKind;
-    };
-}>;

package/dist/components/Tooltip/components/Reports.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export interface IReportsProps {
-    title: string;
-    description?: string;
-    children: React.ReactNode;
-}
-export declare const Reports: React.FC<IReportsProps>;

package/dist/components/Tooltip/components/Simple.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-export declare const Simple: React.FC<{
-    text: string;
-}>;

package/dist/components/Tooltip/components/UserGuide/SpotlightOverlay.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-declare const SpotlightOverlay: ({ gap, isVisible, slide, disablePointerEvents, }: {
-    gap: DOMRect | null;
-    isVisible: boolean;
-    slide: boolean;
-    disablePointerEvents: boolean;
-}) => React.ReactElement | null;
-export default SpotlightOverlay;

package/dist/components/Tooltip/components/UserGuide/UserGuide.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { ModalPortalProps } from '../../../Modal';
-import { ITooltipProps } from '../../types';
-interface IOwnProps {
-    shouldSlide?: boolean;
-    className?: string;
-    disableSpotlightPointerEvents?: boolean;
-}
-interface IUserGuide extends IOwnProps, ITooltipProps, Omit<ModalPortalProps, 'children'> {
-}
-export declare const UserGuide: React.FC<IUserGuide>;
-export {};

package/dist/components/Tooltip/components/UserGuide/UserGuideStep.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-export declare const UserGuideStep: React.FC<{
-    header: string;
-    text: string;
-    image?: {
-        src: string;
-        alt: string;
-    };
-    currentStep: number;
-    stepMax: number;
-    closeWithX?: boolean;
-    theme?: string;
-    handleClickPrimary: () => void;
-    handleCloseAction?: (ev: KeyboardEvent | React.MouseEvent) => void;
-}>;

package/dist/components/Tooltip/components/UserGuide/index.d.ts

@@ -1 +0,0 @@
-export { UserGuide } from './UserGuide';

package/dist/components/Tooltip/components/UserGuide/virtualElementReference.d.ts

@@ -1,9 +0,0 @@
-export default class VirtualReference {
-    element: Element;
-    padding: number;
-    constructor(element: Element, padding: number);
-    addPadding(rect: DOMRect): Omit<DOMRect, 'toJSON'>;
-    getBoundingClientRect(): Omit<DOMRect, 'toJSON'>;
-    get clientWidth(): number;
-    get clientHeight(): number;
-}

package/dist/components/Tooltip/components/index.d.ts

@@ -1,5 +0,0 @@
-export { Simple } from './Simple';
-export { Info } from './Info';
-export { Interactive } from './Interactive';
-export { UserGuide } from './UserGuide';
-export { Reports } from './Reports';

package/dist/components/Tooltip/helpers.d.ts

@@ -1,3 +0,0 @@
-import { IconKind } from '../Icon';
-export declare function getIconType(theme: string): IconKind;
-export declare const sleep: (milliseconds: number) => Promise<void>;

package/dist/components/Tooltip/index.d.ts

@@ -1,3 +0,0 @@
-export { Tooltip } from './Tooltip';
-export { Simple, Info, Interactive, Reports } from './components';
-export { UserGuide } from './components/UserGuide';

package/dist/components/Tooltip/types.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { Placement, VirtualElement } from '@floating-ui/react-dom';
-export interface ITooltipProps {
-    children?: React.ReactNode;
-    className?: string;
-    theme?: 'invert' | 'important' | undefined;
-    placement?: Placement;
-    isVisible?: boolean;
-    withFadeAnimation?: boolean;
-    transitionDuration?: number;
-    transitionDelay?: number;
-    hoverOutDelayTimeout?: number;
-    offsetMainAxis?: number;
-    triggerOnClick?: boolean;
-    arrowOffsetY?: number;
-    arrowOffsetX?: number;
-    fullSpaceContent?: boolean;
-    triggerRenderer: () => React.ReactNode;
-    referenceElement?: VirtualElement;
-    onOpen?: () => void;
-    onClose?: () => void;
-}

package/dist/components/Typography/Heading.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-type TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-interface IProps {
-    size?: TSize;
-    /** DOM element name that will be rendered */
-    as?: string;
-    /** Optional custom className */
-    className?: string;
-}
-export declare const Heading: React.FC<React.PropsWithChildren<IProps>>;
-export {};

package/dist/components/Typography/Text.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-type TSize = 'md' | 'sm' | 'xs';
-interface IProps {
-    /** DOM element name that will be rendered */
-    as?: string;
-    size?: TSize;
-    /** Optional custom className */
-    className?: string;
-    caps?: boolean;
-    bold?: boolean;
-    underline?: boolean;
-    strike?: boolean;
-}
-export declare const Text: React.FC<React.PropsWithChildren<IProps>>;
-export {};

package/dist/components/Typography/index.d.ts

@@ -1,2 +0,0 @@
-export { Heading } from './Heading';
-export { Text } from './Text';