@cloudflare/component-card 11.0.36 → 11.0.37

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