@cloudflare/component-card 12.0.0 → 12.0.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/CHANGELOG.md +10 -0
- package/es/Card.js +1 -2
- package/es/CardBlock.js +1 -2
- package/es/CardContent.js +1 -2
- package/es/CardControl.js +1 -2
- package/es/CardDrawers.js +6 -15
- package/es/CardFooter.js +1 -2
- package/es/CardMessages.js +2 -4
- package/es/CardSection.js +1 -2
- package/es/CardToolbar.js +2 -7
- package/es/CardToolbarDrawerTrigger.js +2 -4
- package/es/CardToolbarLink.js +1 -2
- package/lib/Card.js +1 -2
- package/lib/CardBlock.js +1 -2
- package/lib/CardContent.js +1 -2
- package/lib/CardControl.js +1 -2
- package/lib/CardDrawers.js +6 -15
- package/lib/CardFooter.js +1 -2
- package/lib/CardMessages.js +2 -4
- package/lib/CardSection.js +1 -2
- package/lib/CardToolbar.js +2 -7
- package/lib/CardToolbarDrawerTrigger.js +2 -4
- package/lib/CardToolbarLink.js +1 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 12.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- fc455fa761: Require explicit opt-in before injecting source-file debug attributes into package build artifacts.
|
|
8
|
+
- Updated dependencies [fc455fa761]
|
|
9
|
+
- @cloudflare/component-arrow-swivel@9.0.28
|
|
10
|
+
- @cloudflare/component-button@9.5.3
|
|
11
|
+
- @cloudflare/component-link@10.0.6
|
|
12
|
+
|
|
3
13
|
## 12.0.0
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
package/es/Card.js
CHANGED
package/es/CardBlock.js
CHANGED
|
@@ -18,8 +18,7 @@ var styles = _ref => {
|
|
|
18
18
|
class CardBlock extends React.Component {
|
|
19
19
|
render() {
|
|
20
20
|
return /*#__PURE__*/React.createElement("div", {
|
|
21
|
-
className: this.props.className
|
|
22
|
-
"data-source-file": "@cloudflare/component-card:src/CardBlock.js:15"
|
|
21
|
+
className: this.props.className
|
|
23
22
|
}, this.props.children);
|
|
24
23
|
}
|
|
25
24
|
|
package/es/CardContent.js
CHANGED
package/es/CardControl.js
CHANGED
package/es/CardDrawers.js
CHANGED
|
@@ -92,12 +92,10 @@ class CardDrawers extends React.Component {
|
|
|
92
92
|
onClick: () => this.handleLinkClick(drawerId),
|
|
93
93
|
ariaControls: drawerId,
|
|
94
94
|
ariaExpanded: isActive,
|
|
95
|
-
ariaLabel: ariaLabel
|
|
96
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:88"
|
|
95
|
+
ariaLabel: ariaLabel
|
|
97
96
|
}, name) : /*#__PURE__*/React.createElement(CardToolbarLink, {
|
|
98
97
|
id: triggerId,
|
|
99
|
-
href: href
|
|
100
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:101"
|
|
98
|
+
href: href
|
|
101
99
|
}, name));
|
|
102
100
|
content && drawers.push( /*#__PURE__*/React.createElement(Drawer, _extends({
|
|
103
101
|
key: drawerId,
|
|
@@ -105,20 +103,13 @@ class CardDrawers extends React.Component {
|
|
|
105
103
|
"aria-labelledby": triggerId,
|
|
106
104
|
isActive: isActive,
|
|
107
105
|
addToggleFunction: this.addToggleFunction.bind(this, drawerId)
|
|
108
|
-
}, rest,
|
|
109
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:108"
|
|
110
|
-
}), isActive && content));
|
|
106
|
+
}, rest), isActive && content));
|
|
111
107
|
}
|
|
112
108
|
});
|
|
113
|
-
return /*#__PURE__*/React.createElement(CardSection, {
|
|
114
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:124"
|
|
115
|
-
}, /*#__PURE__*/React.createElement(CardToolbar, {
|
|
109
|
+
return /*#__PURE__*/React.createElement(CardSection, null, /*#__PURE__*/React.createElement(CardToolbar, {
|
|
116
110
|
controls: this.props.controls,
|
|
117
|
-
triggers: triggers
|
|
118
|
-
|
|
119
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
120
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:126"
|
|
121
|
-
}, drawers));
|
|
111
|
+
triggers: triggers
|
|
112
|
+
}), /*#__PURE__*/React.createElement("div", null, drawers));
|
|
122
113
|
}
|
|
123
114
|
|
|
124
115
|
}
|
package/es/CardFooter.js
CHANGED
package/es/CardMessages.js
CHANGED
|
@@ -12,12 +12,10 @@ var CardMessages = _ref => {
|
|
|
12
12
|
messages
|
|
13
13
|
} = _ref;
|
|
14
14
|
return /*#__PURE__*/React.createElement("div", {
|
|
15
|
-
className: className
|
|
16
|
-
"data-source-file": "@cloudflare/component-card:src/CardMessages.js:10"
|
|
15
|
+
className: className
|
|
17
16
|
}, messages.map((message, index) => /*#__PURE__*/React.createElement("div", {
|
|
18
17
|
key: index,
|
|
19
|
-
role: "alert"
|
|
20
|
-
"data-source-file": "@cloudflare/component-card:src/CardMessages.js:12"
|
|
18
|
+
role: "alert"
|
|
21
19
|
}, message.content)));
|
|
22
20
|
};
|
|
23
21
|
|
package/es/CardSection.js
CHANGED
package/es/CardToolbar.js
CHANGED
|
@@ -31,13 +31,8 @@ var CardToolbar = _ref2 => {
|
|
|
31
31
|
triggers
|
|
32
32
|
} = _ref2;
|
|
33
33
|
return /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: className
|
|
35
|
-
|
|
36
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
37
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbar.js:32"
|
|
38
|
-
}, controls), /*#__PURE__*/React.createElement(Triggers, {
|
|
39
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbar.js:33"
|
|
40
|
-
}, triggers));
|
|
34
|
+
className: className
|
|
35
|
+
}, /*#__PURE__*/React.createElement("div", null, controls), /*#__PURE__*/React.createElement(Triggers, null, triggers));
|
|
41
36
|
};
|
|
42
37
|
|
|
43
38
|
CardToolbar.propTypes = {
|
|
@@ -49,12 +49,10 @@ class CardToolbarDrawerTrigger extends React.Component {
|
|
|
49
49
|
fontSize: 3,
|
|
50
50
|
"aria-controls": ariaControls,
|
|
51
51
|
"aria-expanded": ariaExpanded,
|
|
52
|
-
"aria-label": ariaLabel
|
|
53
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbarDrawerTrigger.js:41"
|
|
52
|
+
"aria-label": ariaLabel
|
|
54
53
|
}, children, /*#__PURE__*/React.createElement(ArrowSwivel, {
|
|
55
54
|
isActive: isActive,
|
|
56
|
-
duration: 50
|
|
57
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbarDrawerTrigger.js:53"
|
|
55
|
+
duration: 50
|
|
58
56
|
}));
|
|
59
57
|
}
|
|
60
58
|
|
package/es/CardToolbarLink.js
CHANGED
|
@@ -15,8 +15,7 @@ var CardToolbarLink = createComponent({}, _ref => {
|
|
|
15
15
|
target: "_blank",
|
|
16
16
|
rel: "noopener noreferrer",
|
|
17
17
|
id: id ? id : null,
|
|
18
|
-
href: href
|
|
19
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbarLink.js:8"
|
|
18
|
+
href: href
|
|
20
19
|
}, children);
|
|
21
20
|
});
|
|
22
21
|
CardToolbarLink.propTypes = {
|
package/lib/Card.js
CHANGED
|
@@ -32,8 +32,7 @@ var Card = function Card(_ref2) {
|
|
|
32
32
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
33
33
|
id: id,
|
|
34
34
|
className: className,
|
|
35
|
-
"data-testid": testId
|
|
36
|
-
"data-source-file": "@cloudflare/component-card:src/Card.js:14"
|
|
35
|
+
"data-testid": testId
|
|
37
36
|
}, children);
|
|
38
37
|
};
|
|
39
38
|
|
package/lib/CardBlock.js
CHANGED
|
@@ -61,8 +61,7 @@ var CardBlock = /*#__PURE__*/function (_React$Component) {
|
|
|
61
61
|
key: "render",
|
|
62
62
|
value: function render() {
|
|
63
63
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
64
|
-
className: this.props.className
|
|
65
|
-
"data-source-file": "@cloudflare/component-card:src/CardBlock.js:15"
|
|
64
|
+
className: this.props.className
|
|
66
65
|
}, this.props.children);
|
|
67
66
|
}
|
|
68
67
|
}]);
|
package/lib/CardContent.js
CHANGED
|
@@ -26,8 +26,7 @@ var CardContent = function CardContent(_ref) {
|
|
|
26
26
|
var className = _ref.className,
|
|
27
27
|
children = _ref.children;
|
|
28
28
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
|
-
className: className
|
|
30
|
-
"data-source-file": "@cloudflare/component-card:src/CardContent.js:13"
|
|
29
|
+
className: className
|
|
31
30
|
}, children);
|
|
32
31
|
};
|
|
33
32
|
|
package/lib/CardControl.js
CHANGED
|
@@ -43,8 +43,7 @@ var CardControl = function CardControl(_ref2) {
|
|
|
43
43
|
var className = _ref2.className,
|
|
44
44
|
children = _ref2.children;
|
|
45
45
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
46
|
-
className: className
|
|
47
|
-
"data-source-file": "@cloudflare/component-card:src/CardControl.js:29"
|
|
46
|
+
className: className
|
|
48
47
|
}, children);
|
|
49
48
|
};
|
|
50
49
|
|
package/lib/CardDrawers.js
CHANGED
|
@@ -151,12 +151,10 @@ var CardDrawers = /*#__PURE__*/function (_React$Component) {
|
|
|
151
151
|
},
|
|
152
152
|
ariaControls: drawerId,
|
|
153
153
|
ariaExpanded: isActive,
|
|
154
|
-
ariaLabel: ariaLabel
|
|
155
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:88"
|
|
154
|
+
ariaLabel: ariaLabel
|
|
156
155
|
}, name) : /*#__PURE__*/_react.default.createElement(_CardToolbarLink.default, {
|
|
157
156
|
id: triggerId,
|
|
158
|
-
href: href
|
|
159
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:101"
|
|
157
|
+
href: href
|
|
160
158
|
}, name));
|
|
161
159
|
content && drawers.push( /*#__PURE__*/_react.default.createElement(Drawer, _extends({
|
|
162
160
|
key: drawerId,
|
|
@@ -164,20 +162,13 @@ var CardDrawers = /*#__PURE__*/function (_React$Component) {
|
|
|
164
162
|
"aria-labelledby": triggerId,
|
|
165
163
|
isActive: isActive,
|
|
166
164
|
addToggleFunction: _this3.addToggleFunction.bind(_this3, drawerId)
|
|
167
|
-
}, rest,
|
|
168
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:108"
|
|
169
|
-
}), isActive && content));
|
|
165
|
+
}, rest), isActive && content));
|
|
170
166
|
}
|
|
171
167
|
});
|
|
172
|
-
return /*#__PURE__*/_react.default.createElement(_CardSection.default, {
|
|
173
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:124"
|
|
174
|
-
}, /*#__PURE__*/_react.default.createElement(_CardToolbar.default, {
|
|
168
|
+
return /*#__PURE__*/_react.default.createElement(_CardSection.default, null, /*#__PURE__*/_react.default.createElement(_CardToolbar.default, {
|
|
175
169
|
controls: this.props.controls,
|
|
176
|
-
triggers: triggers
|
|
177
|
-
|
|
178
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
179
|
-
"data-source-file": "@cloudflare/component-card:src/CardDrawers.js:126"
|
|
180
|
-
}, drawers));
|
|
170
|
+
triggers: triggers
|
|
171
|
+
}), /*#__PURE__*/_react.default.createElement("div", null, drawers));
|
|
181
172
|
}
|
|
182
173
|
}]);
|
|
183
174
|
|
package/lib/CardFooter.js
CHANGED
|
@@ -26,8 +26,7 @@ var Footer = function Footer(_ref) {
|
|
|
26
26
|
var className = _ref.className,
|
|
27
27
|
children = _ref.children;
|
|
28
28
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
|
-
className: className
|
|
30
|
-
"data-source-file": "@cloudflare/component-card:src/CardFooter.js:13"
|
|
29
|
+
className: className
|
|
31
30
|
}, children);
|
|
32
31
|
};
|
|
33
32
|
|
package/lib/CardMessages.js
CHANGED
|
@@ -23,13 +23,11 @@ var CardMessages = function CardMessages(_ref) {
|
|
|
23
23
|
var className = _ref.className,
|
|
24
24
|
messages = _ref.messages;
|
|
25
25
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
26
|
-
className: className
|
|
27
|
-
"data-source-file": "@cloudflare/component-card:src/CardMessages.js:10"
|
|
26
|
+
className: className
|
|
28
27
|
}, messages.map(function (message, index) {
|
|
29
28
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
30
29
|
key: index,
|
|
31
|
-
role: "alert"
|
|
32
|
-
"data-source-file": "@cloudflare/component-card:src/CardMessages.js:12"
|
|
30
|
+
role: "alert"
|
|
33
31
|
}, message.content);
|
|
34
32
|
}));
|
|
35
33
|
};
|
package/lib/CardSection.js
CHANGED
|
@@ -32,8 +32,7 @@ var CardSection = function CardSection(_ref2) {
|
|
|
32
32
|
var className = _ref2.className,
|
|
33
33
|
children = _ref2.children;
|
|
34
34
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
35
|
-
className: className
|
|
36
|
-
"data-source-file": "@cloudflare/component-card:src/CardSection.js:18"
|
|
35
|
+
className: className
|
|
37
36
|
}, children);
|
|
38
37
|
};
|
|
39
38
|
|
package/lib/CardToolbar.js
CHANGED
|
@@ -40,13 +40,8 @@ var CardToolbar = function CardToolbar(_ref2) {
|
|
|
40
40
|
controls = _ref2.controls,
|
|
41
41
|
triggers = _ref2.triggers;
|
|
42
42
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
43
|
-
className: className
|
|
44
|
-
|
|
45
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
46
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbar.js:32"
|
|
47
|
-
}, controls), /*#__PURE__*/_react.default.createElement(Triggers, {
|
|
48
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbar.js:33"
|
|
49
|
-
}, triggers));
|
|
43
|
+
className: className
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement("div", null, controls), /*#__PURE__*/_react.default.createElement(Triggers, null, triggers));
|
|
50
45
|
};
|
|
51
46
|
|
|
52
47
|
CardToolbar.propTypes = {
|
|
@@ -95,12 +95,10 @@ var CardToolbarDrawerTrigger = /*#__PURE__*/function (_React$Component) {
|
|
|
95
95
|
fontSize: 3,
|
|
96
96
|
"aria-controls": ariaControls,
|
|
97
97
|
"aria-expanded": ariaExpanded,
|
|
98
|
-
"aria-label": ariaLabel
|
|
99
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbarDrawerTrigger.js:41"
|
|
98
|
+
"aria-label": ariaLabel
|
|
100
99
|
}, children, /*#__PURE__*/_react.default.createElement(_componentArrowSwivel.ArrowSwivel, {
|
|
101
100
|
isActive: isActive,
|
|
102
|
-
duration: 50
|
|
103
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbarDrawerTrigger.js:53"
|
|
101
|
+
duration: 50
|
|
104
102
|
}));
|
|
105
103
|
}
|
|
106
104
|
}]);
|
package/lib/CardToolbarLink.js
CHANGED
|
@@ -26,8 +26,7 @@ var CardToolbarLink = (0, _styleContainer.createComponent)({}, function (_ref) {
|
|
|
26
26
|
target: "_blank",
|
|
27
27
|
rel: "noopener noreferrer",
|
|
28
28
|
id: id ? id : null,
|
|
29
|
-
href: href
|
|
30
|
-
"data-source-file": "@cloudflare/component-card:src/CardToolbarLink.js:8"
|
|
29
|
+
href: href
|
|
31
30
|
}, children);
|
|
32
31
|
});
|
|
33
32
|
CardToolbarLink.propTypes = {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloudflare/component-card",
|
|
3
3
|
"description": "Cloudflare Card Component",
|
|
4
|
-
"version": "12.0.
|
|
4
|
+
"version": "12.0.1",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
7
7
|
"author": "James Kyle <jkyle@cloudflare.com>",
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
"module": "es/index.js"
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@cloudflare/component-arrow-swivel": "^9.0.
|
|
16
|
-
"@cloudflare/component-button": "^9.5.
|
|
17
|
-
"@cloudflare/component-link": "^10.0.
|
|
15
|
+
"@cloudflare/component-arrow-swivel": "^9.0.28",
|
|
16
|
+
"@cloudflare/component-button": "^9.5.3",
|
|
17
|
+
"@cloudflare/component-link": "^10.0.6",
|
|
18
18
|
"prop-types": "^15.6.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|