@livechat/design-system-react-components 2.4.6 → 2.5.0

package/dist/components/Alert/Alert.d.ts

@@ -1,6 +1,11 @@
 import { ComponentCoreProps } from '../../utils/types';
+import { ButtonProps } from '../Button';
 import * as React from 'react';
 type AlertKind = 'info' | 'warning' | 'success' | 'error';
+type OldButtonProps = {
+    handleClick: () => void;
+    label: string;
+};
 export interface AlertProps extends ComponentCoreProps {
     /**
      * Specify the kind of Alert
@@ -9,17 +14,11 @@ export interface AlertProps extends ComponentCoreProps {
     /**
      * Shows the primary CTA button
      */
-    primaryButton?: {
-        handleClick: () => void;
-        label: string;
-    };
+    primaryButton?: ButtonProps & OldButtonProps;
     /**
      * Shows the secondary CTA button
      */
-    secondaryButton?: {
-        handleClick: () => void;
-        label: string;
-    };
+    secondaryButton?: ButtonProps & OldButtonProps;
     /**
      * The optional event handler for close button
      */

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

@@ -1,7 +1,7 @@
 import { IPickerListItem } from '../Picker';
 import { AutoCompleteProps, IAutoCompleteListItem } from './types';
 
-export declare const areAllOptionsStrings: (options: AutoCompleteProps['options']) => options is string[];
+export declare const areAllOptionsStrings: (options: AutoCompleteProps["options"]) => options is string[];
 export declare const buildOptionsFromStrings: (options: string[]) => IPickerListItem[];
 export declare const buildOptionsFromAutoCompleteListItems: (options: IAutoCompleteListItem[]) => IPickerListItem[];
 export declare const getFilteredPickerItems: (items: IPickerListItem[], single: boolean, hideIfExactMatch: boolean, inputValue: string) => IPickerListItem[];

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

@@ -38,33 +38,33 @@ export declare const Button: React.ForwardRefExoticComponent<{
     /**
      * Specify the button kind
      */
-    kind?: ButtonKind | undefined;
+    kind?: ButtonKind;
     /**
      * Specify the button size
      */
-    size?: ButtonSize | undefined;
+    size?: ButtonSize;
     /**
      * Set the loading state
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * Set the button for full width
      */
-    fullWidth?: boolean | undefined;
+    fullWidth?: boolean;
     /**
      * Text displayed in loading state
      */
-    loaderLabel?: string | undefined;
+    loaderLabel?: string;
     /**
      * Renders given element
      */
-    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    icon?: React.ReactElement;
     /**
      * Specify the place to render element given in `icon` prop
      */
-    iconPosition?: "left" | "right" | undefined;
+    iconPosition?: "left" | "right";
     /**
      * Set to enable animation that will show label on button hover if icon is present
      */
-    animatedLabel?: boolean | undefined;
+    animatedLabel?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

package/dist/components/DatePicker/hooks.d.ts

@@ -1,7 +1,4 @@
 import { Dispatch, ReducerAction, ReducerState } from 'react';
 import { IRangeDatePickerProps, RangeDatePickerReducer } from './types';
 
-export declare const useRangeDatePickerState: (props: IRangeDatePickerProps) => [
-    ReducerState<RangeDatePickerReducer>,
-    Dispatch<ReducerAction<RangeDatePickerReducer>>
-];
+export declare const useRangeDatePickerState: (props: IRangeDatePickerProps) => [ReducerState<RangeDatePickerReducer>, Dispatch<ReducerAction<RangeDatePickerReducer>>];

package/dist/components/FloatingPortal/FloatingPortal.d.ts

@@ -0,0 +1,3 @@
+import { FloatingPortalProps } from '@floating-ui/react';
+
+export declare const FloatingPortal: ({ children, id, root, preserveTabOrder, }: FloatingPortalProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { FloatingPortal } from './FloatingPortal';
+
+export { FloatingPortal };

package/dist/components/PromoBannerV2/PromoBannerV2.d.ts

@@ -1,5 +1,10 @@
 import { ButtonKind, ButtonProps } from '../Button';
 import * as React from 'react';
+type OldButtonProps = {
+    handleClick: () => void;
+    label: string;
+    kind?: ButtonKind;
+};
 export interface IPromoBannerV2Props {
     /**
      * Specify an optional className to be applied to the main container node
@@ -12,19 +17,11 @@ export interface IPromoBannerV2Props {
     /**
      * Shows the primary CTA button
      */
-    primaryButton?: {
-        handleClick: () => void;
-        label: string;
-        kind?: ButtonKind;
-    } & ButtonProps;
+    primaryButton?: OldButtonProps & ButtonProps;
     /**
      * Shows the secondary CTA button
      */
-    secondaryButton?: {
-        handleClick: () => void;
-        label: string;
-        kind?: ButtonKind;
-    };
+    secondaryButton?: OldButtonProps & ButtonProps;
     /**
      * Set to true to display the banner vertically
      */
@@ -48,3 +45,4 @@ export interface IPromoBannerV2Props {
     kind?: 'default' | 'dark';
 }
 export declare const PromoBannerV2: React.FC<React.PropsWithChildren<IPromoBannerV2Props>>;
+export {};

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

@@ -1,4 +1,4 @@
-import { Placement, VirtualElement, UseDismissProps, Strategy, UseClickProps } from '@floating-ui/react';
+import { Placement, VirtualElement, UseDismissProps, Strategy, UseClickProps, FloatingPortalProps } from '@floating-ui/react';
 import { ButtonProps } from '../Button';
 import * as React from 'react';
 export type TooltipTheme = 'invert' | 'important' | undefined;
@@ -133,6 +133,19 @@ export interface ITooltipProps {
      * https://floating-ui.com/docs/usefloating#strategy
      */
     floatingStrategy?: Strategy;
+    /**
+     * Set to render the tooltip in a portal
+     */
+    portal?: boolean;
+    /**
+     * Props for the FloatingPortal component, see FloatingPortal docs or https://floating-ui.com/docs/FloatingPortal
+     */
+    portalProps?: FloatingPortalProps;
+    /**
+     * Set to hide the tooltip when reference element is hidden
+     * IMPORTANT: This prop enables the `hide` middleware from `floating-ui` library: https://floating-ui.com/docs/hide. But for some reason, it doesn't work in tests because always returns `true` in `referenceHidden` check.
+     */
+    hideWhenReferenceHidden?: boolean;
 }
 export interface ITooltipInfoProps {
     /**