@dhis2-ui/popover 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.
|
@@ -34,9 +34,9 @@ class PopperInBoxWithCenteredReferenceElement extends _react.Component {
|
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
36
|
const {
|
|
37
|
-
paddingTop,
|
|
38
|
-
popoverHeight,
|
|
39
|
-
popoverWidth,
|
|
37
|
+
paddingTop = 220,
|
|
38
|
+
popoverHeight = 200,
|
|
39
|
+
popoverWidth = 336,
|
|
40
40
|
...popoverProps
|
|
41
41
|
} = this.props;
|
|
42
42
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -60,11 +60,11 @@ class PopperInBoxWithCenteredReferenceElement extends _react.Component {
|
|
|
60
60
|
}, "I am in a box with width: ", popoverWidth, "px and height:", ' ', popoverHeight, "px")));
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
PopperInBoxWithCenteredReferenceElement
|
|
63
|
+
_defineProperty(PopperInBoxWithCenteredReferenceElement, "defaultProps", {
|
|
64
64
|
paddingTop: 220,
|
|
65
65
|
popoverHeight: 200,
|
|
66
66
|
popoverWidth: 336
|
|
67
|
-
};
|
|
67
|
+
});
|
|
68
68
|
PopperInBoxWithCenteredReferenceElement.propTypes = {
|
|
69
69
|
paddingTop: _propTypes.default.number,
|
|
70
70
|
popoverHeight: _propTypes.default.number,
|
package/build/cjs/popover.js
CHANGED
|
@@ -20,14 +20,14 @@ const Popover = _ref => {
|
|
|
20
20
|
let {
|
|
21
21
|
children,
|
|
22
22
|
reference,
|
|
23
|
-
arrow,
|
|
23
|
+
arrow = true,
|
|
24
24
|
className,
|
|
25
|
-
dataTest,
|
|
26
|
-
elevation,
|
|
27
|
-
maxWidth,
|
|
25
|
+
dataTest = 'dhis2-uicore-popover',
|
|
26
|
+
elevation = _uiConstants.elevations.e200,
|
|
27
|
+
maxWidth = 360,
|
|
28
28
|
observePopperResize,
|
|
29
29
|
observeReferenceResize,
|
|
30
|
-
placement,
|
|
30
|
+
placement = 'top',
|
|
31
31
|
onClickOutside
|
|
32
32
|
} = _ref;
|
|
33
33
|
const referenceElement = (0, _popper.getReferenceElement)(reference);
|
|
@@ -63,13 +63,6 @@ const Popover = _ref => {
|
|
|
63
63
|
}, [`div.__jsx-style-dynamic-selector{max-width:${maxWidth}px;box-shadow:${elevation};background-color:${_uiConstants.colors.white};border-radius:4px;}`])));
|
|
64
64
|
};
|
|
65
65
|
exports.Popover = Popover;
|
|
66
|
-
Popover.defaultProps = {
|
|
67
|
-
arrow: true,
|
|
68
|
-
dataTest: 'dhis2-uicore-popover',
|
|
69
|
-
elevation: _uiConstants.elevations.e200,
|
|
70
|
-
maxWidth: 360,
|
|
71
|
-
placement: 'top'
|
|
72
|
-
};
|
|
73
66
|
Popover.propTypes = {
|
|
74
67
|
children: _propTypes.default.node.isRequired,
|
|
75
68
|
/** Show or hide the arrow */
|
|
@@ -46,7 +46,11 @@ var _default = exports.default = {
|
|
|
46
46
|
},
|
|
47
47
|
// Handles weird treatment of non-literal args (`elevation: elevations.e200`)
|
|
48
48
|
args: {
|
|
49
|
-
|
|
49
|
+
arrow: true,
|
|
50
|
+
dataTest: 'dhis2-uicore-popover',
|
|
51
|
+
elevation: _uiConstants.elevations.e200,
|
|
52
|
+
maxWidth: 360,
|
|
53
|
+
placement: 'top'
|
|
50
54
|
},
|
|
51
55
|
argTypes: {
|
|
52
56
|
reference: {
|
|
@@ -25,9 +25,9 @@ class PopperInBoxWithCenteredReferenceElement extends Component {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const {
|
|
28
|
-
paddingTop,
|
|
29
|
-
popoverHeight,
|
|
30
|
-
popoverWidth,
|
|
28
|
+
paddingTop = 220,
|
|
29
|
+
popoverHeight = 200,
|
|
30
|
+
popoverWidth = 336,
|
|
31
31
|
...popoverProps
|
|
32
32
|
} = this.props;
|
|
33
33
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -51,11 +51,11 @@ class PopperInBoxWithCenteredReferenceElement extends Component {
|
|
|
51
51
|
}, "I am in a box with width: ", popoverWidth, "px and height:", ' ', popoverHeight, "px")));
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
PopperInBoxWithCenteredReferenceElement
|
|
54
|
+
_defineProperty(PopperInBoxWithCenteredReferenceElement, "defaultProps", {
|
|
55
55
|
paddingTop: 220,
|
|
56
56
|
popoverHeight: 200,
|
|
57
57
|
popoverWidth: 336
|
|
58
|
-
};
|
|
58
|
+
});
|
|
59
59
|
PopperInBoxWithCenteredReferenceElement.propTypes = {
|
|
60
60
|
paddingTop: PropTypes.number,
|
|
61
61
|
popoverHeight: PropTypes.number,
|
package/build/es/popover.js
CHANGED
|
@@ -11,14 +11,14 @@ const Popover = _ref => {
|
|
|
11
11
|
let {
|
|
12
12
|
children,
|
|
13
13
|
reference,
|
|
14
|
-
arrow,
|
|
14
|
+
arrow = true,
|
|
15
15
|
className,
|
|
16
|
-
dataTest,
|
|
17
|
-
elevation,
|
|
18
|
-
maxWidth,
|
|
16
|
+
dataTest = 'dhis2-uicore-popover',
|
|
17
|
+
elevation = elevations.e200,
|
|
18
|
+
maxWidth = 360,
|
|
19
19
|
observePopperResize,
|
|
20
20
|
observeReferenceResize,
|
|
21
|
-
placement,
|
|
21
|
+
placement = 'top',
|
|
22
22
|
onClickOutside
|
|
23
23
|
} = _ref;
|
|
24
24
|
const referenceElement = getReferenceElement(reference);
|
|
@@ -53,13 +53,6 @@ const Popover = _ref => {
|
|
|
53
53
|
dynamic: [maxWidth, elevation, colors.white]
|
|
54
54
|
}, [`div.__jsx-style-dynamic-selector{max-width:${maxWidth}px;box-shadow:${elevation};background-color:${colors.white};border-radius:4px;}`])));
|
|
55
55
|
};
|
|
56
|
-
Popover.defaultProps = {
|
|
57
|
-
arrow: true,
|
|
58
|
-
dataTest: 'dhis2-uicore-popover',
|
|
59
|
-
elevation: elevations.e200,
|
|
60
|
-
maxWidth: 360,
|
|
61
|
-
placement: 'top'
|
|
62
|
-
};
|
|
63
56
|
Popover.propTypes = {
|
|
64
57
|
children: PropTypes.node.isRequired,
|
|
65
58
|
/** Show or hide the arrow */
|
|
@@ -38,7 +38,11 @@ export default {
|
|
|
38
38
|
},
|
|
39
39
|
// Handles weird treatment of non-literal args (`elevation: elevations.e200`)
|
|
40
40
|
args: {
|
|
41
|
-
|
|
41
|
+
arrow: true,
|
|
42
|
+
dataTest: 'dhis2-uicore-popover',
|
|
43
|
+
elevation: elevations.e200,
|
|
44
|
+
maxWidth: 360,
|
|
45
|
+
placement: 'top'
|
|
42
46
|
},
|
|
43
47
|
argTypes: {
|
|
44
48
|
reference: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dhis2-ui/popover",
|
|
3
|
-
"version": "9.11.
|
|
3
|
+
"version": "9.11.6",
|
|
4
4
|
"description": "UI Popover",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@dhis2/prop-types": "^3.1.2",
|
|
36
|
-
"@dhis2-ui/layer": "9.11.
|
|
37
|
-
"@dhis2-ui/popper": "9.11.
|
|
38
|
-
"@dhis2/ui-constants": "9.11.
|
|
36
|
+
"@dhis2-ui/layer": "9.11.6",
|
|
37
|
+
"@dhis2-ui/popper": "9.11.6",
|
|
38
|
+
"@dhis2/ui-constants": "9.11.6",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
40
40
|
"prop-types": "^15.7.2"
|
|
41
41
|
},
|