@livechat/design-system-react-components 1.0.0-beta.0 → 1.0.0-refresh-ui.0

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

@@ -27,5 +27,9 @@ export interface ActionMenuProps {
      * Will open menu on component initialization
      */
     openedOnInit?: boolean;
+    /**
+     * Menu will stay open after option click
+     */
+    keepOpenOnClick?: boolean;
 }
 export declare const ActionMenu: React.FC<ActionMenuProps>;

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

@@ -8,3 +8,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => JSX.Element;
+export declare const KeepOpenOnItemClick: () => JSX.Element;

package/dist/components/Modal/ModalBase.d.ts

@@ -12,5 +12,9 @@ export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
      * Triggers the onClose event on overlay click
      */
     closeOnOverlayPress?: boolean;
+    /**
+     * Removes the spacing inside the main container
+     */
+    fullSpaceContent?: boolean;
 }
 export declare const ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>>;

package/dist/components/Picker/Picker.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { IPickerListItem } from './PickerList';
 import { IconSize } from '../Icon';
 import { Size } from 'utils';
+import { IPickerListItem } from './types';
 export type PickerType = 'single' | 'multi';
 export interface IPickerProps {
     /**
@@ -76,5 +76,9 @@ export interface IPickerProps {
      * Callback called after item selection
      */
     onSelect: (selectedItems: IPickerListItem[] | null) => void;
+    /**
+     * Clears the search input after item select
+     */
+    clearSearchAfterSelection?: boolean;
 }
 export declare const Picker: React.FC<IPickerProps>;

package/dist/components/Picker/PickerList.d.ts

@@ -1,14 +1,5 @@
 import * as React from 'react';
-export interface IPickerListItem {
-    key: string;
-    name: string;
-    customElement?: {
-        listItemBody: React.ReactElement;
-        selectedItemBody: React.ReactElement;
-    };
-    groupHeader?: boolean;
-    disabled?: boolean;
-}
+import { IPickerListItem } from './types';
 export interface IPickerListProps {
     isOpen: boolean;
     items: IPickerListItem[];

package/dist/components/Picker/PickerListItem.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IPickerListItem } from './types';
+interface IProps {
+    item: IPickerListItem;
+    isItemSelected: boolean;
+    currentItemKey: string | null;
+    onSelect: (item: IPickerListItem) => void;
+}
+export declare const PickerListItem: React.FC<IProps>;
+export {};

package/dist/components/Picker/TriggerBody.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { IPickerListItem } from './PickerList';
 import { PickerType } from './Picker';
 import { IconSize } from 'index';
+import { Size } from 'utils';
+import { IPickerListItem } from './types';
 export interface ITriggerBodyProps {
     isOpen: boolean;
     isSearchDisabled?: boolean;
@@ -10,6 +11,8 @@ export interface ITriggerBodyProps {
     items?: IPickerListItem[] | null;
     type: PickerType;
     iconSize?: IconSize;
+    clearSearchAfterSelection?: boolean;
+    size?: Size;
     onItemRemove: (item: IPickerListItem) => void;
     onFilter: (text: string) => void;
 }

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface IPickerListItem {
+    key: string;
+    name: string;
+    customElement?: {
+        listItemBody: React.ReactElement;
+        selectedItemBody: React.ReactElement;
+    };
+    groupHeader?: boolean;
+    disabled?: boolean;
+}

package/dist/components/Switch/Switch.d.ts

@@ -3,15 +3,45 @@ export declare const baseClass = "switch";
 export type SwitchSize = 'compact' | 'medium' | 'large';
 export type SwitchState = 'regular' | 'loading' | 'locked';
 export interface SwitchProps {
+    /**
+     * Specify the label for the switch input
+     */
     ariaLabel?: string;
+    /**
+     * The CSS class for switch container
+     */
     className?: string;
+    /**
+     * Will set the switch to "on" on component initialization
+     */
     defaultOn?: boolean;
+    /**
+     * Specify whether the switch should be disabled
+     */
     disabled?: boolean;
+    /**
+     * Ref object
+     */
     innerRef?: React.LegacyRef<HTMLInputElement> | undefined;
+    /**
+     * Specify the switch input name
+     */
     name?: string;
+    /**
+     * Define if switch is "on"
+     */
     on?: boolean;
+    /**
+     * The event handler for onChange
+     */
     onChange?(e: React.FormEvent, value: boolean): void;
+    /**
+     * Specify the switch size
+     */
     size?: SwitchSize;
+    /**
+     * Specify the switch state
+     */
     state?: SwitchState;
 }
 export declare const Switch: React.FC<SwitchProps>;