@cloudflare/component-multistep-modal 1.3.31 → 1.3.35

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 (6) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/MultistepModal.d.ts +1 -0
  3. package/es/MultistepModal.js +4 -1
  4. package/lib/MultistepModal.js +4 -1
  5. package/package.json +8 -8
  6. package/src/MultistepModal.tsx +8 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.3.35](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-multistep-modal@1.3.34...@cloudflare/component-multistep-modal@1.3.35) (2022-01-03)
7
+
8
+ **Note:** Version bump only for package @cloudflare/component-multistep-modal
9
+
10
+
11
+
12
+
13
+
14
+ ## [1.3.34](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-multistep-modal@1.3.33...@cloudflare/component-multistep-modal@1.3.34) (2021-12-28)
15
+
16
+ **Note:** Version bump only for package @cloudflare/component-multistep-modal
17
+
18
+
19
+
20
+
21
+
22
+ ## [1.3.33](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-multistep-modal@1.3.32...@cloudflare/component-multistep-modal@1.3.33) (2021-12-22)
23
+
24
+ **Note:** Version bump only for package @cloudflare/component-multistep-modal
25
+
26
+
27
+
28
+
29
+
30
+ ## [1.3.32](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-multistep-modal@1.3.31...@cloudflare/component-multistep-modal@1.3.32) (2021-12-22)
31
+
32
+ **Note:** Version bump only for package @cloudflare/component-multistep-modal
33
+
34
+
35
+
36
+
37
+
6
38
  ## [1.3.31](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-multistep-modal@1.3.30...@cloudflare/component-multistep-modal@1.3.31) (2021-12-21)
7
39
 
8
40
  **Note:** Version bump only for package @cloudflare/component-multistep-modal
package/dist/MultistepModal.d.ts CHANGED
@@ -3,6 +3,7 @@ import { IStepItem } from './types';
3
3
  declare type TWidth = 'narrow' | 'wide' | 'extra-wide' | 'super-extra-wide';
