@dhis2-ui/menu 9.11.3 → 9.11.5
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/flyout-menu/flyout-menu.js +3 -8
- package/build/cjs/menu/menu.js +1 -4
- package/build/cjs/menu-divider/menu-divider.js +1 -4
- package/build/cjs/menu-item/menu-item.js +1 -4
- package/build/cjs/menu-section-header/menu-section-header.js +1 -4
- package/build/es/flyout-menu/flyout-menu.js +3 -8
- package/build/es/menu/menu.js +1 -4
- package/build/es/menu-divider/menu-divider.js +1 -4
- package/build/es/menu-item/menu-item.js +1 -4
- package/build/es/menu-section-header/menu-section-header.js +1 -4
- package/package.json +8 -8
|
@@ -16,10 +16,10 @@ const FlyoutMenu = _ref => {
|
|
|
16
16
|
let {
|
|
17
17
|
children,
|
|
18
18
|
className,
|
|
19
|
-
dataTest,
|
|
19
|
+
dataTest = 'dhis2-uicore-menu',
|
|
20
20
|
dense,
|
|
21
|
-
maxHeight,
|
|
22
|
-
maxWidth,
|
|
21
|
+
maxHeight = 'auto',
|
|
22
|
+
maxWidth = '380px',
|
|
23
23
|
closeMenu
|
|
24
24
|
} = _ref;
|
|
25
25
|
const [openedSubMenu, setOpenedSubMenu] = (0, _react.useState)(null);
|
|
@@ -69,11 +69,6 @@ const FlyoutMenu = _ref => {
|
|
|
69
69
|
}, [`div.__jsx-style-dynamic-selector{background:${_uiConstants.colors.white};border:1px solid ${_uiConstants.colors.grey200};border-radius:3px;box-shadow:${_uiConstants.elevations.e300};display:inline-block;min-width:${dense ? '128' : '180'}px;max-width:${maxWidth};max-height:${maxHeight};padding:${_uiConstants.spacers.dp4} 0;overflow:auto;}`]));
|
|
70
70
|
};
|
|
71
71
|
exports.FlyoutMenu = FlyoutMenu;
|
|
72
|
-
FlyoutMenu.defaultProps = {
|
|
73
|
-
dataTest: 'dhis2-uicore-menu',
|
|
74
|
-
maxWidth: '380px',
|
|
75
|
-
maxHeight: 'auto'
|
|
76
|
-
};
|
|
77
72
|
FlyoutMenu.propTypes = {
|
|
78
73
|
/** Typically, but not limited to, `MenuItem` components */
|
|
79
74
|
children: _propTypes.default.node,
|
package/build/cjs/menu/menu.js
CHANGED
|
@@ -16,7 +16,7 @@ const Menu = _ref => {
|
|
|
16
16
|
let {
|
|
17
17
|
children,
|
|
18
18
|
className,
|
|
19
|
-
dataTest,
|
|
19
|
+
dataTest = 'dhis2-uicore-menulist',
|
|
20
20
|
dense
|
|
21
21
|
} = _ref;
|
|
22
22
|
const {
|
|
@@ -68,9 +68,6 @@ const Menu = _ref => {
|
|
|
68
68
|
}, ["ul.jsx-1636612837{display:block;position:relative;width:100%;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"]));
|
|
69
69
|
};
|
|
70
70
|
exports.Menu = Menu;
|
|
71
|
-
Menu.defaultProps = {
|
|
72
|
-
dataTest: 'dhis2-uicore-menulist'
|
|
73
|
-
};
|
|
74
71
|
Menu.propTypes = {
|
|
75
72
|
/** Typically `MenuItem`, `MenuDivider`, and `MenuSectionHeader` */
|
|
76
73
|
children: _propTypes.default.node,
|
|
@@ -13,7 +13,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
13
13
|
const MenuDivider = _ref => {
|
|
14
14
|
let {
|
|
15
15
|
className,
|
|
16
|
-
dataTest,
|
|
16
|
+
dataTest = 'dhis2-uicore-menudivider',
|
|
17
17
|
dense
|
|
18
18
|
} = _ref;
|
|
19
19
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
@@ -27,9 +27,6 @@ const MenuDivider = _ref => {
|
|
|
27
27
|
}, [`li.__jsx-style-dynamic-selector{list-style:none;background-color:${_uiConstants.colors.white};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;line-height:0;}`]));
|
|
28
28
|
};
|
|
29
29
|
exports.MenuDivider = MenuDivider;
|
|
30
|
-
MenuDivider.defaultProps = {
|
|
31
|
-
dataTest: 'dhis2-uicore-menudivider'
|
|
32
|
-
};
|
|
33
30
|
MenuDivider.propTypes = {
|
|
34
31
|
className: _propTypes.default.string,
|
|
35
32
|
dataTest: _propTypes.default.string,
|
|
@@ -48,7 +48,7 @@ const MenuItem = _ref2 => {
|
|
|
48
48
|
disabled,
|
|
49
49
|
dense,
|
|
50
50
|
active,
|
|
51
|
-
dataTest,
|
|
51
|
+
dataTest = 'dhis2-uicore-menuitem',
|
|
52
52
|
chevron,
|
|
53
53
|
value,
|
|
54
54
|
label,
|
|
@@ -143,9 +143,6 @@ const MenuItem = _ref2 => {
|
|
|
143
143
|
}, children))));
|
|
144
144
|
};
|
|
145
145
|
exports.MenuItem = MenuItem;
|
|
146
|
-
MenuItem.defaultProps = {
|
|
147
|
-
dataTest: 'dhis2-uicore-menuitem'
|
|
148
|
-
};
|
|
149
146
|
MenuItem.propTypes = {
|
|
150
147
|
active: _propTypes.default.bool,
|
|
151
148
|
checkbox: _propTypes.default.bool,
|
|
@@ -14,7 +14,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
14
14
|
const MenuSectionHeader = _ref => {
|
|
15
15
|
let {
|
|
16
16
|
className,
|
|
17
|
-
dataTest,
|
|
17
|
+
dataTest = 'dhis2-uicore-menusectionheader',
|
|
18
18
|
dense,
|
|
19
19
|
hideDivider,
|
|
20
20
|
label
|
|
@@ -34,9 +34,6 @@ const MenuSectionHeader = _ref => {
|
|
|
34
34
|
}, [`li.__jsx-style-dynamic-selector{list-style:none;background-color:${_uiConstants.colors.white};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;line-height:0;}`, `h6.__jsx-style-dynamic-selector{margin:0;padding:${_uiConstants.spacers.dp8} ${_uiConstants.spacers.dp16} ${_uiConstants.spacers.dp8} ${_uiConstants.spacers.dp16};font-size:13px;line-height:16px;font-weight:500;color:${_uiConstants.colors.grey700};}`, `li.dense.__jsx-style-dynamic-selector h6.__jsx-style-dynamic-selector{padding:${_uiConstants.spacers.dp8} ${_uiConstants.spacers.dp12} ${_uiConstants.spacers.dp4} ${_uiConstants.spacers.dp12};}`]));
|
|
35
35
|
};
|
|
36
36
|
exports.MenuSectionHeader = MenuSectionHeader;
|
|
37
|
-
MenuSectionHeader.defaultProps = {
|
|
38
|
-
dataTest: 'dhis2-uicore-menusectionheader'
|
|
39
|
-
};
|
|
40
37
|
MenuSectionHeader.propTypes = {
|
|
41
38
|
className: _propTypes.default.string,
|
|
42
39
|
dataTest: _propTypes.default.string,
|
|
@@ -7,10 +7,10 @@ const FlyoutMenu = _ref => {
|
|
|
7
7
|
let {
|
|
8
8
|
children,
|
|
9
9
|
className,
|
|
10
|
-
dataTest,
|
|
10
|
+
dataTest = 'dhis2-uicore-menu',
|
|
11
11
|
dense,
|
|
12
|
-
maxHeight,
|
|
13
|
-
maxWidth,
|
|
12
|
+
maxHeight = 'auto',
|
|
13
|
+
maxWidth = '380px',
|
|
14
14
|
closeMenu
|
|
15
15
|
} = _ref;
|
|
16
16
|
const [openedSubMenu, setOpenedSubMenu] = useState(null);
|
|
@@ -59,11 +59,6 @@ const FlyoutMenu = _ref => {
|
|
|
59
59
|
dynamic: [colors.white, colors.grey200, elevations.e300, dense ? '128' : '180', maxWidth, maxHeight, spacers.dp4]
|
|
60
60
|
}, [`div.__jsx-style-dynamic-selector{background:${colors.white};border:1px solid ${colors.grey200};border-radius:3px;box-shadow:${elevations.e300};display:inline-block;min-width:${dense ? '128' : '180'}px;max-width:${maxWidth};max-height:${maxHeight};padding:${spacers.dp4} 0;overflow:auto;}`]));
|
|
61
61
|
};
|
|
62
|
-
FlyoutMenu.defaultProps = {
|
|
63
|
-
dataTest: 'dhis2-uicore-menu',
|
|
64
|
-
maxWidth: '380px',
|
|
65
|
-
maxHeight: 'auto'
|
|
66
|
-
};
|
|
67
62
|
FlyoutMenu.propTypes = {
|
|
68
63
|
/** Typically, but not limited to, `MenuItem` components */
|
|
69
64
|
children: PropTypes.node,
|
package/build/es/menu/menu.js
CHANGED
|
@@ -7,7 +7,7 @@ const Menu = _ref => {
|
|
|
7
7
|
let {
|
|
8
8
|
children,
|
|
9
9
|
className,
|
|
10
|
-
dataTest,
|
|
10
|
+
dataTest = 'dhis2-uicore-menulist',
|
|
11
11
|
dense
|
|
12
12
|
} = _ref;
|
|
13
13
|
const {
|
|
@@ -58,9 +58,6 @@ const Menu = _ref => {
|
|
|
58
58
|
id: "1636612837"
|
|
59
59
|
}, ["ul.jsx-1636612837{display:block;position:relative;width:100%;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"]));
|
|
60
60
|
};
|
|
61
|
-
Menu.defaultProps = {
|
|
62
|
-
dataTest: 'dhis2-uicore-menulist'
|
|
63
|
-
};
|
|
64
61
|
Menu.propTypes = {
|
|
65
62
|
/** Typically `MenuItem`, `MenuDivider`, and `MenuSectionHeader` */
|
|
66
63
|
children: PropTypes.node,
|
|
@@ -6,7 +6,7 @@ import React from 'react';
|
|
|
6
6
|
const MenuDivider = _ref => {
|
|
7
7
|
let {
|
|
8
8
|
className,
|
|
9
|
-
dataTest,
|
|
9
|
+
dataTest = 'dhis2-uicore-menudivider',
|
|
10
10
|
dense
|
|
11
11
|
} = _ref;
|
|
12
12
|
return /*#__PURE__*/React.createElement("li", {
|
|
@@ -19,9 +19,6 @@ const MenuDivider = _ref => {
|
|
|
19
19
|
dynamic: [colors.white]
|
|
20
20
|
}, [`li.__jsx-style-dynamic-selector{list-style:none;background-color:${colors.white};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;line-height:0;}`]));
|
|
21
21
|
};
|
|
22
|
-
MenuDivider.defaultProps = {
|
|
23
|
-
dataTest: 'dhis2-uicore-menudivider'
|
|
24
|
-
};
|
|
25
22
|
MenuDivider.propTypes = {
|
|
26
23
|
className: PropTypes.string,
|
|
27
24
|
dataTest: PropTypes.string,
|
|
@@ -39,7 +39,7 @@ const MenuItem = _ref2 => {
|
|
|
39
39
|
disabled,
|
|
40
40
|
dense,
|
|
41
41
|
active,
|
|
42
|
-
dataTest,
|
|
42
|
+
dataTest = 'dhis2-uicore-menuitem',
|
|
43
43
|
chevron,
|
|
44
44
|
value,
|
|
45
45
|
label,
|
|
@@ -133,9 +133,6 @@ const MenuItem = _ref2 => {
|
|
|
133
133
|
dense: dense
|
|
134
134
|
}, children))));
|
|
135
135
|
};
|
|
136
|
-
MenuItem.defaultProps = {
|
|
137
|
-
dataTest: 'dhis2-uicore-menuitem'
|
|
138
|
-
};
|
|
139
136
|
MenuItem.propTypes = {
|
|
140
137
|
active: PropTypes.bool,
|
|
141
138
|
checkbox: PropTypes.bool,
|
|
@@ -7,7 +7,7 @@ import React from 'react';
|
|
|
7
7
|
const MenuSectionHeader = _ref => {
|
|
8
8
|
let {
|
|
9
9
|
className,
|
|
10
|
-
dataTest,
|
|
10
|
+
dataTest = 'dhis2-uicore-menusectionheader',
|
|
11
11
|
dense,
|
|
12
12
|
hideDivider,
|
|
13
13
|
label
|
|
@@ -26,9 +26,6 @@ const MenuSectionHeader = _ref => {
|
|
|
26
26
|
dynamic: [colors.white, spacers.dp8, spacers.dp16, spacers.dp8, spacers.dp16, colors.grey700, spacers.dp8, spacers.dp12, spacers.dp4, spacers.dp12]
|
|
27
27
|
}, [`li.__jsx-style-dynamic-selector{list-style:none;background-color:${colors.white};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;line-height:0;}`, `h6.__jsx-style-dynamic-selector{margin:0;padding:${spacers.dp8} ${spacers.dp16} ${spacers.dp8} ${spacers.dp16};font-size:13px;line-height:16px;font-weight:500;color:${colors.grey700};}`, `li.dense.__jsx-style-dynamic-selector h6.__jsx-style-dynamic-selector{padding:${spacers.dp8} ${spacers.dp12} ${spacers.dp4} ${spacers.dp12};}`]));
|
|
28
28
|
};
|
|
29
|
-
MenuSectionHeader.defaultProps = {
|
|
30
|
-
dataTest: 'dhis2-uicore-menusectionheader'
|
|
31
|
-
};
|
|
32
29
|
MenuSectionHeader.propTypes = {
|
|
33
30
|
className: PropTypes.string,
|
|
34
31
|
dataTest: PropTypes.string,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dhis2-ui/menu",
|
|
3
|
-
"version": "9.11.
|
|
3
|
+
"version": "9.11.5",
|
|
4
4
|
"description": "UI Menu",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@dhis2/prop-types": "^3.1.2",
|
|
36
|
-
"@dhis2-ui/card": "9.11.
|
|
37
|
-
"@dhis2-ui/divider": "9.11.
|
|
38
|
-
"@dhis2-ui/layer": "9.11.
|
|
39
|
-
"@dhis2-ui/popper": "9.11.
|
|
40
|
-
"@dhis2-ui/portal": "9.11.
|
|
41
|
-
"@dhis2/ui-constants": "9.11.
|
|
42
|
-
"@dhis2/ui-icons": "9.11.
|
|
36
|
+
"@dhis2-ui/card": "9.11.5",
|
|
37
|
+
"@dhis2-ui/divider": "9.11.5",
|
|
38
|
+
"@dhis2-ui/layer": "9.11.5",
|
|
39
|
+
"@dhis2-ui/popper": "9.11.5",
|
|
40
|
+
"@dhis2-ui/portal": "9.11.5",
|
|
41
|
+
"@dhis2/ui-constants": "9.11.5",
|
|
42
|
+
"@dhis2/ui-icons": "9.11.5",
|
|
43
43
|
"classnames": "^2.3.1",
|
|
44
44
|
"prop-types": "^15.7.2"
|
|
45
45
|
},
|