@elliemae/ds-card 3.0.0-next.1 → 3.0.0-next.13

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.
Files changed (72) hide show
  1. package/dist/cjs/DSCard.js +99 -0
  2. package/dist/cjs/DSCard.js.map +7 -0
  3. package/dist/cjs/DSCardBody.js +49 -0
  4. package/dist/cjs/DSCardBody.js.map +7 -0
  5. package/dist/cjs/DSCardHeader.js +59 -0
  6. package/dist/cjs/DSCardHeader.js.map +7 -0
  7. package/dist/cjs/detail/DetailCard.js +156 -0
  8. package/dist/cjs/detail/DetailCard.js.map +7 -0
  9. package/dist/cjs/detail/styled.js +104 -0
  10. package/dist/cjs/detail/styled.js.map +7 -0
  11. package/dist/cjs/index.js +42 -0
  12. package/dist/cjs/index.js.map +7 -0
  13. package/dist/cjs/v2/ActionAddon.js +73 -0
  14. package/dist/cjs/v2/ActionAddon.js.map +7 -0
  15. package/dist/cjs/v2/Card.js +82 -0
  16. package/dist/cjs/v2/Card.js.map +7 -0
  17. package/dist/cjs/v2/Group.js +81 -0
  18. package/dist/cjs/v2/Group.js.map +7 -0
  19. package/dist/cjs/v2/components.js +104 -0
  20. package/dist/cjs/v2/components.js.map +7 -0
  21. package/dist/esm/DSCard.js +72 -0
  22. package/dist/esm/DSCard.js.map +7 -0
  23. package/dist/esm/DSCardBody.js +20 -0
  24. package/dist/esm/DSCardBody.js.map +7 -0
  25. package/dist/esm/DSCardHeader.js +30 -0
  26. package/dist/esm/DSCardHeader.js.map +7 -0
  27. package/dist/esm/detail/DetailCard.js +127 -0
  28. package/dist/esm/detail/DetailCard.js.map +7 -0
  29. package/dist/esm/detail/styled.js +75 -0
  30. package/dist/esm/detail/styled.js.map +7 -0
  31. package/dist/esm/index.js +13 -0
  32. package/dist/esm/index.js.map +7 -0
  33. package/dist/esm/v2/ActionAddon.js +44 -0
  34. package/dist/esm/v2/ActionAddon.js.map +7 -0
  35. package/dist/esm/v2/Card.js +64 -0
  36. package/dist/esm/v2/Card.js.map +7 -0
  37. package/dist/esm/v2/Group.js +52 -0
  38. package/dist/esm/v2/Group.js.map +7 -0
  39. package/dist/esm/v2/components.js +75 -0
  40. package/dist/esm/v2/components.js.map +7 -0
  41. package/package.json +52 -43
  42. package/cjs/DSCard.js +0 -72
  43. package/cjs/DSCardBody.js +0 -32
  44. package/cjs/DSCardHeader.js +0 -46
  45. package/cjs/detail/DetailCard.js +0 -200
  46. package/cjs/detail/styled.js +0 -61
  47. package/cjs/index.js +0 -29
  48. package/cjs/v2/ActionAddon.js +0 -58
  49. package/cjs/v2/Card.js +0 -88
  50. package/cjs/v2/Group.js +0 -68
  51. package/cjs/v2/components.js +0 -54
  52. package/esm/DSCard.js +0 -61
  53. package/esm/DSCardBody.js +0 -22
  54. package/esm/DSCardHeader.js +0 -36
  55. package/esm/detail/DetailCard.js +0 -188
  56. package/esm/detail/styled.js +0 -46
  57. package/esm/index.js +0 -7
  58. package/esm/v2/ActionAddon.js +0 -46
  59. package/esm/v2/Card.js +0 -77
  60. package/esm/v2/Group.js +0 -57
  61. package/esm/v2/components.js +0 -38
  62. package/types/DSCard.d.ts +0 -49
  63. package/types/DSCardBody.d.ts +0 -25
  64. package/types/DSCardHeader.d.ts +0 -34
  65. package/types/detail/DetailCard.d.ts +0 -176
  66. package/types/detail/styled.d.ts +0 -9
  67. package/types/index.d.ts +0 -8
  68. package/types/tests/DSCard.test.d.ts +0 -1
  69. package/types/v2/ActionAddon.d.ts +0 -49
  70. package/types/v2/Card.d.ts +0 -66
  71. package/types/v2/Group.d.ts +0 -39
  72. package/types/v2/components.d.ts +0 -11
