@livechat/design-system-react-components 1.1.0 → 1.3.0

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Placement } from '@floating-ui/react-dom';
+import { Placement, flip } from '@floating-ui/react';
 import { IActionMenuOption } from './types';
 export interface ActionMenuProps {
     /**
@@ -7,7 +7,7 @@ export interface ActionMenuProps {
      */
     className?: string;
     /**
-     * The CSS class for trigger element
+     * The CSS class for trigger container
      */
     triggerClassName?: string;
     /**
@@ -30,5 +30,21 @@ export interface ActionMenuProps {
      * Menu will stay open after option click
      */
     keepOpenOnClick?: boolean;
+    /**
+     * Set the menu placement to keep it in view
+     */
+    flipOptions?: Parameters<typeof flip>[0];
+    /**
+     * Set to control the menu visibility
+     */
+    visible?: boolean;
+    /**
+     * Optional handler called on menu close
+     */
+    onClose?: () => void;
+    /**
+     * Optional handler called on menu open
+     */
+    onOpen?: () => void;
 }
 export declare const ActionMenu: React.FC<ActionMenuProps>;

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

@@ -10,12 +10,6 @@ export declare const exampleOptions: ({
     key: string;
     element: React.JSX.Element;
     disabled: boolean;
-    onClick: typeof noop;
-    withDivider?: undefined;
-} | {
-    key: string;
-    element: React.JSX.Element;
-    onClick: typeof noop;
     withDivider: boolean;
-    disabled?: undefined;
+    onClick: typeof noop;
 })[];

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Size } from 'utils';
-export type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'destructive-outline' | 'text' | 'link' | 'link-light' | 'plain' | 'float' | 'dotted' | 'high-contrast';
+import { ButtonKind } from './types';
 export type ButtonProps = {
     /**
      * Specify the button kind

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ButtonProps } from './Button';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
-    kind?: import("./Button").ButtonKind | undefined;
+    kind?: import("./types").ButtonKind | undefined;
     size?: import("../..").Size | undefined;
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;

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

@@ -0,0 +1,2 @@
+import { ButtonKind } from './types';
+export declare const getSpinnerColors: (kind: ButtonKind) => Record<string, string> | undefined;

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

@@ -1,2 +1,3 @@
 export { Button } from './Button';
-export type { ButtonKind, ButtonProps } from './Button';
+export type { ButtonProps } from './Button';
+export type { ButtonKind } from './types';

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

@@ -0,0 +1 @@
+export type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'destructive-outline' | 'text' | 'link' | 'link-light' | 'link-inverted' | 'plain' | 'float' | 'dotted' | 'high-contrast';

package/dist/components/TagInput/TagInput.d.ts

@@ -28,5 +28,13 @@ export interface TagInputProps extends Omit<React.InputHTMLAttributes<HTMLInputE
      * Specify the input size
      */
     size?: 'medium' | 'large';
+    /**
+     * Set the input custom class
+     */
+    inputClassName?: string;
+    /**
+     * Add Tag on blur
+     */
+    addOnBlur?: boolean;
 }
 export declare const TagInput: React.FC<TagInputProps>;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { UseFloatingReturn } from '@floating-ui/react-dom';
+import { UseFloatingReturn } from '@floating-ui/react';
 import { ITooltipProps } from '../types';
 type IProps = Pick<ITooltipProps, 'referenceElement' | 'arrowOffsetX' | 'arrowOffsetY' | 'className' | 'theme' | 'withFadeAnimation' | 'transitionDuration' | 'transitionDelay'> & {
     visible?: boolean;