@livechat/design-system-react-components 1.19.3 → 1.19.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Avatar/Avatar.d.ts +1 -5
- package/dist/components/Avatar/types.d.ts +8 -0
- package/dist/components/Picker/hooks/useFloatingPicker.d.ts +2 -1
- package/dist/components/Picker/types.d.ts +4 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1058 -1047
- package/dist/preview-stats.json +628 -625
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ComponentCoreProps } from '../../utils/types';
|
|
3
|
-
|
|
4
|
-
type AvatarSize = 'xxxsmall' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
|
|
5
|
-
type AvatarStatus = 'available' | 'unavailable' | 'unknown';
|
|
6
|
-
type AvatarType = 'image' | 'text';
|
|
3
|
+
import { AvatarShape, AvatarSize, AvatarStatus, AvatarType } from './types';
|
|
7
4
|
export interface AvatarProps extends ComponentCoreProps {
|
|
8
5
|
/**
|
|
9
6
|
* Alternate text for an image avatar
|
|
@@ -43,4 +40,3 @@ export interface AvatarProps extends ComponentCoreProps {
|
|
|
43
40
|
withRim?: boolean;
|
|
44
41
|
}
|
|
45
42
|
export declare const Avatar: React.FC<AvatarProps>;
|
|
46
|
-
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const AvatarSizes: readonly ["xxxsmall", "xxsmall", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"];
|
|
2
|
+
export declare const AvatarStatuses: readonly ["available", "unavailable", "unknown"];
|
|
3
|
+
export declare const AvatarTypes: readonly ["image", "text"];
|
|
4
|
+
export declare const AvatarShapes: readonly ["circle", "rounded-square"];
|
|
5
|
+
export type AvatarSize = (typeof AvatarSizes)[number];
|
|
6
|
+
export type AvatarStatus = (typeof AvatarStatuses)[number];
|
|
7
|
+
export type AvatarType = (typeof AvatarTypes)[number];
|
|
8
|
+
export type AvatarShape = (typeof AvatarShapes)[number];
|
|
@@ -9,6 +9,7 @@ interface UseFloatingPickerProps {
|
|
|
9
9
|
useClickHookProps?: UseClickProps;
|
|
10
10
|
useDismissHookProps?: UseDismissProps;
|
|
11
11
|
openedOnInit: boolean;
|
|
12
|
+
maxListHeight: number;
|
|
12
13
|
isOpen?: boolean;
|
|
13
14
|
onVisibilityChange?: (open: boolean, event?: Event | undefined) => void;
|
|
14
15
|
}
|
|
@@ -29,5 +30,5 @@ interface IUseFloatingPicker {
|
|
|
29
30
|
pointer: boolean;
|
|
30
31
|
setPointer: (pointer: boolean) => void;
|
|
31
32
|
}
|
|
32
|
-
export declare const useFloatingPicker: ({ disabled, items, placement, floatingStrategy, useDismissHookProps, useClickHookProps, isOpen, onVisibilityChange, }: UseFloatingPickerProps) => IUseFloatingPicker;
|
|
33
|
+
export declare const useFloatingPicker: ({ disabled, items, placement, maxListHeight, floatingStrategy, useDismissHookProps, useClickHookProps, isOpen, onVisibilityChange, }: UseFloatingPickerProps) => IUseFloatingPicker;
|
|
33
34
|
export {};
|
|
@@ -32,6 +32,10 @@ export interface IPickerProps extends ComponentCoreProps {
|
|
|
32
32
|
* The CSS class for picker list
|
|
33
33
|
*/
|
|
34
34
|
listClassName?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Specify the max height of the picker list
|
|
37
|
+
*/
|
|
38
|
+
maxListHeight?: number;
|
|
35
39
|
/**
|
|
36
40
|
* Specify whether the picker should be disabled
|
|
37
41
|
*/
|