orcs-design-system 2.0.80 → 2.0.81
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.
- package/es/components/Modal/index.js +32 -3
- package/package.json +1 -1
|
@@ -69,6 +69,8 @@ var Modal = function Modal(_ref) {
|
|
|
69
69
|
height = _ref.height,
|
|
70
70
|
maxWidth = _ref.maxWidth,
|
|
71
71
|
maxHeight = _ref.maxHeight,
|
|
72
|
+
minWidth = _ref.minWidth,
|
|
73
|
+
minHeight = _ref.minHeight,
|
|
72
74
|
overflow = _ref.overflow,
|
|
73
75
|
onClose = _ref.onClose,
|
|
74
76
|
theme = _ref.theme,
|
|
@@ -77,7 +79,7 @@ var Modal = function Modal(_ref) {
|
|
|
77
79
|
modalID = _ref.modalID,
|
|
78
80
|
headerContent = _ref.headerContent,
|
|
79
81
|
footerContent = _ref.footerContent,
|
|
80
|
-
restProps = _objectWithoutProperties(_ref, ["children", "width", "height", "maxWidth", "maxHeight", "overflow", "onClose", "theme", "visible", "overlayID", "modalID", "headerContent", "footerContent"]);
|
|
82
|
+
restProps = _objectWithoutProperties(_ref, ["children", "width", "height", "maxWidth", "maxHeight", "minWidth", "minHeight", "overflow", "onClose", "theme", "visible", "overlayID", "modalID", "headerContent", "footerContent"]);
|
|
81
83
|
|
|
82
84
|
var options = {
|
|
83
85
|
disabled: !visible
|
|
@@ -102,6 +104,8 @@ var Modal = function Modal(_ref) {
|
|
|
102
104
|
height: height,
|
|
103
105
|
maxWidth: maxWidth,
|
|
104
106
|
maxHeight: maxHeight,
|
|
107
|
+
minWidth: minWidth,
|
|
108
|
+
minHeight: minHeight,
|
|
105
109
|
overflow: overflow,
|
|
106
110
|
borderRadius: "2",
|
|
107
111
|
bg: "white",
|
|
@@ -150,12 +154,18 @@ Modal.propTypes = {
|
|
|
150
154
|
/** Specifies the max width of the Modal */
|
|
151
155
|
maxWidth: PropTypes.string,
|
|
152
156
|
|
|
157
|
+
/** Specifies the min width of the Modal */
|
|
158
|
+
minWidth: PropTypes.string,
|
|
159
|
+
|
|
153
160
|
/** Specifies the height of the Modal */
|
|
154
161
|
height: PropTypes.string,
|
|
155
162
|
|
|
156
163
|
/** Specifies the max height of the Modal */
|
|
157
164
|
maxHeight: PropTypes.string,
|
|
158
165
|
|
|
166
|
+
/** Specifies the min height of the Modal */
|
|
167
|
+
minHeight: PropTypes.string,
|
|
168
|
+
|
|
159
169
|
/** Specifies the visibility of the Modal */
|
|
160
170
|
visible: PropTypes.bool,
|
|
161
171
|
|
|
@@ -178,6 +188,7 @@ Modal.defaultProps = {
|
|
|
178
188
|
width: "350px",
|
|
179
189
|
height: "auto",
|
|
180
190
|
maxHeight: "90vh",
|
|
191
|
+
maxWidth: "90vw",
|
|
181
192
|
overlayID: "modal-overlay",
|
|
182
193
|
modalID: "modal-container",
|
|
183
194
|
theme: systemtheme
|
|
@@ -220,6 +231,17 @@ Modal.__docgenInfo = {
|
|
|
220
231
|
"required": false,
|
|
221
232
|
"description": "Specifies the max height of the Modal"
|
|
222
233
|
},
|
|
234
|
+
"maxWidth": {
|
|
235
|
+
"defaultValue": {
|
|
236
|
+
"value": "\"90vw\"",
|
|
237
|
+
"computed": false
|
|
238
|
+
},
|
|
239
|
+
"type": {
|
|
240
|
+
"name": "string"
|
|
241
|
+
},
|
|
242
|
+
"required": false,
|
|
243
|
+
"description": "Specifies the max width of the Modal"
|
|
244
|
+
},
|
|
223
245
|
"overlayID": {
|
|
224
246
|
"defaultValue": {
|
|
225
247
|
"value": "\"modal-overlay\"",
|
|
@@ -291,12 +313,19 @@ Modal.__docgenInfo = {
|
|
|
291
313
|
"required": false,
|
|
292
314
|
"description": "Specifies content for the header of the modal"
|
|
293
315
|
},
|
|
294
|
-
"
|
|
316
|
+
"minWidth": {
|
|
295
317
|
"type": {
|
|
296
318
|
"name": "string"
|
|
297
319
|
},
|
|
298
320
|
"required": false,
|
|
299
|
-
"description": "Specifies the
|
|
321
|
+
"description": "Specifies the min width of the Modal"
|
|
322
|
+
},
|
|
323
|
+
"minHeight": {
|
|
324
|
+
"type": {
|
|
325
|
+
"name": "string"
|
|
326
|
+
},
|
|
327
|
+
"required": false,
|
|
328
|
+
"description": "Specifies the min height of the Modal"
|
|
300
329
|
},
|
|
301
330
|
"visible": {
|
|
302
331
|
"type": {
|