@livechat/design-system-react-components 1.5.0 → 1.6.0
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/ActionBar/ActionBar.d.ts +1 -23
- package/dist/components/ActionBar/ActionBar.stories.d.ts +1 -1
- package/dist/components/ActionBar/ActionBarItem.d.ts +2 -14
- package/dist/components/ActionBar/index.d.ts +1 -1
- package/dist/components/ActionBar/types.d.ts +40 -0
- package/dist/components/DetailsCard/DetailsCard.d.ts +5 -1
- package/dist/dsrc.cjs.js +1 -1
- package/dist/dsrc.es.js +1575 -1496
- package/dist/preview-stats.json +548 -545
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -1,25 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface IActionBarProps {
|
|
4
|
-
/**
|
|
5
|
-
* The CSS class for menu container
|
|
6
|
-
*/
|
|
7
|
-
className?: string;
|
|
8
|
-
/**
|
|
9
|
-
* The unique id key
|
|
10
|
-
*/
|
|
11
|
-
id?: string;
|
|
12
|
-
/**
|
|
13
|
-
* Array of action bar options
|
|
14
|
-
*/
|
|
15
|
-
options: IActionBarOption[];
|
|
16
|
-
/**
|
|
17
|
-
* Set the key for active element
|
|
18
|
-
*/
|
|
19
|
-
activeOptionKey?: string | null;
|
|
20
|
-
/**
|
|
21
|
-
* Set 'scroll' to disable menu and enable scroll
|
|
22
|
-
*/
|
|
23
|
-
type?: 'menu' | 'scroll';
|
|
24
|
-
}
|
|
2
|
+
import { IActionBarProps } from './types';
|
|
25
3
|
export declare const ActionBar: React.FC<IActionBarProps>;
|
|
@@ -1,15 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
element: React.ReactElement;
|
|
5
|
-
label: string;
|
|
6
|
-
showTooltip?: boolean;
|
|
7
|
-
onClick: () => void;
|
|
8
|
-
};
|
|
9
|
-
interface ActionBarItem {
|
|
10
|
-
option: IActionBarOption;
|
|
11
|
-
menuItemsKeys: string[];
|
|
12
|
-
activeOptionKey?: string | null;
|
|
13
|
-
}
|
|
14
|
-
export declare const ActionBarItem: React.FC<ActionBarItem>;
|
|
15
|
-
export {};
|
|
2
|
+
import { IActionBarItem } from './types';
|
|
3
|
+
export declare const ActionBarItem: React.FC<IActionBarItem>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { ActionBar } from './ActionBar';
|
|
2
|
-
export type { IActionBarProps } from './
|
|
2
|
+
export type { IActionBarProps } from './types';
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface IActionBarProps {
|
|
3
|
+
/**
|
|
4
|
+
* The CSS class for menu container
|
|
5
|
+
*/
|
|
6
|
+
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* The unique id key
|
|
9
|
+
*/
|
|
10
|
+
id?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Array of action bar options
|
|
13
|
+
*/
|
|
14
|
+
options: IActionBarOption[];
|
|
15
|
+
/**
|
|
16
|
+
* Set the key for active element
|
|
17
|
+
*/
|
|
18
|
+
activeOptionKey?: string | null;
|
|
19
|
+
/**
|
|
20
|
+
* Set 'scroll' to disable menu and enable scroll
|
|
21
|
+
*/
|
|
22
|
+
type?: 'menu' | 'scroll';
|
|
23
|
+
/**
|
|
24
|
+
* Set the bar buttons verticaly
|
|
25
|
+
*/
|
|
26
|
+
vertical?: boolean;
|
|
27
|
+
}
|
|
28
|
+
export interface IActionBarOption {
|
|
29
|
+
key: string;
|
|
30
|
+
element: React.ReactElement;
|
|
31
|
+
label: string;
|
|
32
|
+
showTooltip?: boolean;
|
|
33
|
+
onClick: () => void;
|
|
34
|
+
}
|
|
35
|
+
export interface IActionBarItem {
|
|
36
|
+
option: IActionBarOption;
|
|
37
|
+
menuItemsKeys: string[];
|
|
38
|
+
activeOptionKey?: string | null;
|
|
39
|
+
vertical?: boolean;
|
|
40
|
+
}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface IDetailsCardProps {
|
|
3
3
|
/**
|
|
4
|
-
* The CSS class for
|
|
4
|
+
* The CSS class for card container
|
|
5
5
|
*/
|
|
6
6
|
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Additional element for the label
|
|
9
|
+
*/
|
|
10
|
+
leftNode?: React.ReactNode;
|
|
7
11
|
/**
|
|
8
12
|
* Set the label
|
|
9
13
|
*/
|