@cloudflare/component-multistep-modal 6.0.35 → 6.0.36

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 (4) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/es/MultistepModal.js +40 -16
  3. package/lib/MultistepModal.js +40 -16
  4. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Change Log
2
2
 
3
+ ## 6.0.36
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-box@5.1.2
10
+ - @cloudflare/component-button@9.5.2
11
+ - @cloudflare/component-modal@9.0.34
12
+ - @cloudflare/component-progress@10.0.35
13
+ - @cloudflare/component-test-dummy@5.0.5
14
+
3
15
  ## 6.0.35
4
16
 
5
17
  ### Patch Changes
package/es/MultistepModal.js CHANGED
@@ -106,22 +106,38 @@ class MultistepModal extends React.Component {
106
106
  onCancelClickBehaviour
107
107
  } = getElements(renderSteps(step), step);
108
108
  return /*#__PURE__*/React.createElement(React.Fragment, null, isOpen ? /*#__PURE__*/React.createElement(TestDummy, {
109
- id: TID.MODAL_OPEN
109
+ id: TID.MODAL_OPEN,
110
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:132"
110
111
  }) : /*#__PURE__*/React.createElement(TestDummy, {
111
- id: TID.MODAL_CLOSED
112
+ id: TID.MODAL_CLOSED,
113
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:134"
112
114
  }), /*#__PURE__*/React.createElement(Modal, {
113
115
  isOpen: isOpen,
114
116
  onRequestClose: onClose,
115
117
  width: width,
116
- closeOnBackdropClick: closeOnBackdropClick
117
- }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, title), /*#__PURE__*/React.createElement(ModalClose, {
118
- onClick: onClose
119
- })), /*#__PURE__*/React.createElement(ModalBody, null, progress && /*#__PURE__*/React.createElement(ProgressWrapper, null, /*#__PURE__*/React.createElement(Progress, {
118
+ closeOnBackdropClick: closeOnBackdropClick,
119
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:136"
120
+ }, /*#__PURE__*/React.createElement(ModalHeader, {
121
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:142"
122
+ }, /*#__PURE__*/React.createElement(ModalTitle, {
123
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:143"
124
+ }, title), /*#__PURE__*/React.createElement(ModalClose, {
125
+ onClick: onClose,
126
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:144"
127
+ })), /*#__PURE__*/React.createElement(ModalBody, {
128
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:146"
129
+ }, progress && /*#__PURE__*/React.createElement(ProgressWrapper, {
130
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:148"
131
+ }, /*#__PURE__*/React.createElement(Progress, {
120
132
  active: step,
121
- steps: progress
122
- })), content), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Box, {
133
+ steps: progress,
134
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:149"
135
+ })), content), /*#__PURE__*/React.createElement(ModalFooter, {
136
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:154"
137
+ }, /*#__PURE__*/React.createElement(Box, {
123
138
  display: "flex",
124
- justifyContent: step > 0 ? 'space-between' : 'flex-end'
139
+ justifyContent: step > 0 ? 'space-between' : 'flex-end',
140
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:155"
125
141
  }, step > 0 && !hideBack ? /*#__PURE__*/React.createElement(Button, {
126
142
  type: "default",
127
143
  testId: TID.BUTTON_BACK,
@@ -130,14 +146,19 @@ class MultistepModal extends React.Component {
130
146
  this.setState({
131
147
  step: step - 1
132
148
  });
133
- }
149
+ },
150
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:160"
134
151
  }, /*#__PURE__*/React.createElement(Trans, {
135
- id: "common.back"
152
+ id: "common.back",
153
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:168"
136
154
  })) :
137
155
  /*#__PURE__*/
138
156
  // Empty span to maintain spacing
139
- React.createElement("span", null), /*#__PURE__*/React.createElement(ButtonGroup, {
140
- spaced: true
157
+ React.createElement("span", {
158
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:172"
159
+ }), /*#__PURE__*/React.createElement(ButtonGroup, {
160
+ spaced: true,
161
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:174"
141
162
  }, !hideCancel && /*#__PURE__*/React.createElement(Button, {
142
163
  type: "default",
143
164
  onClick: /*#__PURE__*/_asyncToGenerator(function* () {
@@ -165,9 +186,11 @@ class MultistepModal extends React.Component {
165
186
  onClose();
166
187
  }
167
188
  }),
168
- testId: TID.BUTTON_CANCEL
189
+ testId: TID.BUTTON_CANCEL,
190
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:176"
169
191
  }, cancelLabel ? cancelLabel : /*#__PURE__*/React.createElement(Trans, {
170
- id: "common.cancel"
192
+ id: "common.cancel",
193
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:205"
171
194
  })), /*#__PURE__*/React.createElement(Button, {
172
195
  testId: TID.BUTTON_NEXT,
173
196
  type: "primary",
@@ -186,7 +209,8 @@ class MultistepModal extends React.Component {
186
209
  step: step + 1
187
210
  });
188
211
  }
189
- })
212
+ }),
213
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:208"
190
214
  }, nextLabel))))));
191
215
  }
192
216
 
