@cloudflare/component-card 11.0.39 → 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 +17 -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 +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
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
|
+
|
|
13
|
+
## 12.0.0
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies [7ecedcf71d]
|
|
18
|
+
- @cloudflare/component-page@11.0.0
|
|
19
|
+
|
|
3
20
|
## 11.0.39
|
|
4
21
|
|
|
5
22
|
### 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": "
|
|
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,14 +12,14 @@
|
|
|
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": {
|
|
21
21
|
"@cloudflare/component-icon": "^13.0.0",
|
|
22
|
-
"@cloudflare/component-page": "^
|
|
22
|
+
"@cloudflare/component-page": "^11.0.0",
|
|
23
23
|
"@cloudflare/style-const": "^6.0.0",
|
|
24
24
|
"@cloudflare/style-container": "^8.0.0",
|
|
25
25
|
"react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0"
|