package/esm/v2/Card.js DELETED
@@ -1,77 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import { PropTypes, describe } from 'react-desc';
4
- import { DSHeader } from '@elliemae/ds-header';
5
- import DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
6
- import { CardContainer, LeftSection, LeftAddon, MainSection, Description, RightAddonSection, RightAddon, Separator } from './components.js';
7
- import { jsxs, Fragment } from 'react/jsx-runtime';
8
-
9
- var _Separator;
10
-
11
- const getCol = rightAddon => {
12
- if (!rightAddon) return [1];
13
- return [1, 'auto'];
14
- };
15
-
16
- const CustomCard = _ref => {
17
- let {
18
- title,
19
- description,
20
- leftAddon,
21
- rightAddon,
22
- // array. max 2 elements
23
- hasBorder = false
24
- } = _ref;
25
- return /*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(CardContainer, {
26
- hasBorder: hasBorder,
27
- cols: getCol(rightAddon),
28
- "data-testid": "em-ds-card"
29
- }, void 0, /*#__PURE__*/_jsx(LeftSection, {}, void 0, leftAddon && /*#__PURE__*/_jsx(LeftAddon, {}, void 0, leftAddon), /*#__PURE__*/_jsx(MainSection, {
30
- style: {
31
- maxWidth: leftAddon ? 'calc(100% - 40px)' : '100%'
32
- }
33
- }, void 0, /*#__PURE__*/_jsx(DSHeader, {
34
- fontSize: "16px",
35
- "data-testid": "em-ds-card-header",
36
- fontWeight: "regular",
37
- color: "neutral.800",
38
- text: /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
39
- value: title
40
- })
41
- }), description && /*#__PURE__*/_jsx(Description, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
42
- value: description
43
- })))), rightAddon && /*#__PURE__*/_jsx(RightAddonSection, {}, void 0, rightAddon[0] && /*#__PURE__*/_jsx(RightAddon, {}, void 0, rightAddon[0]), rightAddon[1] && /*#__PURE__*/jsxs(Fragment, {
44
- children: [rightAddon.length > 1 && (_Separator || (_Separator = /*#__PURE__*/_jsx(Separator, {}))), /*#__PURE__*/_jsx(RightAddon, {}, void 0, rightAddon[1])]
45
- }))));
46
- };
47
-
48
- const cardProps = {
49
- /**
50
- * Title of the card. requiered
51
- */
52
- title: PropTypes.string.isRequired.description('Title of the card. requiered'),
53
-
54
- /**
55
- * Description of the card. not requiered
56
- */
57
- description: PropTypes.string.description('Description of the card. not requiered'),
58
-
59
- /**
60
- * Left Addon
61
- */
62
- leftAddon: PropTypes.element.description('Left Addon'),
63
-
64
- /**
65
- * Right addon array, max elements: 2
66
- */
67
- rightAddon: PropTypes.array.description('Right addon array, max elements: 2'),
68
-
69
- /**
70
- * Wheter if the card has border or not
71
- */
72
- hasBorder: PropTypes.bool.description('Wheter if the card has border or not')
73
- };
74
- const DSCardCustomWithSchema = describe(CustomCard);
75
- DSCardCustomWithSchema.propTypes = cardProps;
76
-
77
- export { CustomCard, DSCardCustomWithSchema, CustomCard as default };
package/esm/v2/Group.js DELETED
@@ -1,57 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import { PropTypes, describe } from 'react-desc';
4
- import styled from 'styled-components';
5
- import { truncate, color, border } from '@elliemae/ds-system';
6
- import { CustomCard } from './Card.js';
7
-
8
- const Group = /*#__PURE__*/styled.div.withConfig({
9
- componentId: "sc-1y2lfoo-0"
10
- })(["display:flex;flex-direction:column;width:100%;max-width:100%;", "{border-top:none;}", ""], CustomCard, _ref => {
11
- let {
12
- theme,
13
- withTopBorder
14
- } = _ref;
15
- return withTopBorder ? "border-top: ".concat(theme.colors.neutral['100']) : '';
16
- });
17
- const GroupTitle = /*#__PURE__*/styled.span.withConfig({
18
- componentId: "sc-1y2lfoo-1"
19
- })(["", ""], truncate());
20
- const TitleWrapper = /*#__PURE__*/styled.div.withConfig({
21
- componentId: "sc-1y2lfoo-2"
22
- })(["display:flex;justify-content:space-between;padding:0 ", ";font-size:12px;", ";font-weight:", ";background-color:", ";border-top:", ";line-height:24px;"], props => props.theme.space.xs, color('neutral', '700'), props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['080'], props => border(props.theme.colors.neutral['080']));
23
- const Items = /*#__PURE__*/styled.div.withConfig({
24
- componentId: "sc-1y2lfoo-3"
25
- })(["display:flex;flex-direction:column;"]);
26
-
27
- const CardGroup = _ref2 => {
28
- let {
29
- children,
30
- title,
31
- action
32
- } = _ref2;
33
- return /*#__PURE__*/_jsx(Group, {
34
- withTopBorder: !title
35
- }, void 0, !!title && /*#__PURE__*/_jsx(TitleWrapper, {}, void 0, /*#__PURE__*/_jsx(GroupTitle, {}, void 0, title), action), /*#__PURE__*/_jsx(Items, {}, void 0, children));
36
- };
37
-
38
- const cardgroupProps = {
39
- /**
40
- * Card items
41
- */
42
- children: PropTypes.element.isRequired.description('Card items'),
43
-
44
- /**
45
- * Title of the group
46
- */
47
- title: PropTypes.string.isRequired.description('Title of the group'),
48
-
49
- /**
50
- * Right addon action
51
- */
52
- action: PropTypes.element.description('Right addon action')
53
- };
54
- const DSCardGroupWithSchema = describe(CardGroup);
55
- DSCardGroupWithSchema.propTypes = cardgroupProps;
56
-
57
- export { CardGroup, DSCardGroupWithSchema, CardGroup as default };
@@ -1,38 +0,0 @@
1
- import styled from 'styled-components';
2
- import { Grid } from '@elliemae/ds-grid';
3
-
4
- const CardContainer = /*#__PURE__*/styled(Grid).withConfig({
5
- componentId: "sc-1cjakml-0"
6
- })(["align-items:center;justify-content:space-between;width:100%;height:56px;padding:8px 16px;position:relative;border:", ";&:before{content:'';border-bottom:1px solid ", ";position:absolute;margin:0 auto;width:90%;bottom:0;}&:last-child::before{content:none;}"], _ref => {
7
- let {
8
- theme,
9
- hasBorder
10
- } = _ref;
11
- return hasBorder ? "1px solid ".concat(theme.colors.neutral['100']) : '';
12
- }, props => props.theme.colors.neutral['100']);
13
- const LeftSection = /*#__PURE__*/styled.div.withConfig({
14
- componentId: "sc-1cjakml-1"
15
- })(["display:flex;align-items:center;"]);
16
- const LeftAddon = /*#__PURE__*/styled.div.withConfig({
17
- componentId: "sc-1cjakml-2"
18
- })(["height:fit-content;width:fit-content;margin-right:16px;cursor:pointer;"]);
19
- const RightAddonSection = /*#__PURE__*/styled.div.withConfig({
20
- componentId: "sc-1cjakml-3"
21
- })(["display:flex;align-items:center;width:fit-content;"]);
22
- const RightAddon = /*#__PURE__*/styled.div.withConfig({
23
- componentId: "sc-1cjakml-4"
24
- })(["height:fit-content;width:fit-content;cursor:pointer;"]);
25
- const Separator = /*#__PURE__*/styled.div.withConfig({
26
- componentId: "sc-1cjakml-5"
27
- })(["width:0px;height:24px;border-right:1px solid ", ";margin:0 8px;"], props => props.theme.colors.neutral['300']);
28
- const MainSection = /*#__PURE__*/styled.div.withConfig({
29
- componentId: "sc-1cjakml-6"
30
- })(["display:flex;flex-direction:column;"]);
31
- const Title = /*#__PURE__*/styled.h3.withConfig({
32
- componentId: "sc-1cjakml-7"
33
- })(["margin:0;font-size:16px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['800']);
34
- const Description = /*#__PURE__*/styled.p.withConfig({
35
- componentId: "sc-1cjakml-8"
36
- })(["margin:0;color:", ";"], props => props.theme.colors.neutral['600']);
37
-
38
- export { CardContainer, Description, LeftAddon, LeftSection, MainSection, RightAddon, RightAddonSection, Separator, Title };
package/types/DSCard.d.ts DELETED
@@ -1,49 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const DSCard: {
4
- ({ innerRef, children, containerProps, ...otherProps }: {
5
- [x: string]: any;
6
- innerRef?: undefined;
7
- children?: null | undefined;
8
- containerProps?: {} | undefined;
9
- }): JSX.Element;
10
- propTypes: {
11
- /** inject props to component wrapper */
12
- containerProps: {
13
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
14
- deprecated: import("react-desc").PropTypesDescValidator;
15
- };
16
- isRequired: import("react-desc").PropTypesDescValue;
17
- };
18
- /**
19
- * Get reference for the button
20
- */
21
- innerRef: {
22
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
23
- deprecated: import("react-desc").PropTypesDescValidator;
24
- };
25
- isRequired: import("react-desc").PropTypesDescValue;
26
- };
27
- /**
28
- * DSCardBody and DSCardHeader
29
- */
30
- children: {
31
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
32
- deprecated: import("react-desc").PropTypesDescValidator;
33
- };
34
- isRequired: import("react-desc").PropTypesDescValue;
35
- };
36
- };
37
- };
38
- declare const DSCardWithSchema: {
39
- (props?: {
40
- [x: string]: any;
41
- innerRef?: undefined;
42
- children?: null | undefined;
43
- containerProps?: {} | undefined;
44
- } | undefined): JSX.Element;
45
- propTypes: unknown;
46
- toTypescript: () => import("react-desc").TypescriptSchema;
47
- };
48
- export { DSCard, DSCardWithSchema };
49
- export default DSCard;
@@ -1,25 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const DSCardBody: {
4
- ({ children }: {
5
- children: any;
6
- }): JSX.Element;
7
- propTypes: {
8
- /** children */
9
- children: {
10
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
11
- deprecated: import("react-desc").PropTypesDescValidator;
12
- };
13
- isRequired: import("react-desc").PropTypesDescValue;
14
- };
15
- };
16
- };
17
- declare const DSCardBodyWithSchema: {
18
- (props?: {
19
- children: any;
20
- } | undefined): JSX.Element;
21
- propTypes: unknown;
22
- toTypescript: () => import("react-desc").TypescriptSchema;
23
- };
24
- export { DSCardBody, DSCardBodyWithSchema };
25
- export default DSCardBody;
@@ -1,34 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const DSCardHeader: {
4
- ({ title, action }: {
5
- title: any;
6
- action: any;
7
- }): JSX.Element;
8
- propTypes: {
9
- /** card header title */
10
- title: {
11
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
12
- deprecated: import("react-desc").PropTypesDescValidator;
13
- };
14
- isRequired: import("react-desc").PropTypesDescValue;
15
- };
16
- /** action */
17
- action: {
18
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
19
- deprecated: import("react-desc").PropTypesDescValidator;
20
- };
21
- isRequired: import("react-desc").PropTypesDescValue;
22
- };
23
- };
24
- };
25
- declare const DSCardHeaderWithSchema: {
26
- (props?: {
27
- title: any;
28
- action: any;
29
- } | undefined): JSX.Element;
30
- propTypes: unknown;
31
- toTypescript: () => import("react-desc").TypescriptSchema;
32
- };
33
- export { DSCardHeader, DSCardHeaderWithSchema };
34
- export default DSCardHeader;
@@ -1,176 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const DetailCard: {
4
- ({ title, description, descriptionColor, rightValue, rightDescription, rightAddon, selectable, isSelected, onSelect, expandable, isExpanded, onExpand, expandContent, readOnly, disabled, }: {
5
- title: any;
6
- description: any;
7
- descriptionColor?: string | undefined;
8
- rightValue: any;
9
- rightDescription: any;
10
- rightAddon: any;
11
- selectable?: boolean | undefined;
12
- isSelected?: boolean | undefined;
13
- onSelect?: ((...args: any[]) => void) | undefined;
14
- expandable?: boolean | undefined;
15
- isExpanded?: boolean | undefined;
16
- onExpand?: ((...args: any[]) => void) | undefined;
17
- expandContent: any;
18
- readOnly?: boolean | undefined;
19
- disabled?: boolean | undefined;
20
- }): JSX.Element;
21
- propTypes: {
22
- /**
23
- * Title of the card.
24
- */
25
- title: any;
26
- /**
27
- * Description of the card.
28
- */
29
- description: {
30
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
31
- deprecated: import("react-desc").PropTypesDescValidator;
32
- };
33
- isRequired: import("react-desc").PropTypesDescValue;
34
- };
35
- /**
36
- * Description color.
37
- */
38
- descriptionColor: {
39
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
40
- deprecated: import("react-desc").PropTypesDescValidator;
41
- };
42
- isRequired: import("react-desc").PropTypesDescValue;
43
- };
44
- /**
45
- * Right value (should be used with `rightDescription`)
46
- */
47
- rightValue: {
48
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
49
- deprecated: import("react-desc").PropTypesDescValidator;
50
- };
51
- isRequired: import("react-desc").PropTypesDescValue;
52
- };
53
- /**
54
- * Right description (should be used with `rightValue`)
55
- */
56
- rightDescription: {
57
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
58
- deprecated: import("react-desc").PropTypesDescValidator;
59
- };
60
- isRequired: import("react-desc").PropTypesDescValue;
61
- };
62
- /**
63
- * Right addon array, max elements: 2
64
- */
65
- rightAddon: {
66
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
67
- deprecated: import("react-desc").PropTypesDescValidator;
68
- };
69
- isRequired: import("react-desc").PropTypesDescValue;
70
- };
71
- /**
72
- * Whether if the card is selectable or not
73
- */
74
- selectable: {
75
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
76
- deprecated: import("react-desc").PropTypesDescValidator;
77
- };
78
- isRequired: import("react-desc").PropTypesDescValue;
79
- };
80
- /**
81
- * Whether if the card is selected or not
82
- */
83
- isSelected: {
84
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
85
- deprecated: import("react-desc").PropTypesDescValidator;
86
- };
87
- isRequired: import("react-desc").PropTypesDescValue;
88
- };
89
- /**
90
- * Callback on selection
91
- */
92
- onSelect: {
93
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
94
- deprecated: import("react-desc").PropTypesDescValidator;
95
- };
96
- isRequired: import("react-desc").PropTypesDescValue;
97
- };
98
- /**
99
- * Whether if the card is expandable or not
100
- */
101
- expandable: {
102
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
103
- deprecated: import("react-desc").PropTypesDescValidator;
104
- };
105
- isRequired: import("react-desc").PropTypesDescValue;
106
- };
107
- /**
108
- * Whether if the card is expanded or not
109
- */
110
- isExpanded: {
111
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
112
- deprecated: import("react-desc").PropTypesDescValidator;
113
- };
114
- isRequired: import("react-desc").PropTypesDescValue;
115
- };
116
- /**
117
- * Callback on expand
118
- */
119
- onExpand: {
120
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
121
- deprecated: import("react-desc").PropTypesDescValidator;
122
- };
123
- isRequired: import("react-desc").PropTypesDescValue;
124
- };
125
- /**
126
- * Content
127
- */
128
- expandContent: {
129
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
130
- deprecated: import("react-desc").PropTypesDescValidator;
131
- };
132
- isRequired: import("react-desc").PropTypesDescValue;
133
- };
134
- /**
135
- * Read only
136
- */
137
- readOnly: {
138
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
139
- deprecated: import("react-desc").PropTypesDescValidator;
140
- };
141
- isRequired: import("react-desc").PropTypesDescValue;
142
- };
143
- /**
144
- * Disabled
145
- */
146
- disabled: {
147
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
148
- deprecated: import("react-desc").PropTypesDescValidator;
149
- };
150
- isRequired: import("react-desc").PropTypesDescValue;
151
- };
152
- };
153
- };
154
- declare const DSCardDetailWithSchema: {
155
- (props?: {
156
- title: any;
157
- description: any;
158
- descriptionColor?: string | undefined;
159
- rightValue: any;
160
- rightDescription: any;
161
- rightAddon: any;
162
- selectable?: boolean | undefined;
163
- isSelected?: boolean | undefined;
164
- onSelect?: ((...args: any[]) => void) | undefined;
165
- expandable?: boolean | undefined;
166
- isExpanded?: boolean | undefined;
167
- onExpand?: ((...args: any[]) => void) | undefined;
168
- expandContent: any;
169
- readOnly?: boolean | undefined;
170
- disabled?: boolean | undefined;
171
- } | undefined): JSX.Element;
172
- propTypes: unknown;
173
- toTypescript: () => import("react-desc").TypescriptSchema;
174
- };
175
- export { DetailCard, DSCardDetailWithSchema };
176
- export default DetailCard;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const Title: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const Description: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
5
- export declare const RightAddon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
6
- export declare const RightDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
7
- export declare const RightValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
8
- export declare const ExpandContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
- export declare const Container: any;
package/types/index.d.ts DELETED
@@ -1,8 +0,0 @@
1
- export * from './DSCard';
2
- export * from './DSCardHeader';
3
- export * from './DSCardBody';
4
- export * from './v2/Card';
5
- export * from './v2/Group';
6
- export * from './v2/ActionAddon';
7
- export * from './detail/DetailCard';
8
- export { default } from './DSCard';
@@ -1 +0,0 @@
1
- export {};
@@ -1,49 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const ActionAddon: {
4
- ({ label, onClick, icon }: {
5
- label: any;
6
- onClick: any;
7
- icon: any;
8
- }): JSX.Element;
9
- propTypes: {
10
- /**
11
- * Addon label
12
- */
13
- label: {
14
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
15
- deprecated: import("react-desc").PropTypesDescValidator;
16
- };
17
- isRequired: import("react-desc").PropTypesDescValue;
18
- };
19
- /**
20
- * On click callback
21
- */
22
- onClick: {
23
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
24
- deprecated: import("react-desc").PropTypesDescValidator;
25
- };
26
- isRequired: import("react-desc").PropTypesDescValue;
27
- };
28
- /**
29
- * Icon to display after the label
30
- */
31
- icon: {
32
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
33
- deprecated: import("react-desc").PropTypesDescValidator;
34
- };
35
- isRequired: import("react-desc").PropTypesDescValue;
36
- };
37
- };
38
- };
39
- declare const DSCardActionAddonWithSchema: {
40
- (props?: {
41
- label: any;
42
- onClick: any;
43
- icon: any;
44
- } | undefined): JSX.Element;
45
- propTypes: unknown;
46
- toTypescript: () => import("react-desc").TypescriptSchema;
47
- };
48
- export { ActionAddon, DSCardActionAddonWithSchema };
49
- export default ActionAddon;
@@ -1,66 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const CustomCard: {
4
- ({ title, description, leftAddon, rightAddon, hasBorder, }: {
5
- title: any;
6
- description: any;
7
- leftAddon: any;
8
- rightAddon: any;
9
- hasBorder?: boolean | undefined;
10
- }): JSX.Element;
11
- propTypes: {
12
- /**
13
- * Title of the card. requiered
14
- */
15
- title: any;
16
- /**
17
- * Description of the card. not requiered
18
- */
19
- description: {
20
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
21
- deprecated: import("react-desc").PropTypesDescValidator;
22
- };
23
- isRequired: import("react-desc").PropTypesDescValue;
24
- };
25
- /**
26
- * Left Addon
27
- */
28
- leftAddon: {
29
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
30
- deprecated: import("react-desc").PropTypesDescValidator;
31
- };
32
- isRequired: import("react-desc").PropTypesDescValue;
33
- };
34
- /**
35
- * Right addon array, max elements: 2
36
- */
37
- rightAddon: {
38
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
39
- deprecated: import("react-desc").PropTypesDescValidator;
40
- };
41
- isRequired: import("react-desc").PropTypesDescValue;
42
- };
43
- /**
44
- * Wheter if the card has border or not
45
- */
46
- hasBorder: {
47
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
48
- deprecated: import("react-desc").PropTypesDescValidator;
49
- };
50
- isRequired: import("react-desc").PropTypesDescValue;
51
- };
52
- };
53
- };
54
- declare const DSCardCustomWithSchema: {
55
- (props?: {
56
- title: any;
57
- description: any;
58
- leftAddon: any;
59
- rightAddon: any;
60
- hasBorder?: boolean | undefined;
61
- } | undefined): JSX.Element;
62
- propTypes: unknown;
63
- toTypescript: () => import("react-desc").TypescriptSchema;
64
- };
65
- export { CustomCard, DSCardCustomWithSchema };
66
- export default CustomCard;
@@ -1,39 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const CardGroup: {
4
- ({ children, title, action }: {
5
- children: any;
6
- title: any;
7
- action: any;
8
- }): JSX.Element;
9
- propTypes: {
10
- /**
11
- * Card items
12
- */
13
- children: any;
14
- /**
15
- * Title of the group
16
- */
17
- title: any;
18
- /**
19
- * Right addon action
20
- */
21
- action: {
22
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
23
- deprecated: import("react-desc").PropTypesDescValidator;
24
- };
25
- isRequired: import("react-desc").PropTypesDescValue;
26
- };
27
- };
28
- };
29
- declare const DSCardGroupWithSchema: {
30
- (props?: {
31
- children: any;
32
- title: any;
33
- action: any;
34
- } | undefined): JSX.Element;
35
- propTypes: unknown;
36
- toTypescript: () => import("react-desc").TypescriptSchema;
37
- };
38
- export { CardGroup, DSCardGroupWithSchema };
39
- export default CardGroup;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- declare const CardContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
- declare const LeftSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
- declare const LeftAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
- declare const RightAddonSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
- declare const RightAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
7
- declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
8
- declare const MainSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
- declare const Title: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
10
- declare const Description: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
11
- export { CardContainer, LeftSection, LeftAddon, RightAddonSection, RightAddon, Separator, MainSection, Title, Description, };