@livechat/design-system-react-components 1.33.0 → 1.33.2

package/dist/components/AppFrame/components/NavigationTopBar/NavigationTopBar.d.ts

@@ -10,7 +10,7 @@ import { INavigationTopBarProps, ITopBarAlertProps, ITopBarTitleProps } from './
  * </NavigationTopBar>
  */
 export declare const NavigationTopBar: {
-    ({ children, additionalNodes, }: INavigationTopBarProps): React.ReactElement;
+    ({ children, className, additionalNodes, }: INavigationTopBarProps): React.ReactElement;
     Alert: React.FC<ITopBarAlertProps>;
     Title: React.FC<ITopBarTitleProps>;
 };

package/dist/components/AppFrame/components/NavigationTopBar/types.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ButtonProps } from 'components/Button';
 import { ComponentCoreProps } from 'utils/types';
 export type NavigationTopBarKind = 'info' | 'success' | 'warning' | 'error';
 export interface INavigationTopBarProps extends ComponentCoreProps {
@@ -17,6 +18,10 @@ export interface ITopBarTitleProps extends ComponentCoreProps {
      */
     children: React.ReactNode;
 }
+type CTAProps = {
+    label: string;
+    onClick: () => void;
+} & Omit<ButtonProps, 'onClick' | 'children'>;
 export interface ITopBarAlertProps extends ComponentCoreProps {
     /**
      * Visual style of the alert. You can also use `className` to style the alert if you need to set a custom background color.
@@ -38,22 +43,17 @@ export interface ITopBarAlertProps extends ComponentCoreProps {
     children: React.ReactNode;
     /**
      * Primary CTA button. The button will be rendered if defined.
-     * Simple on purpose - if you need more complex buttons, you can use the `children` prop.
+     * Allows ButtonProps, but `children` is recommended for more complex use-cases.
      * */
-    primaryCta?: {
-        label: string;
-        onClick: () => void;
-    };
+    primaryCta?: CTAProps;
     /**
      * Secondary CTA button. The button will be rendered if defined.
-     * Simple on purpose - if you need more complex buttons, you can use the `children` prop.
+     * Allows ButtonProps, but `children` is recommended for more complex use-cases.
      * */
-    secondaryCta?: {
-        label: string;
-        onClick: () => void;
-    };
+    secondaryCta?: CTAProps;
     /**
      * Show or hide the alert, defaults to `true`. Changes to this prop are animated - the alert will enter and leave smoothly.
      * */
     isVisible?: boolean;
 }
+export {};

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

@@ -17,5 +17,6 @@ export interface ITriggerBodyProps {
     onClear: () => void;
     virtualItemRef: React.MutableRefObject<HTMLElement | null>;
     isTriggerFocused: boolean;
+    inputRef?: React.RefObject<HTMLInputElement>;
 }
 export declare const PickerTriggerBody: React.FC<ITriggerBodyProps>;

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { IPickerListItem } from '../types';
 interface UsePickerItemsProps {
     selected?: IPickerListItem[] | null;
@@ -6,6 +7,8 @@ interface UsePickerItemsProps {
     selectAllOptionText?: string;
     onSelect: (items: IPickerListItem[] | null) => void;
     setOpen: (isOpen: boolean) => void;
+    clearSearchAfterSelection: boolean;
+    inputRef: React.RefObject<HTMLInputElement>;
 }
 interface IUsePickerItems {
     selectedKeys: string[];
@@ -16,5 +19,5 @@ interface IUsePickerItems {
     handleItemRemove: (itemKey: string) => void;
     handleClear: () => void;
 }
-export declare const usePickerItems: ({ selected, options, type, selectAllOptionText, onSelect, setOpen, }: UsePickerItemsProps) => IUsePickerItems;
+export declare const usePickerItems: ({ selected, options, type, selectAllOptionText, onSelect, setOpen, clearSearchAfterSelection, inputRef, }: UsePickerItemsProps) => IUsePickerItems;
 export {};

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

@@ -9,6 +9,7 @@ export interface ProductSwitcherProps {
     isVisible?: boolean;
     onOpen?: (event?: Event) => void;
     onClose?: (event?: Event) => void;
+    onSelect?: (id: ProductId) => void;
 }
 export declare const SSOProductIdMap: Record<ProductId, ProductName>;
 export type ProductSubscription = Partial<Record<ProductId, {

package/dist/foundations/design-token.d.ts

@@ -369,5 +369,6 @@ export declare const DesignToken: {
     ProductsPlatform: string;
     SurfaceCheckListItemOpenBackground: string;
     SurfaceCheckListBackground: string;
+    ContentBasicPlaceholder: string;
 };
 export type DesignTokenKey = keyof typeof DesignToken;