@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.
@@ -1,25 +1,3 @@
1
1
  import * as React from 'react';
2
- import { IActionBarOption } from './ActionBarItem';
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,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  declare const _default: {
3
3
  title: string;
4
- component: React.FC<import("./ActionBar").IActionBarProps>;
4
+ component: React.FC<import("./types").IActionBarProps>;
5
5
  parameters: {
6
6
  layout: string;
7
7
  };
@@ -1,15 +1,3 @@
1
1
  import * as React from 'react';
2
- export type IActionBarOption = {
3
- key: string;
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 './ActionBar';
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 accordion container
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
  */