@dhis2-ui/modal 9.11.4 → 9.11.6
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/build/cjs/modal/modal.js +2 -6
- package/build/cjs/modal-actions/modal-actions.js +1 -4
- package/build/cjs/modal-content/modal-content.js +1 -4
- package/build/cjs/modal-title/modal-title.js +1 -4
- package/build/es/modal/modal.js +2 -6
- package/build/es/modal-actions/modal-actions.js +1 -4
- package/build/es/modal-content/modal-content.js +1 -4
- package/build/es/modal-title/modal-title.js +1 -4
- package/package.json +7 -7
package/build/cjs/modal/modal.js
CHANGED
|
@@ -27,12 +27,12 @@ const Modal = _ref => {
|
|
|
27
27
|
let {
|
|
28
28
|
children,
|
|
29
29
|
className,
|
|
30
|
-
dataTest,
|
|
30
|
+
dataTest = 'dhis2-uicore-modal',
|
|
31
31
|
hide,
|
|
32
32
|
fluid,
|
|
33
33
|
large,
|
|
34
34
|
onClose,
|
|
35
|
-
position,
|
|
35
|
+
position = 'top',
|
|
36
36
|
small
|
|
37
37
|
} = _ref;
|
|
38
38
|
const layerStyles = resolveLayerStyles(hide);
|
|
@@ -77,10 +77,6 @@ const Modal = _ref => {
|
|
|
77
77
|
}, [`aside.__jsx-style-dynamic-selector{height:auto;width:600px;max-width:calc(100vw - ${2 * _uiConstants.spacersNum.dp64}px);max-height:calc(100vh - ${2 * _uiConstants.spacersNum.dp64}px);}`, "aside.small.__jsx-style-dynamic-selector{width:400px;}", "aside.large.__jsx-style-dynamic-selector{width:800px;}", "aside.fluid.__jsx-style-dynamic-selector{width:auto;}", `div.__jsx-style-dynamic-selector{padding:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;max-width:calc(100vw - ${2 * _uiConstants.spacersNum.dp64}px);max-height:calc(100vh - ${2 * _uiConstants.spacersNum.dp64}px);}`]));
|
|
78
78
|
};
|
|
79
79
|
exports.Modal = Modal;
|
|
80
|
-
Modal.defaultProps = {
|
|
81
|
-
dataTest: 'dhis2-uicore-modal',
|
|
82
|
-
position: 'top'
|
|
83
|
-
};
|
|
84
80
|
Modal.propTypes = {
|
|
85
81
|
children: _propTypes.default.node,
|
|
86
82
|
className: _propTypes.default.string,
|
|
@@ -12,7 +12,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
12
12
|
const ModalActions = _ref => {
|
|
13
13
|
let {
|
|
14
14
|
children,
|
|
15
|
-
dataTest
|
|
15
|
+
dataTest = 'dhis2-uicore-modalactions'
|
|
16
16
|
} = _ref;
|
|
17
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
18
18
|
"data-test": dataTest,
|
|
@@ -23,9 +23,6 @@ const ModalActions = _ref => {
|
|
|
23
23
|
}, [`div.__jsx-style-dynamic-selector{-webkit-order:3;-ms-flex-order:3;order:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;margin:${_uiConstants.spacers.dp16} 0 0;}`]));
|
|
24
24
|
};
|
|
25
25
|
exports.ModalActions = ModalActions;
|
|
26
|
-
ModalActions.defaultProps = {
|
|
27
|
-
dataTest: 'dhis2-uicore-modalactions'
|
|
28
|
-
};
|
|
29
26
|
ModalActions.propTypes = {
|
|
30
27
|
children: _propTypes.default.node,
|
|
31
28
|
dataTest: _propTypes.default.string
|
|
@@ -12,7 +12,7 @@ const ModalContent = _ref => {
|
|
|
12
12
|
let {
|
|
13
13
|
children,
|
|
14
14
|
className,
|
|
15
|
-
dataTest
|
|
15
|
+
dataTest = 'dhis2-uicore-modalcontent'
|
|
16
16
|
} = _ref;
|
|
17
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
18
18
|
"data-test": dataTest,
|
|
@@ -22,9 +22,6 @@ const ModalContent = _ref => {
|
|
|
22
22
|
}, ["div.jsx-3719215021{-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;overflow-y:auto;}"]));
|
|
23
23
|
};
|
|
24
24
|
exports.ModalContent = ModalContent;
|
|
25
|
-
ModalContent.defaultProps = {
|
|
26
|
-
dataTest: 'dhis2-uicore-modalcontent'
|
|
27
|
-
};
|
|
28
25
|
ModalContent.propTypes = {
|
|
29
26
|
children: _propTypes.default.node,
|
|
30
27
|
className: _propTypes.default.string,
|
|
@@ -13,7 +13,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
13
13
|
const ModalTitle = _ref => {
|
|
14
14
|
let {
|
|
15
15
|
children,
|
|
16
|
-
dataTest
|
|
16
|
+
dataTest = 'dhis2-uicore-modaltitle'
|
|
17
17
|
} = _ref;
|
|
18
18
|
return /*#__PURE__*/_react.default.createElement("h1", {
|
|
19
19
|
"data-test": dataTest,
|
|
@@ -24,9 +24,6 @@ const ModalTitle = _ref => {
|
|
|
24
24
|
}, [`h1.__jsx-style-dynamic-selector{-webkit-order:1;-ms-flex-order:1;order:1;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;color:${_uiConstants.colors.grey900};font-size:20px;font-weight:500;line-height:24px;margin:0 0 ${_uiConstants.spacers.dp12};}`]));
|
|
25
25
|
};
|
|
26
26
|
exports.ModalTitle = ModalTitle;
|
|
27
|
-
ModalTitle.defaultProps = {
|
|
28
|
-
dataTest: 'dhis2-uicore-modaltitle'
|
|
29
|
-
};
|
|
30
27
|
ModalTitle.propTypes = {
|
|
31
28
|
children: _propTypes.default.node,
|
|
32
29
|
dataTest: _propTypes.default.string
|
package/build/es/modal/modal.js
CHANGED
|
@@ -18,12 +18,12 @@ export const Modal = _ref => {
|
|
|
18
18
|
let {
|
|
19
19
|
children,
|
|
20
20
|
className,
|
|
21
|
-
dataTest,
|
|
21
|
+
dataTest = 'dhis2-uicore-modal',
|
|
22
22
|
hide,
|
|
23
23
|
fluid,
|
|
24
24
|
large,
|
|
25
25
|
onClose,
|
|
26
|
-
position,
|
|
26
|
+
position = 'top',
|
|
27
27
|
small
|
|
28
28
|
} = _ref;
|
|
29
29
|
const layerStyles = resolveLayerStyles(hide);
|
|
@@ -67,10 +67,6 @@ export const Modal = _ref => {
|
|
|
67
67
|
dynamic: [2 * spacersNum.dp64, 2 * spacersNum.dp64, 2 * spacersNum.dp64, 2 * spacersNum.dp64]
|
|
68
68
|
}, [`aside.__jsx-style-dynamic-selector{height:auto;width:600px;max-width:calc(100vw - ${2 * spacersNum.dp64}px);max-height:calc(100vh - ${2 * spacersNum.dp64}px);}`, "aside.small.__jsx-style-dynamic-selector{width:400px;}", "aside.large.__jsx-style-dynamic-selector{width:800px;}", "aside.fluid.__jsx-style-dynamic-selector{width:auto;}", `div.__jsx-style-dynamic-selector{padding:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;max-width:calc(100vw - ${2 * spacersNum.dp64}px);max-height:calc(100vh - ${2 * spacersNum.dp64}px);}`]));
|
|
69
69
|
};
|
|
70
|
-
Modal.defaultProps = {
|
|
71
|
-
dataTest: 'dhis2-uicore-modal',
|
|
72
|
-
position: 'top'
|
|
73
|
-
};
|
|
74
70
|
Modal.propTypes = {
|
|
75
71
|
children: PropTypes.node,
|
|
76
72
|
className: PropTypes.string,
|
|
@@ -5,7 +5,7 @@ import React from 'react';
|
|
|
5
5
|
export const ModalActions = _ref => {
|
|
6
6
|
let {
|
|
7
7
|
children,
|
|
8
|
-
dataTest
|
|
8
|
+
dataTest = 'dhis2-uicore-modalactions'
|
|
9
9
|
} = _ref;
|
|
10
10
|
return /*#__PURE__*/React.createElement("div", {
|
|
11
11
|
"data-test": dataTest,
|
|
@@ -15,9 +15,6 @@ export const ModalActions = _ref => {
|
|
|
15
15
|
dynamic: [spacers.dp16]
|
|
16
16
|
}, [`div.__jsx-style-dynamic-selector{-webkit-order:3;-ms-flex-order:3;order:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;margin:${spacers.dp16} 0 0;}`]));
|
|
17
17
|
};
|
|
18
|
-
ModalActions.defaultProps = {
|
|
19
|
-
dataTest: 'dhis2-uicore-modalactions'
|
|
20
|
-
};
|
|
21
18
|
ModalActions.propTypes = {
|
|
22
19
|
children: PropTypes.node,
|
|
23
20
|
dataTest: PropTypes.string
|
|
@@ -5,7 +5,7 @@ export const ModalContent = _ref => {
|
|
|
5
5
|
let {
|
|
6
6
|
children,
|
|
7
7
|
className,
|
|
8
|
-
dataTest
|
|
8
|
+
dataTest = 'dhis2-uicore-modalcontent'
|
|
9
9
|
} = _ref;
|
|
10
10
|
return /*#__PURE__*/React.createElement("div", {
|
|
11
11
|
"data-test": dataTest,
|
|
@@ -14,9 +14,6 @@ export const ModalContent = _ref => {
|
|
|
14
14
|
id: "3719215021"
|
|
15
15
|
}, ["div.jsx-3719215021{-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;overflow-y:auto;}"]));
|
|
16
16
|
};
|
|
17
|
-
ModalContent.defaultProps = {
|
|
18
|
-
dataTest: 'dhis2-uicore-modalcontent'
|
|
19
|
-
};
|
|
20
17
|
ModalContent.propTypes = {
|
|
21
18
|
children: PropTypes.node,
|
|
22
19
|
className: PropTypes.string,
|
|
@@ -6,7 +6,7 @@ import React from 'react';
|
|
|
6
6
|
export const ModalTitle = _ref => {
|
|
7
7
|
let {
|
|
8
8
|
children,
|
|
9
|
-
dataTest
|
|
9
|
+
dataTest = 'dhis2-uicore-modaltitle'
|
|
10
10
|
} = _ref;
|
|
11
11
|
return /*#__PURE__*/React.createElement("h1", {
|
|
12
12
|
"data-test": dataTest,
|
|
@@ -16,9 +16,6 @@ export const ModalTitle = _ref => {
|
|
|
16
16
|
dynamic: [colors.grey900, spacers.dp12]
|
|
17
17
|
}, [`h1.__jsx-style-dynamic-selector{-webkit-order:1;-ms-flex-order:1;order:1;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;color:${colors.grey900};font-size:20px;font-weight:500;line-height:24px;margin:0 0 ${spacers.dp12};}`]));
|
|
18
18
|
};
|
|
19
|
-
ModalTitle.defaultProps = {
|
|
20
|
-
dataTest: 'dhis2-uicore-modaltitle'
|
|
21
|
-
};
|
|
22
19
|
ModalTitle.propTypes = {
|
|
23
20
|
children: PropTypes.node,
|
|
24
21
|
dataTest: PropTypes.string
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dhis2-ui/modal",
|
|
3
|
-
"version": "9.11.
|
|
3
|
+
"version": "9.11.6",
|
|
4
4
|
"description": "UI Modal",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@dhis2/prop-types": "^3.1.2",
|
|
36
|
-
"@dhis2-ui/card": "9.11.
|
|
37
|
-
"@dhis2-ui/center": "9.11.
|
|
38
|
-
"@dhis2-ui/layer": "9.11.
|
|
39
|
-
"@dhis2-ui/portal": "9.11.
|
|
40
|
-
"@dhis2/ui-constants": "9.11.
|
|
41
|
-
"@dhis2/ui-icons": "9.11.
|
|
36
|
+
"@dhis2-ui/card": "9.11.6",
|
|
37
|
+
"@dhis2-ui/center": "9.11.6",
|
|
38
|
+
"@dhis2-ui/layer": "9.11.6",
|
|
39
|
+
"@dhis2-ui/portal": "9.11.6",
|
|
40
|
+
"@dhis2/ui-constants": "9.11.6",
|
|
41
|
+
"@dhis2/ui-icons": "9.11.6",
|
|
42
42
|
"classnames": "^2.3.1",
|
|
43
43
|
"prop-types": "^15.7.2"
|
|
44
44
|
},
|