@livechat/design-system-react-components 2.0.0-alpha.8 → 2.1.0

package/dist/components/Button/Button.d.ts

@@ -29,6 +29,10 @@ export type ButtonProps = {
      * Specify the place to render element given in `icon` prop
      */
     iconPosition?: 'left' | 'right';
+    /**
+     * Set to enable animation that will show label on button hover if icon is present
+     */
+    animatedLabel?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>;
 export declare const Button: React.ForwardRefExoticComponent<{
     /**
@@ -59,4 +63,8 @@ export declare const Button: React.ForwardRefExoticComponent<{
      * Specify the place to render element given in `icon` prop
      */
     iconPosition?: "left" | "right" | undefined;
+    /**
+     * Set to enable animation that will show label on button hover if icon is present
+     */
+    animatedLabel?: boolean | undefined;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

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

@@ -1,3 +1,6 @@
 import { ButtonKind } from './types';
-
+import * as React from 'react';
 export declare const getSpinnerColors: (kind: ButtonKind) => Record<string, string> | undefined;
+export declare const handleMouseInteraction: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>, internalHandler: () => void, userHandler?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>) => void;
+export declare const handleKeyboardInteraction: (event: React.FocusEvent<HTMLButtonElement> | React.FocusEvent<HTMLAnchorElement>, internalHandler: () => void, userHandler?: React.FocusEventHandler<HTMLButtonElement | HTMLAnchorElement>) => void;
+export declare const buttonRef: (node: HTMLSpanElement | null, internalHandler: (width: number) => void) => void;

package/dist/components/InviteAgents/InviteAgents.d.ts

@@ -0,0 +1,3 @@
+import { InviteAgentsProps } from './types';
+
+export declare const InviteAgents: import('react').NamedExoticComponent<InviteAgentsProps>;

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

@@ -0,0 +1,4 @@
+import { Agent } from './types';
+
+export declare const getSortedAgents: (agents: Agent[]) => Agent[];
+export declare const getAvailableAgentsTooltipText: (availableAgentsNumber: number) => string;

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

@@ -0,0 +1,2 @@
+export { InviteAgents } from './InviteAgents';
+export { type InviteAgentsProps, type Agent } from './types';

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

@@ -0,0 +1,30 @@
+import { ComponentCoreProps } from '../../utils/types';
+
+export interface Agent {
+    name: string;
+    email: string;
+    status: 'available' | 'unavailable' | 'unknown';
+    avatar: string;
+}
+export interface InviteAgentsProps extends ComponentCoreProps {
+    /**
+     * The list of invited agents
+     */
+    agents: Agent[];
+    /**
+     * The function to call when the "Set up Chatbot" button is clicked
+     */
+    onSetUpChatbotClick: () => void;
+    /**
+     * The function to call when the "Invite Teammate" button is clicked
+     */
+    onAddTeammateClick: () => void;
+    /**
+     * Whether the invite button should be animated
+     */
+    animatedInviteButton?: boolean;
+    /**
+     * Offset for the tooltip arrow
+     */
+    tooltipArrowOffset?: number;
+}