@elliemae/ds-card 3.13.1-rc.1 → 3.13.1
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/types/DSCard.d.ts +29 -0
- package/dist/types/DSCardBody.d.ts +15 -0
- package/dist/types/DSCardHeader.d.ts +19 -0
- package/dist/types/detail/DetailCard.d.ts +101 -0
- package/dist/types/detail/styled.d.ts +12 -0
- package/dist/types/index.d.ts +8 -0
- package/dist/types/tests/DSCard.test.d.ts +1 -0
- package/dist/types/v2/ActionAddon.d.ts +32 -0
- package/dist/types/v2/Card.d.ts +41 -0
- package/dist/types/v2/Group.d.ts +29 -0
- package/dist/types/v2/components.d.ts +11 -0
- package/package.json +11 -11
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare const DSCard: {
|
|
2
|
+
({ innerRef, children, containerProps, ...otherProps }: {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
innerRef?: undefined;
|
|
5
|
+
children?: null | undefined;
|
|
6
|
+
containerProps?: {} | undefined;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
propTypes: {
|
|
9
|
+
/** inject props to component wrapper */
|
|
10
|
+
containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
11
|
+
/**
|
|
12
|
+
* Get reference for the button
|
|
13
|
+
*/
|
|
14
|
+
innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
15
|
+
/**
|
|
16
|
+
* DSCardBody and DSCardHeader
|
|
17
|
+
*/
|
|
18
|
+
children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
19
|
+
};
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
declare const DSCardWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
23
|
+
[x: string]: any;
|
|
24
|
+
innerRef?: undefined;
|
|
25
|
+
children?: null | undefined;
|
|
26
|
+
containerProps?: {} | undefined;
|
|
27
|
+
}>;
|
|
28
|
+
export { DSCard, DSCardWithSchema };
|
|
29
|
+
export default DSCard;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare const DSCardBody: {
|
|
2
|
+
({ children }: {
|
|
3
|
+
children: any;
|
|
4
|
+
}): JSX.Element;
|
|
5
|
+
propTypes: {
|
|
6
|
+
/** children */
|
|
7
|
+
children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
8
|
+
};
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
declare const DSCardBodyWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
12
|
+
children: any;
|
|
13
|
+
}>;
|
|
14
|
+
export { DSCardBody, DSCardBodyWithSchema };
|
|
15
|
+
export default DSCardBody;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
declare const DSCardHeader: {
|
|
2
|
+
({ title, action }: {
|
|
3
|
+
title: any;
|
|
4
|
+
action: any;
|
|
5
|
+
}): JSX.Element;
|
|
6
|
+
propTypes: {
|
|
7
|
+
/** card header title */
|
|
8
|
+
title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
9
|
+
/** action */
|
|
10
|
+
action: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
11
|
+
};
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
declare const DSCardHeaderWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
15
|
+
title: any;
|
|
16
|
+
action: any;
|
|
17
|
+
}>;
|
|
18
|
+
export { DSCardHeader, DSCardHeaderWithSchema };
|
|
19
|
+
export default DSCardHeader;
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
declare const DetailCard: {
|
|
2
|
+
({ title, description, descriptionColor, rightValue, rightDescription, rightAddon, selectable, isSelected, onSelect, expandable, isExpanded, onExpand, expandContent, readOnly, disabled, }: {
|
|
3
|
+
title: any;
|
|
4
|
+
description: any;
|
|
5
|
+
descriptionColor?: string | undefined;
|
|
6
|
+
rightValue: any;
|
|
7
|
+
rightDescription: any;
|
|
8
|
+
rightAddon: any;
|
|
9
|
+
selectable?: boolean | undefined;
|
|
10
|
+
isSelected?: boolean | undefined;
|
|
11
|
+
onSelect?: ((...args: any[]) => void) | undefined;
|
|
12
|
+
expandable?: boolean | undefined;
|
|
13
|
+
isExpanded?: boolean | undefined;
|
|
14
|
+
onExpand?: ((...args: any[]) => void) | undefined;
|
|
15
|
+
expandContent: any;
|
|
16
|
+
readOnly?: boolean | undefined;
|
|
17
|
+
disabled?: boolean | undefined;
|
|
18
|
+
}): JSX.Element;
|
|
19
|
+
propTypes: {
|
|
20
|
+
/**
|
|
21
|
+
* Title of the card.
|
|
22
|
+
*/
|
|
23
|
+
title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
24
|
+
/**
|
|
25
|
+
* Description of the card.
|
|
26
|
+
*/
|
|
27
|
+
description: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
28
|
+
/**
|
|
29
|
+
* Description color.
|
|
30
|
+
*/
|
|
31
|
+
descriptionColor: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
32
|
+
/**
|
|
33
|
+
* Right value (should be used with `rightDescription`)
|
|
34
|
+
*/
|
|
35
|
+
rightValue: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
36
|
+
/**
|
|
37
|
+
* Right description (should be used with `rightValue`)
|
|
38
|
+
*/
|
|
39
|
+
rightDescription: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
40
|
+
/**
|
|
41
|
+
* Right addon array, max elements: 2
|
|
42
|
+
*/
|
|
43
|
+
rightAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
44
|
+
/**
|
|
45
|
+
* Whether if the card is selectable or not
|
|
46
|
+
*/
|
|
47
|
+
selectable: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
48
|
+
/**
|
|
49
|
+
* Whether if the card is selected or not
|
|
50
|
+
*/
|
|
51
|
+
isSelected: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
52
|
+
/**
|
|
53
|
+
* Callback on selection
|
|
54
|
+
*/
|
|
55
|
+
onSelect: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
56
|
+
/**
|
|
57
|
+
* Whether if the card is expandable or not
|
|
58
|
+
*/
|
|
59
|
+
expandable: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
60
|
+
/**
|
|
61
|
+
* Whether if the card is expanded or not
|
|
62
|
+
*/
|
|
63
|
+
isExpanded: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
64
|
+
/**
|
|
65
|
+
* Callback on expand
|
|
66
|
+
*/
|
|
67
|
+
onExpand: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
68
|
+
/**
|
|
69
|
+
* Content
|
|
70
|
+
*/
|
|
71
|
+
expandContent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
72
|
+
/**
|
|
73
|
+
* Read only
|
|
74
|
+
*/
|
|
75
|
+
readOnly: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
76
|
+
/**
|
|
77
|
+
* Disabled
|
|
78
|
+
*/
|
|
79
|
+
disabled: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
80
|
+
};
|
|
81
|
+
displayName: string;
|
|
82
|
+
};
|
|
83
|
+
declare const DSCardDetailWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
84
|
+
title: any;
|
|
85
|
+
description: any;
|
|
86
|
+
descriptionColor?: string | undefined;
|
|
87
|
+
rightValue: any;
|
|
88
|
+
rightDescription: any;
|
|
89
|
+
rightAddon: any;
|
|
90
|
+
selectable?: boolean | undefined;
|
|
91
|
+
isSelected?: boolean | undefined;
|
|
92
|
+
onSelect?: ((...args: any[]) => void) | undefined;
|
|
93
|
+
expandable?: boolean | undefined;
|
|
94
|
+
isExpanded?: boolean | undefined;
|
|
95
|
+
onExpand?: ((...args: any[]) => void) | undefined;
|
|
96
|
+
expandContent: any;
|
|
97
|
+
readOnly?: boolean | undefined;
|
|
98
|
+
disabled?: boolean | undefined;
|
|
99
|
+
}>;
|
|
100
|
+
export { DetailCard, DSCardDetailWithSchema };
|
|
101
|
+
export default DetailCard;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Separator: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
3
|
+
export declare const Title: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
4
|
+
export declare const Description: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
5
|
+
export declare const RightAddon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
|
|
6
|
+
export declare const RightDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
|
|
7
|
+
export declare const RightValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
|
|
8
|
+
export declare const ExpandContent: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
9
|
+
export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
10
|
+
active: any;
|
|
11
|
+
theme: any;
|
|
12
|
+
}, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
declare const ActionAddon: {
|
|
2
|
+
({ innerRef, label, onClick, icon }: {
|
|
3
|
+
innerRef: any;
|
|
4
|
+
label: any;
|
|
5
|
+
onClick: any;
|
|
6
|
+
icon: any;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
propTypes: {
|
|
9
|
+
/**
|
|
10
|
+
* Addon label
|
|
11
|
+
*/
|
|
12
|
+
label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
13
|
+
/**
|
|
14
|
+
* On click callback
|
|
15
|
+
*/
|
|
16
|
+
onClick: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
17
|
+
/**
|
|
18
|
+
* Icon to display after the label
|
|
19
|
+
*/
|
|
20
|
+
icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
21
|
+
innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
22
|
+
};
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
25
|
+
declare const DSCardActionAddonWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
26
|
+
innerRef: any;
|
|
27
|
+
label: any;
|
|
28
|
+
onClick: any;
|
|
29
|
+
icon: any;
|
|
30
|
+
}>;
|
|
31
|
+
export { ActionAddon, DSCardActionAddonWithSchema };
|
|
32
|
+
export default ActionAddon;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
declare const CustomCard: {
|
|
2
|
+
({ title, description, leftAddon, rightAddon, hasBorder, }: {
|
|
3
|
+
title: any;
|
|
4
|
+
description: any;
|
|
5
|
+
leftAddon: any;
|
|
6
|
+
rightAddon: any;
|
|
7
|
+
hasBorder?: boolean | undefined;
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
propTypes: {
|
|
10
|
+
/**
|
|
11
|
+
* Title of the card. requiered
|
|
12
|
+
*/
|
|
13
|
+
title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
14
|
+
/**
|
|
15
|
+
* Description of the card. not requiered
|
|
16
|
+
*/
|
|
17
|
+
description: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
18
|
+
/**
|
|
19
|
+
* Left Addon
|
|
20
|
+
*/
|
|
21
|
+
leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
22
|
+
/**
|
|
23
|
+
* Right addon array, max elements: 2
|
|
24
|
+
*/
|
|
25
|
+
rightAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
26
|
+
/**
|
|
27
|
+
* Wheter if the card has border or not
|
|
28
|
+
*/
|
|
29
|
+
hasBorder: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
30
|
+
};
|
|
31
|
+
displayName: string;
|
|
32
|
+
};
|
|
33
|
+
declare const DSCardCustomWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
34
|
+
title: any;
|
|
35
|
+
description: any;
|
|
36
|
+
leftAddon: any;
|
|
37
|
+
rightAddon: any;
|
|
38
|
+
hasBorder?: boolean | undefined;
|
|
39
|
+
}>;
|
|
40
|
+
export { CustomCard, DSCardCustomWithSchema };
|
|
41
|
+
export default CustomCard;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare const CardGroup: {
|
|
2
|
+
({ children, title, action }: {
|
|
3
|
+
children: any;
|
|
4
|
+
title: any;
|
|
5
|
+
action: any;
|
|
6
|
+
}): JSX.Element;
|
|
7
|
+
propTypes: {
|
|
8
|
+
/**
|
|
9
|
+
* Card items
|
|
10
|
+
*/
|
|
11
|
+
children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
12
|
+
/**
|
|
13
|
+
* Title of the group
|
|
14
|
+
*/
|
|
15
|
+
title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
16
|
+
/**
|
|
17
|
+
* Right addon action
|
|
18
|
+
*/
|
|
19
|
+
action: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
20
|
+
};
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
declare const DSCardGroupWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
24
|
+
children: any;
|
|
25
|
+
title: any;
|
|
26
|
+
action: any;
|
|
27
|
+
}>;
|
|
28
|
+
export { CardGroup, DSCardGroupWithSchema };
|
|
29
|
+
export default CardGroup;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const CardContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
|
|
3
|
+
declare const LeftSection: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
4
|
+
declare const LeftAddon: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
5
|
+
declare const RightAddonSection: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
6
|
+
declare const RightAddon: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
7
|
+
declare const Separator: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
8
|
+
declare const MainSection: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
9
|
+
declare const Title: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
10
|
+
declare const Description: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
11
|
+
export { CardContainer, LeftSection, LeftAddon, RightAddonSection, RightAddon, Separator, MainSection, Title, Description, };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-card",
|
|
3
|
-
"version": "3.13.1
|
|
3
|
+
"version": "3.13.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Card",
|
|
6
6
|
"files": [
|
|
@@ -71,16 +71,16 @@
|
|
|
71
71
|
"indent": 4
|
|
72
72
|
},
|
|
73
73
|
"dependencies": {
|
|
74
|
-
"@elliemae/ds-button": "3.13.1
|
|
75
|
-
"@elliemae/ds-
|
|
76
|
-
"@elliemae/ds-
|
|
77
|
-
"@elliemae/ds-
|
|
78
|
-
"@elliemae/ds-
|
|
79
|
-
"@elliemae/ds-
|
|
80
|
-
"@elliemae/ds-
|
|
81
|
-
"@elliemae/ds-
|
|
82
|
-
"@elliemae/ds-
|
|
83
|
-
"@elliemae/ds-
|
|
74
|
+
"@elliemae/ds-button": "3.13.1",
|
|
75
|
+
"@elliemae/ds-grid": "3.13.1",
|
|
76
|
+
"@elliemae/ds-icons": "3.13.1",
|
|
77
|
+
"@elliemae/ds-system": "3.13.1",
|
|
78
|
+
"@elliemae/ds-form": "3.13.1",
|
|
79
|
+
"@elliemae/ds-utilities": "3.13.1",
|
|
80
|
+
"@elliemae/ds-classnames": "3.13.1",
|
|
81
|
+
"@elliemae/ds-header": "3.13.1",
|
|
82
|
+
"@elliemae/ds-separator": "3.13.1",
|
|
83
|
+
"@elliemae/ds-truncated-tooltip-text": "3.13.1"
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
86
|
"@testing-library/jest-dom": "~5.16.4",
|