@cloudflare/component-notifications 10.1.6 → 10.1.8

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 (10) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/es/Notification.js +4 -2
  3. package/es/NotificationGlobalContainer.js +2 -1
  4. package/es/NotificationItem.js +16 -5
  5. package/es/NotificationList.js +2 -1
  6. package/lib/Notification.js +4 -2
  7. package/lib/NotificationGlobalContainer.js +2 -1
  8. package/lib/NotificationItem.js +16 -5
  9. package/lib/NotificationList.js +2 -1
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Change Log
2
2
 
3
+ ## 10.1.8
4
+
5
+ ### Patch Changes
6
+
7
+ - 1bc29ca267: Fix: Use IS_RELEASE_CANDIDATE to enable a11y source file attributes in preview builds
8
+
9
+ ## 10.1.7
10
+
11
+ ### Patch Changes
12
+
13
+ - 625b95cb19: Add data-source-file attributes to JSX elements for a11y debugging (non-production only)
14
+
3
15
  ## 10.1.6
4
16
 
5
17
  ## 10.1.5
package/es/Notification.js CHANGED
@@ -131,11 +131,13 @@ class Notification extends React.Component {
131
131
  onClick: this.handleClick.bind(this),
132
132
  onMouseEnter: this.handleMouseEnter.bind(this),
133
133
  onMouseLeave: this.handleMouseLeave.bind(this),
134
- type: this.props.type
134
+ type: this.props.type,
135
+ "data-source-file": "@cloudflare/component-notifications:src/Notification.tsx:152"
135
136
  }, /*#__PURE__*/React.createElement(NotificationItem, {
136
137
  closable: this.props.closable,
137
138
  handleClickClose: this.handleClickClose.bind(this),
138
- type: this.props.type
139
+ type: this.props.type,
140
+ "data-source-file": "@cloudflare/component-notifications:src/Notification.tsx:159"
139
141
  }, this.props.message));
140
142
  }
141
143
 
package/es/NotificationGlobalContainer.js CHANGED
@@ -22,7 +22,8 @@ var NotificationGlobalContainer = _ref2 => {
22
22
  children
23
23
  } = _ref2;
24
24
  return /*#__PURE__*/React.createElement(StyledContainer, {
25
- className: className
25
+ className: className,
26
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationGlobalContainer.tsx:30"
26
27
  }, children);
27
28
  };
28
29
 
package/es/NotificationItem.js CHANGED
@@ -83,18 +83,29 @@ var NotificationItem = _ref3 => {
83
83
  break;
84
84
  }
85
85
 
86
- return /*#__PURE__*/React.createElement(NotificationWrapper, null, /*#__PURE__*/React.createElement(NotificationMessage, null, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
86
+ return /*#__PURE__*/React.createElement(NotificationWrapper, {
87
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:96"
88
+ }, /*#__PURE__*/React.createElement(NotificationMessage, {
89
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:97"
90
+ }, /*#__PURE__*/React.createElement(IconWrapper, {
91
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:98"
92
+ }, /*#__PURE__*/React.createElement(Icon, {
87
93
  type: iconType,
88
94
  label: type ? type : 'info-sign',
89
95
  color: "white",
90
- size: 24
96
+ size: 24,
97
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:99"
91
98
  })), children), closable && /*#__PURE__*/React.createElement(NotificationClose, {
92
99
  onClick: handleClickClose,
93
- type: type
94
- }, /*#__PURE__*/React.createElement(CloseWrapper, null, /*#__PURE__*/React.createElement(Icon, {
100
+ type: type,
101
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:110"
102
+ }, /*#__PURE__*/React.createElement(CloseWrapper, {
103
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:111"
104
+ }, /*#__PURE__*/React.createElement(Icon, {
95
105
  type: "remove",
96
106
  label: "close",
97
- color: "white"
107
+ color: "white",
108
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:112"
98
109
  }))));
99
110
  };
100
111
 
package/es/NotificationList.js CHANGED
@@ -12,7 +12,8 @@ var NotificationList = _ref => {
12
12
  children
13
13
  } = _ref;
14
14
  return /*#__PURE__*/React.createElement("div", {
15
- className: className
15
+ className: className,
16
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationList.tsx:15"
16
17
  }, children);
17
18
  };
18
19
 
package/lib/Notification.js CHANGED
@@ -192,11 +192,13 @@ var Notification = /*#__PURE__*/function (_React$Component) {
192
192
  onClick: this.handleClick.bind(this),
193
193
  onMouseEnter: this.handleMouseEnter.bind(this),
194
194
  onMouseLeave: this.handleMouseLeave.bind(this),
195
- type: this.props.type
195
+ type: this.props.type,
196
+ "data-source-file": "@cloudflare/component-notifications:src/Notification.tsx:152"
196
197
  }, /*#__PURE__*/_react.default.createElement(_NotificationItem.default, {
197
198
  closable: this.props.closable,
198
199
  handleClickClose: this.handleClickClose.bind(this),
199
- type: this.props.type
200
+ type: this.props.type,
201
+ "data-source-file": "@cloudflare/component-notifications:src/Notification.tsx:159"
200
202
  }, this.props.message));
201
203
  }