package/lib/MultistepModal.js CHANGED
@@ -168,22 +168,38 @@ var MultistepModal = /*#__PURE__*/function (_React$Component) {
168
168
  onCancelClickBehaviour = _getElements.onCancelClickBehaviour;
169
169
 
170
170
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isOpen ? /*#__PURE__*/_react.default.createElement(_componentTestDummy.TestDummy, {
171
- id: _constants.TID.MODAL_OPEN
171
+ id: _constants.TID.MODAL_OPEN,
172
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:132"
172
173
  }) : /*#__PURE__*/_react.default.createElement(_componentTestDummy.TestDummy, {
173
- id: _constants.TID.MODAL_CLOSED
174
+ id: _constants.TID.MODAL_CLOSED,
175
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:134"
174
176
  }), /*#__PURE__*/_react.default.createElement(_componentModal.Modal, {
175
177
  isOpen: isOpen,
176
178
  onRequestClose: onClose,
177
179
  width: width,
178
- closeOnBackdropClick: closeOnBackdropClick
179
- }, /*#__PURE__*/_react.default.createElement(_componentModal.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_componentModal.ModalTitle, null, title), /*#__PURE__*/_react.default.createElement(_componentModal.ModalClose, {
180
- onClick: onClose
181
- })), /*#__PURE__*/_react.default.createElement(_componentModal.ModalBody, null, progress && /*#__PURE__*/_react.default.createElement(ProgressWrapper, null, /*#__PURE__*/_react.default.createElement(_componentProgress.Progress, {
180
+ closeOnBackdropClick: closeOnBackdropClick,
181
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:136"
182
+ }, /*#__PURE__*/_react.default.createElement(_componentModal.ModalHeader, {
183
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:142"
184
+ }, /*#__PURE__*/_react.default.createElement(_componentModal.ModalTitle, {
185
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:143"
186
+ }, title), /*#__PURE__*/_react.default.createElement(_componentModal.ModalClose, {
187
+ onClick: onClose,
188
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:144"
189
+ })), /*#__PURE__*/_react.default.createElement(_componentModal.ModalBody, {
190
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:146"
191
+ }, progress && /*#__PURE__*/_react.default.createElement(ProgressWrapper, {
192
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:148"
193
+ }, /*#__PURE__*/_react.default.createElement(_componentProgress.Progress, {
182
194
  active: step,
183
- steps: progress
184
- })), content), /*#__PURE__*/_react.default.createElement(_componentModal.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_componentBox.Box, {
195
+ steps: progress,
196
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:149"
197
+ })), content), /*#__PURE__*/_react.default.createElement(_componentModal.ModalFooter, {
198
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:154"
199
+ }, /*#__PURE__*/_react.default.createElement(_componentBox.Box, {
185
200
  display: "flex",
186
- justifyContent: step > 0 ? 'space-between' : 'flex-end'
201
+ justifyContent: step > 0 ? 'space-between' : 'flex-end',
202
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:155"
187
203
  }, step > 0 && !hideBack ? /*#__PURE__*/_react.default.createElement(_componentButton.Button, {
188
204
  type: "default",
189
205
  testId: _constants.TID.BUTTON_BACK,
@@ -193,14 +209,19 @@ var MultistepModal = /*#__PURE__*/function (_React$Component) {
193
209
  _this2.setState({
194
210
  step: step - 1
195
211
  });
196
- }
212
+ },
213
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:160"
197
214
  }, /*#__PURE__*/_react.default.createElement(_intlReact.Trans, {
198
- id: "common.back"
215
+ id: "common.back",
216
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:168"
199
217
  })) :
200
218
  /*#__PURE__*/
201
219
  // Empty span to maintain spacing
202
- _react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement(_componentButton.ButtonGroup, {
203
- spaced: true
220
+ _react.default.createElement("span", {
221
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:172"
222
+ }), /*#__PURE__*/_react.default.createElement(_componentButton.ButtonGroup, {
223
+ spaced: true,
224
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:174"
204
225
  }, !hideCancel && /*#__PURE__*/_react.default.createElement(_componentButton.Button, {
205
226
  type: "default",
206
227
  onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -249,9 +270,11 @@ var MultistepModal = /*#__PURE__*/function (_React$Component) {
249
270
  }
250
271
  }, _callee);
251
272
  })),
252
- testId: _constants.TID.BUTTON_CANCEL
273
+ testId: _constants.TID.BUTTON_CANCEL,
274
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:176"
253
275
  }, cancelLabel ? cancelLabel : /*#__PURE__*/_react.default.createElement(_intlReact.Trans, {
254
- id: "common.cancel"
276
+ id: "common.cancel",
277
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:205"
255
278
  })), /*#__PURE__*/_react.default.createElement(_componentButton.Button, {
256
279
  testId: _constants.TID.BUTTON_NEXT,
257
280
  type: "primary",
@@ -292,7 +315,8 @@ var MultistepModal = /*#__PURE__*/function (_React$Component) {
292
315
  }
293
316
  }
294
317
  }, _callee2);
295
- }))
318
+ })),
319
+ "data-source-file": "@cloudflare/component-multistep-modal:src/MultistepModal.tsx:208"
296
320
  }, nextLabel))))));
297
321
  }
298
322
  }]);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-multistep-modal",
3
3
  "description": "Multistep modal with a progress bar",
4
- "version": "6.0.35",
4
+ "version": "6.0.36",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "Vojtech Miksu <vojtech@cloudflare.com>",
@@ -13,11 +13,11 @@
13
13
  "types": "./dist/index.d.ts"
14
14
  },
15
15
  "dependencies": {
16
- "@cloudflare/component-box": "^5.1.1",
17
- "@cloudflare/component-button": "^9.5.1",
18
- "@cloudflare/component-modal": "^9.0.33",
19
- "@cloudflare/component-progress": "^10.0.34",
20
- "@cloudflare/component-test-dummy": "^5.0.4",
16
+ "@cloudflare/component-box": "^5.1.2",
17
+ "@cloudflare/component-button": "^9.5.2",
18
+ "@cloudflare/component-modal": "^9.0.34",
19
+ "@cloudflare/component-progress": "^10.0.35",
20
+ "@cloudflare/component-test-dummy": "^5.0.5",
21
21
  "@cloudflare/intl-react": "^1.9.80",
22
22
  "prop-types": "^15.6.0"
23
23
  },