@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.
@@ -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,
@@ -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,
@@ -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",
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.3",
37
- "@dhis2-ui/divider": "9.11.3",
38
- "@dhis2-ui/layer": "9.11.3",
39
- "@dhis2-ui/popper": "9.11.3",
40
- "@dhis2-ui/portal": "9.11.3",
41
- "@dhis2/ui-constants": "9.11.3",
42
- "@dhis2/ui-icons": "9.11.3",
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
  },