202
204
  }]);
package/lib/NotificationGlobalContainer.js CHANGED
@@ -29,7 +29,8 @@ var NotificationGlobalContainer = function NotificationGlobalContainer(_ref2) {
29
29
  var className = _ref2.className,
30
30
  children = _ref2.children;
31
31
  return /*#__PURE__*/_react.default.createElement(StyledContainer, {
32
- className: className
32
+ className: className,
33
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationGlobalContainer.tsx:30"
33
34
  }, children);
34
35
  };
35
36
 
package/lib/NotificationItem.js CHANGED
@@ -96,18 +96,29 @@ var NotificationItem = function NotificationItem(_ref3) {
96
96
  break;
97
97
  }
98
98
 
99
- return /*#__PURE__*/_react.default.createElement(NotificationWrapper, null, /*#__PURE__*/_react.default.createElement(NotificationMessage, null, /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, {
99
+ return /*#__PURE__*/_react.default.createElement(NotificationWrapper, {
100
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:96"
101
+ }, /*#__PURE__*/_react.default.createElement(NotificationMessage, {
102
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:97"
103
+ }, /*#__PURE__*/_react.default.createElement(IconWrapper, {
104
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:98"
105
+ }, /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, {
100
106
  type: iconType,
101
107
  label: type ? type : 'info-sign',
102
108
  color: "white",
103
- size: 24
109
+ size: 24,
110
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:99"
104
111
  })), children), closable && /*#__PURE__*/_react.default.createElement(NotificationClose, {
105
112
  onClick: handleClickClose,
106
- type: type
107
- }, /*#__PURE__*/_react.default.createElement(CloseWrapper, null, /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, {
113
+ type: type,
114
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:110"
115
+ }, /*#__PURE__*/_react.default.createElement(CloseWrapper, {
116
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:111"
117
+ }, /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, {
108
118
  type: "remove",
109
119
  label: "close",
110
- color: "white"
120
+ color: "white",
121
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationItem.tsx:112"
111
122
  }))));
112
123
  };
113
124
 
package/lib/NotificationList.js CHANGED
@@ -22,7 +22,8 @@ var NotificationList = function NotificationList(_ref) {
22
22
  var className = _ref.className,
23
23
  children = _ref.children;
24
24
  return /*#__PURE__*/_react.default.createElement("div", {
25
- className: className
25
+ className: className,
26
+ "data-source-file": "@cloudflare/component-notifications:src/NotificationList.tsx:15"
26
27
  }, children);
27
28
  };
28
29
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-notifications",
3
3
  "description": "Cloudflare Notifications Component",
4
- "version": "10.1.6",
4
+ "version": "10.1.8",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "James Kyle <jkyle@cloudflare.com>",