4
4
  interface IMultistepModalProps {
5
5
  isOpen: boolean;
6
+ closeOnBackdropClick?: boolean;
6
7
  width?: TWidth;
7
8
  title: string | JSX.Element;
8
9
  onClose: () => void;
package/es/MultistepModal.js CHANGED
@@ -70,6 +70,8 @@ class MultistepModal extends React.Component {
70
70
  renderSteps = _this$props.renderSteps,
71
71
  title = _this$props.title,
72
72
  onNextStep = _this$props.onNextStep,
73
+ _this$props$closeOnBa = _this$props.closeOnBackdropClick,
74
+ closeOnBackdropClick = _this$props$closeOnBa === void 0 ? true : _this$props$closeOnBa,
73
75
  onPrevStep = _this$props.onPrevStep;
74
76
  const step = this.state.step;
75
77
 
@@ -90,7 +92,8 @@ class MultistepModal extends React.Component {
90
92
  }), /*#__PURE__*/React.createElement(Modal, {
91
93
  isOpen: isOpen,
92
94
  onRequestClose: onClose,
93
- width: width
95
+ width: width,
96
+ closeOnBackdropClick: closeOnBackdropClick
94
97
  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, title), /*#__PURE__*/React.createElement(ModalClose, {
95
98
  onClick: onClose
96
99
  })), /*#__PURE__*/React.createElement(ModalBody, null, progress && /*#__PURE__*/React.createElement(ProgressWrapper, null, /*#__PURE__*/React.createElement(Progress, {
package/lib/MultistepModal.js CHANGED
@@ -133,6 +133,8 @@ var MultistepModal = /*#__PURE__*/function (_React$Component) {
133
133
  renderSteps = _this$props.renderSteps,
134
134
  title = _this$props.title,
135
135
  onNextStep = _this$props.onNextStep,
136
+ _this$props$closeOnBa = _this$props.closeOnBackdropClick,
137
+ closeOnBackdropClick = _this$props$closeOnBa === void 0 ? true : _this$props$closeOnBa,
136
138
  onPrevStep = _this$props.onPrevStep;
137
139
  var step = this.state.step;
138
140
 
@@ -153,7 +155,8 @@ var MultistepModal = /*#__PURE__*/function (_React$Component) {
153
155
  }), /*#__PURE__*/_react.default.createElement(_componentModal.Modal, {
154
156
  isOpen: isOpen,
155
157
  onRequestClose: onClose,
156
- width: width
158
+ width: width,
159
+ closeOnBackdropClick: closeOnBackdropClick
157
160
  }, /*#__PURE__*/_react.default.createElement(_componentModal.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_componentModal.ModalTitle, null, title), /*#__PURE__*/_react.default.createElement(_componentModal.ModalClose, {
158
161
  onClick: onClose
159
162
  })), /*#__PURE__*/_react.default.createElement(_componentModal.ModalBody, null, progress && /*#__PURE__*/_react.default.createElement(ProgressWrapper, null, /*#__PURE__*/_react.default.createElement(_componentProgress.Progress, {
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": "1.3.31",
4
+ "version": "1.3.35",
5
5
  "types": "./dist/index.d.ts",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -12,12 +12,12 @@
12
12
  "access": "public"
13
13
  },
14
14
  "dependencies": {
15
- "@cloudflare/component-box": "^2.3.27",
16
- "@cloudflare/component-button": "^2.11.23",
17
- "@cloudflare/component-modal": "^2.6.31",
18
- "@cloudflare/component-progress": "^4.4.103",
19
- "@cloudflare/component-test-dummy": "^2.0.433",
20
- "@cloudflare/style-container": "^7.5.26",
15
+ "@cloudflare/component-box": "^2.3.28",
16
+ "@cloudflare/component-button": "^2.11.26",
17
+ "@cloudflare/component-modal": "^2.6.34",
18
+ "@cloudflare/component-progress": "^4.4.106",
19
+ "@cloudflare/component-test-dummy": "^2.0.434",
20
+ "@cloudflare/style-container": "^7.5.27",
21
21
  "prop-types": "^15.6.0"
22
22
  },
23
23
  "peerDependencies": {
@@ -29,5 +29,5 @@
29
29
  "autoGeneratedReadme": true,
30
30
  "category": "structure"
31
31
  },
32
- "gitHead": "ba62968b673a0bdf5c0ac56c04d22df157ebc663"
32
+ "gitHead": "f5823478efbe08906035db51623a0eafe65fce24"
33
33
  }
package/src/MultistepModal.tsx CHANGED
@@ -20,6 +20,7 @@ type TWidth = 'narrow' | 'wide' | 'extra-wide' | 'super-extra-wide';
20
20
 
21
21
  interface IMultistepModalProps {
22
22
  isOpen: boolean;
23
+ closeOnBackdropClick?: boolean;
23
24
  width?: TWidth;
24
25
  title: string | JSX.Element;
25
26
  onClose: () => void;
@@ -98,6 +99,7 @@ class MultistepModal extends React.Component<IMultistepModalProps> {
98
99
  renderSteps,
99
100
  title,
100
101
  onNextStep,
102
+ closeOnBackdropClick = true,
101
103
  onPrevStep
102
104
  } = this.props;
103
105
  const { step } = this.state;
@@ -118,7 +120,12 @@ class MultistepModal extends React.Component<IMultistepModalProps> {
118
120
  ) : (
119
121
  <TestDummy id={TID.MODAL_CLOSED} />
120
122
  )}
121
- <Modal isOpen={isOpen} onRequestClose={onClose} width={width}>
123
+ <Modal
124
+ isOpen={isOpen}
125
+ onRequestClose={onClose}
126
+ width={width}
127
+ closeOnBackdropClick={closeOnBackdropClick}
128
+ >
122
129
  <ModalHeader>
123
130
  <ModalTitle>{title}</ModalTitle>
124
131
  <ModalClose onClick={onClose} />