@livechat/design-system-react-components 1.24.2 → 2.0.0-alpha.0

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ToastProps, Toast } from './Toast';
+import * as React from 'react';
 type HorizontalPosition = 'left' | 'center' | 'right';
 type VerticalPosition = 'top' | 'bottom';
 export declare const ANIMATION_TIME = 200;

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

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

package/dist/components/Tooltip/{helpers.d.ts → Tooltip.helpers.d.ts}

@@ -1,8 +1,8 @@
 import { CSSProperties } from 'react';
 import { IconKind } from '../Icon';
 import { TooltipTheme } from './types';
+
 export declare function getIconType(theme: TooltipTheme): IconKind;
-export declare const sleep: (milliseconds: number) => Promise<void>;
 export declare function getArrowPositionStyles(arrowOffsetY?: number, arrowOffsetX?: number, arrowY?: number, arrowX?: number): CSSProperties | undefined;
 export declare const getArrowTokens: (tooltipStyle: string | undefined) => {
     stroke: string;

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

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

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

@@ -1,15 +1,3 @@
+import { ITooltipInteractiveProps } from '../types';
 import * as React from 'react';
-import { TooltipButton, TooltipTheme } from '../types';
-export declare const Interactive: React.FC<{
-    header?: string;
-    text: string;
-    image?: {
-        src: string;
-        alt: string;
-    };
-    closeWithX?: boolean;
-    theme?: TooltipTheme;
-    handleCloseAction?: (ev: React.MouseEvent) => void;
-    primaryButton: TooltipButton;
-    secondaryButton: TooltipButton;
-}>;
+export declare const Interactive: React.FC<ITooltipInteractiveProps>;

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

@@ -4,4 +4,4 @@ export interface IReportsProps {
     description?: string;
     children: React.ReactNode;
 }
-export declare const Reports: React.FC<IReportsProps>;
+export declare const Reports: React.FC<React.PropsWithChildren<IReportsProps>>;

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

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

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TooltipTheme } from '../../types';
+import * as React from 'react';
 export declare const UserGuideStep: React.FC<{
     header: string;
     text: string;

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

@@ -1,4 +1,4 @@
 export { Tooltip } from './Tooltip';
 export { Simple, Info, Interactive, Reports } from './components';
 export { UserGuide } from './components/UserGuide';
-export type { ITooltipProps } from './types';
+export type { ITooltipProps, ITooltipInfoProps, ITooltipInteractiveProps, } from './types';

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { Placement, VirtualElement, UseDismissProps, Strategy, UseClickProps } from '@floating-ui/react';
 import { ButtonKind } from '../Button';
+import * as React from 'react';
 export type TooltipTheme = 'invert' | 'important' | undefined;
 export type TooltipButton = {
     handleClick: () => void;
@@ -127,3 +127,66 @@ export interface ITooltipProps {
      */
     floatingStrategy?: Strategy;
 }
+export interface ITooltipInfoProps {
+    /**
+     * The CSS class for Info tooltip
+     */
+    className?: string;
+    /**
+     * The Info tooltip header
+     */
+    header?: string;
+    /**
+     * The Info tooltip text
+     */
+    text: string;
+    /**
+     * Set to show close button
+     */
+    closeWithX?: boolean;
+    /**
+     * The Info tooltip theme
+     */
+    theme?: TooltipTheme;
+    /**
+     * The Info tooltip close button action
+     */
+    handleCloseAction?: (ev: React.MouseEvent) => void;
+}
+export interface ITooltipInteractiveProps {
+    /**
+     * The Interactive tooltip header
+     */
+    header?: string;
+    /**
+     * The Interactive tooltip text
+     */
+    text: string;
+    /**
+     * The Interactive tooltip image
+     */
+    image?: {
+        src: string;
+        alt: string;
+    };
+    /**
+     * Set to show close button
+     */
+    closeWithX?: boolean;
+    /**
+     * The Interactive tooltip theme
+     */
+    theme?: TooltipTheme;
+    /**
+     * The Interactive tooltip close button action
+     */
+    handleCloseAction?: (ev: React.MouseEvent) => void;
+    /**
+     * The Interactive tooltip primary button props
+     */
+    primaryButton: TooltipButton;
+    /**
+     * The Interactive tooltip secondary button props
+     */
+    secondaryButton: TooltipButton;
+}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TDisplaySize, TTextAlign } from './types';
+import * as React from 'react';
 interface IProps {
     /** Size of the text */
     size?: TDisplaySize;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { THeadingSize, TTextAlign } from './types';
+import * as React from 'react';
 interface IProps extends React.HTMLAttributes<HTMLElement> {
     size?: THeadingSize;
     /** DOM element name that will be rendered */

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TTextAlign, TTextSize } from './types';
+import * as React from 'react';
 interface IProps extends React.HTMLAttributes<HTMLElement> {
     /** DOM element name that will be rendered */
     as?: string;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ProgressStatus, ProgressSize } from '../Progress/constants';
+import * as React from 'react';
 export interface UploadBarProps {
     /**
      * The CSS class for container