@livechat/design-system-react-components 2.13.0 → 2.14.0

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

@@ -1,3 +1,2 @@
 export { ActionMenu } from './ActionMenu';
-export { ActionMenuItem } from './ActionMenuItem';
 export type { IActionMenuOption } from './types';

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

@@ -64,17 +64,3 @@ export interface IActionMenuProps extends ComponentCoreProps {
      */
     footer?: React.ReactNode;
 }
-export interface ActionMenuItemProps {
-    /**
-     * Renders given element on the left of element
-     */
-    leftNode?: React.ReactNode;
-    /**
-     * Renders given element on the right of element
-     */
-    rightNode?: React.ReactNode;
-    /**
-     * Specify the kind of menu item
-     */
-    kind?: 'warning' | undefined;
-}

package/dist/components/ListItem/ListItem.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+import { ListItemProps } from './types';
+
+export declare const ListItem: FC<PropsWithChildren<ListItemProps>>;
+/**
+ * @deprecated Use `ListItem` instead. This will be removed in a future release.
+ */
+export declare const ActionMenuItem: FC<PropsWithChildren<ListItemProps>>;

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

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

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+
+export interface ListItemProps {
+    /**
+     * Renders given element on the left of element
+     */
+    leftNode?: ReactNode;
+    /**
+     * Renders given element on the right of element
+     */
+    rightNode?: ReactNode;
+    /**
+     * Specify the kind of menu item
+     */
+    kind?: 'warning' | undefined;
+}

package/dist/components/OverflowTooltipText/OverflowTooltipText.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { OverflowTooltipTextProps } from './types';
+
+export declare const OverflowTooltipText: FC<OverflowTooltipTextProps>;

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

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

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

@@ -0,0 +1,3 @@
+export interface OverflowTooltipTextProps {
+    text: string;
+}

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

@@ -1,5 +1,5 @@
 import { OffsetOptions } from '@floating-ui/core';
-import { Placement, UseClickProps, UseDismissProps, FlipOptions, Strategy } from '@floating-ui/react';
+import { Placement, UseClickProps, UseDismissProps, FlipOptions, Strategy, UseTransitionStylesProps } from '@floating-ui/react';
 import * as React from 'react';
 export interface IPopoverProps {
     children?: React.ReactNode;
@@ -62,4 +62,10 @@ export interface IPopoverProps {
      * https://floating-ui.com/docs/usefloating#strategy
      */
     floatingStrategy?: Strategy;
+    /**
+     * Options to define or customize the transition styles for the popover's appearance and disappearance.
+     * Uses the default transition styles if not specified.
+     * @see https://floating-ui.com/docs/usetransition
+     */
+    transitionOptions?: UseTransitionStylesProps;
 }

package/dist/hooks/index.d.ts

@@ -2,3 +2,5 @@ export { useAnimations } from './useAnimations';
 export { useHeightResizer } from './useHeightResizer';
 export { useMobileViewDetector } from './useMobileViewDetector';
 export { useInteractive } from './useInteractive';
+export { useOnHover } from './useOnHover';
+export { useIsOverflow } from './useIsOverflow';

package/dist/hooks/types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export type NODE = HTMLDivElement | null;
+export type NODE = HTMLElement | null;
 export type CALLBACK = (newSize: DOMRectReadOnly) => void;
 export interface IUseHeightResizer {
     size: number;
@@ -18,3 +18,8 @@ export interface UseInteractiveProps {
 export interface IUseInteractive {
     handleInteractiveClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
+export interface IUseOnHover {
+    isHovered: boolean;
+    handleMouseOver: () => void;
+    handleMouseOut: () => void;
+}

package/dist/hooks/useIsOverflow.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+
+export declare const useIsOverflow: <T extends HTMLElement>(ref: RefObject<T>) => boolean;

package/dist/hooks/useOnHover.d.ts

@@ -0,0 +1,3 @@
+import { IUseOnHover } from './types';
+
+export declare const useOnHover: (initialState?: boolean) => IUseOnHover;