@livechat/design-system-react-components 1.0.0-alpha.60 → 1.0.0-alpha.61

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -10,7 +10,7 @@ export interface ActionMenuProps {
      */
     options: Array<{
         key: string;
-        element: string | React.ReactElement;
+        element: React.ReactNode;
         disabled?: boolean;
         withDivider?: boolean;
         onClick: () => void;

package/dist/components/ActionMenu/ActionMenuItem.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface ActionMenuItemProps {
+    leftNode?: React.ReactNode;
+    rightNode?: React.ReactNode;
+}
+export declare const ActionMenuItem: React.FC<React.PropsWithChildren<ActionMenuItemProps>>;

package/dist/components/ActionMenu/constants.d.ts

@@ -9,8 +9,8 @@ export declare const exampleOptions: ({
 } | {
     key: string;
     element: React.JSX.Element;
-    onClick: typeof noop;
     disabled: boolean;
+    onClick: typeof noop;
     withDivider?: undefined;
 } | {
     key: string;

package/dist/components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error';
+export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error' | 'negative' | 'positive' | 'warning' | 'action-primary' | 'action-negative' | 'action-positive' | 'action-warning' | 'action-neutral';
 export type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
 export interface IconProps {
     source: IconSource;

package/dist/components/Modal/ModalHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IconProps } from '../Icon';
+export interface ModalHeaderProps {
+    title?: React.ReactNode;
+    iconProps?: IconProps;
+    children?: React.ReactNode;
+    className?: 'string';
+}
+export declare const ModalHeader: React.FC<ModalHeaderProps>;

package/dist/components/Modal/StoriesComponents.d.ts

@@ -1,9 +1,4 @@
 import * as React from 'react';
-interface ModalHeaderProps {
-    color?: string;
-}
-export declare const ModalHeader: React.FC<ModalHeaderProps>;
-export declare const ModalFooter: React.FC;
 export declare const ModalFullSpaceContent: React.FC;
 export declare const ModalContent: React.FC;
-export {};
+export declare const ModalFooter: React.FC;

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

@@ -2,7 +2,9 @@ export { Modal } from './Modal';
 export { ModalBase } from './ModalBase';
 export { ModalCloseButton } from './ModalCloseButton';
 export { ModalPortal } from './ModalPortal';
+export { ModalHeader } from './ModalHeader';
 export type { ModalProps } from './Modal';
 export type { ModalBaseProps } from './ModalBase';
 export type { ModalCloseButtonProps } from './ModalCloseButton';
 export type { ModalPortalProps } from './ModalPortal';
+export type { ModalHeaderProps } from './ModalHeader';

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

@@ -1,22 +1,3 @@
 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;
-    triggerRenderer: () => React.ReactNode;
-    referenceElement?: VirtualElement;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
+import { ITooltipProps } from './types';
 export declare const Tooltip: React.FC<ITooltipProps>;

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

@@ -1,6 +1,10 @@
 import * as React from 'react';
-import { ITooltipProps } from './Tooltip';
-export declare const Tooltip: {
+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;
@@ -16,38 +20,9 @@ export declare const Tooltip: {
         hoverOutDelayTimeout: number;
     };
 };
-export declare const TooltipInfo: {
-    (args: ITooltipProps): JSX.Element;
-    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 TooltipInteractive: {
-    (args: ITooltipProps): JSX.Element;
-    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: () => JSX.Element;
+export declare const TooltipInteractive: () => JSX.Element;
+export declare const TooltipReports: () => JSX.Element;
 export declare const TooltipUserGuide: {
     (args: ITooltipProps): JSX.Element;
     args: {
@@ -64,7 +39,3 @@ export declare const TooltipUserGuide: {
         hoverOutDelayTimeout: number;
     };
 };
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;

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

@@ -0,0 +1,18 @@
+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/{Interactive.d.ts → components/Interactive.d.ts}

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

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

@@ -0,0 +1,7 @@
+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/{UserGuide.d.ts → components/UserGuide/UserGuide.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ModalPortalProps } from '../Modal/';
-import { ITooltipProps } from './Tooltip';
+import { ModalPortalProps } from '../../../Modal';
+import { ITooltipProps } from '../../types';
 interface IOwnProps {
     shouldSlide?: boolean;
     className?: string;

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

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

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

@@ -0,0 +1,5 @@
+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,2 +1,3 @@
 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,5 +1,3 @@
 export { Tooltip } from './Tooltip';
-export { Simple } from './Simple';
-export { Info } from './Info';
-export { Interactive } from './Interactive';
-export { UserGuide } from './UserGuide';
+export { Simple, Info, Interactive, Reports } from './components';
+export { UserGuide } from './components/UserGuide';

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

@@ -0,0 +1,22 @@
+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;
+}