@livechat/design-system-react-components 1.6.4 → 1.7.0

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Placement, flip } from '@floating-ui/react';
+import { Placement, flip, Strategy } from '@floating-ui/react';
 import { IActionMenuOption } from './types';
 export interface ActionMenuProps {
     /**
@@ -46,5 +46,10 @@ export interface ActionMenuProps {
      * Optional handler called on menu open
      */
     onOpen?: () => void;
+    /**
+     * Set the type of CSS position property to use
+     * https://floating-ui.com/docs/usefloating#strategy
+     */
+    floatingStrategy?: Strategy;
 }
 export declare const ActionMenu: React.FC<ActionMenuProps>;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Placement, UseClickProps, UseDismissProps, FlipOptions } from '@floating-ui/react';
+import { Placement, UseClickProps, UseDismissProps, FlipOptions, Strategy } from '@floating-ui/react';
 export interface IPopoverProps {
     children?: React.ReactNode;
     /**
@@ -56,4 +56,9 @@ export interface IPopoverProps {
      * https://floating-ui.com/docs/useclick
      */
     useClickHookProps?: UseClickProps;
+    /**
+     * Set the type of CSS position property to use
+     * https://floating-ui.com/docs/usefloating#strategy
+     */
+    floatingStrategy?: Strategy;
 }

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Placement, VirtualElement, UseDismissProps } from '@floating-ui/react';
+import { Placement, VirtualElement, UseDismissProps, Strategy } from '@floating-ui/react';
 import { ButtonKind } from '../Button';
 export type TooltipTheme = 'invert' | 'important' | undefined;
 export type TooltipButton = {
@@ -116,4 +116,9 @@ export interface ITooltipProps {
      * Be default, moving the curson from trigger to tooltip will keep it open.
      */
     closeOnTriggerBlur?: boolean;
+    /**
+     * Set the type of CSS position property to use
+     * https://floating-ui.com/docs/usefloating#strategy
+     */
+    floatingStrategy?: Strategy;
 }