@livechat/design-system-react-components 1.0.0-alpha.46 → 1.0.0-alpha.48

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

@@ -1,6 +1,6 @@
-import { HTMLAttributes, RefObject, FC } from 'react';
-export interface EditableTagProps extends HTMLAttributes<HTMLDivElement> {
-    inputRef: RefObject<HTMLInputElement>;
+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;
@@ -8,4 +8,4 @@ export interface EditableTagProps extends HTMLAttributes<HTMLDivElement> {
     children: string;
     size: 'medium' | 'large';
 }
-export declare const EditableTag: FC<EditableTagProps>;
+export declare const EditableTag: React.FC<EditableTagProps>;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import * as React from 'react';
 declare type Tags = string[];
 export interface TagInputProps {
     id?: string;
@@ -9,5 +9,5 @@ export interface TagInputProps {
     validator?: (val: string) => boolean;
     size?: 'medium' | 'large';
 }
-export declare const TagInput: FC<TagInputProps>;
+export declare const TagInput: React.FC<TagInputProps>;
 export {};

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

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

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

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

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

@@ -1,11 +1,11 @@
-import { ReactElement, FC } from 'react';
+import * as React from 'react';
 import { ToastProps, Toast } from './Toast';
 declare type HorizontalPosition = 'left' | 'center' | 'right';
 declare type VerticalPosition = 'top' | 'bottom';
 export declare const ANIMATION_TIME = 200;
 interface Toast extends ToastProps {
     id: string;
-    content: ReactElement | string;
+    content: React.ReactElement | string;
 }
 export interface ToastWrapperProps {
     className?: string;
@@ -16,5 +16,5 @@ export interface ToastWrapperProps {
     verticalPosition?: VerticalPosition;
     horizontalPosition?: HorizontalPosition;
 }
-export declare const ToastWrapper: FC<ToastWrapperProps>;
+export declare const ToastWrapper: React.FC<ToastWrapperProps>;
 export {};

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

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

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ButtonKind } from '../Button';
 export declare const Interactive: React.FC<{
     header?: string;

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

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

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

@@ -1,7 +1,7 @@
+import * as React from 'react';
 import { Placement, VirtualElement } from '@floating-ui/react-dom';
-import { ReactNode, FC } from 'react';
 export interface ITooltipProps {
-    children?: ReactNode;
+    children?: React.ReactNode;
     className?: string;
     theme?: 'invert' | 'important' | undefined;
     placement?: Placement;
@@ -14,9 +14,9 @@ export interface ITooltipProps {
     triggerOnClick?: boolean;
     arrowOffsetY?: number;
     arrowOffsetX?: number;
-    triggerRenderer: () => ReactNode;
+    triggerRenderer: () => React.ReactNode;
     referenceElement?: VirtualElement;
     onOpen?: () => void;
     onClose?: () => void;
 }
-export declare const Tooltip: FC<ITooltipProps>;
+export declare const Tooltip: React.FC<ITooltipProps>;

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

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

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import * as React from 'react';
 declare type TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 interface IProps {
     size?: TSize;
@@ -7,5 +7,5 @@ interface IProps {
     /** Optional custom className */
     className?: string;
 }
-export declare const Heading: FC<IProps>;
+export declare const Heading: React.FC<IProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import * as React from 'react';
 declare type TSize = 'md' | 'sm' | 'xs';
 interface IProps {
     /** DOM element name that will be rendered */
@@ -11,5 +11,5 @@ interface IProps {
     underline?: boolean;
     strike?: boolean;
 }
-export declare const Text: FC<IProps>;
+export declare const Text: React.FC<IProps>;
 export {};

package/dist/src/components/UploadBar/UploadBar.d.ts

@@ -1,5 +1,5 @@
+import * as React from 'react';
 import { ProgressStatus, ProgressSize } from '../Progress/constants';
-import { ReactNode, FC } from 'react';
 export interface UploadBarProps {
     className?: string;
     progressValue: number;
@@ -7,10 +7,10 @@ export interface UploadBarProps {
     isExpanded?: boolean;
     errorMessage?: string;
     status?: ProgressStatus;
-    icon?: ReactNode;
+    icon?: React.ReactNode;
     size?: ProgressSize;
     mode?: 'single' | 'multiple';
     onCloseButtonClick?: () => void;
     onRetryButtonClick?: () => void;
 }
-export declare const UploadBar: FC<UploadBarProps>;
+export declare const UploadBar: React.FC<UploadBarProps>;