@cloudflare/component-multistep-modal 6.0.39 → 6.0.40

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