@panneau/element-menu 3.0.307 → 4.0.0

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.
Files changed (2) hide show
  1. package/es/index.js +38 -64
  2. package/package.json +7 -7
package/es/index.js CHANGED
@@ -3,70 +3,47 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
3
3
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
4
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
5
5
  import classNames from 'classnames';
6
- import PropTypes$1 from 'prop-types';
7
6
  import React, { useState } from 'react';
8
- import { PropTypes } from '@panneau/core';
9
7
  import Dropdown from '@panneau/element-dropdown';
10
8
  import Label from '@panneau/element-label';
11
9
  import Link from '@panneau/element-link';
12
10
 
13
11
  var _excluded = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
14
- var propTypes = {
15
- items: PropTypes.menuItems,
16
- tagName: PropTypes$1.string,
17
- itemTagName: PropTypes$1.string,
18
- children: PropTypes$1.node,
19
- linkAsItem: PropTypes$1.bool,
20
- className: PropTypes$1.string,
21
- itemClassName: PropTypes$1.string,
22
- linkClassName: PropTypes$1.string,
23
- hasSubMenuClassName: PropTypes$1.string,
24
- subMenuClassName: PropTypes$1.string,
25
- subMenuItemClassName: PropTypes$1.string,
26
- subMenuLinkClassName: PropTypes$1.string,
27
- hasDropdownClassName: PropTypes$1.string,
28
- dropdownClassName: PropTypes$1.string,
29
- dropdownItemClassName: PropTypes$1.string,
30
- dropdownLinkClassName: PropTypes$1.string,
31
- dropdownAlign: PropTypes.dropdownAlign
32
- };
33
- var defaultProps = {
34
- items: [],
35
- tagName: 'ul',
36
- itemTagName: 'li',
37
- children: null,
38
- linkAsItem: false,
39
- className: null,
40
- itemClassName: null,
41
- linkClassName: null,
42
- hasSubMenuClassName: null,
43
- subMenuClassName: null,
44
- subMenuItemClassName: null,
45
- subMenuLinkClassName: null,
46
- hasDropdownClassName: null,
47
- dropdownClassName: null,
48
- dropdownItemClassName: null,
49
- dropdownLinkClassName: null,
50
- dropdownAlign: null
51
- };
52
- var _Menu = function Menu(_ref) {
53
- var items = _ref.items,
54
- tagName = _ref.tagName,
55
- itemTagName = _ref.itemTagName,
56
- children = _ref.children,
57
- linkAsItem = _ref.linkAsItem,
58
- className = _ref.className,
59
- itemClassName = _ref.itemClassName,
60
- linkClassName = _ref.linkClassName,
61
- hasSubMenuClassName = _ref.hasSubMenuClassName,
62
- subMenuClassName = _ref.subMenuClassName,
63
- subMenuItemClassName = _ref.subMenuItemClassName,
64
- subMenuLinkClassName = _ref.subMenuLinkClassName,
65
- hasDropdownClassName = _ref.hasDropdownClassName,
66
- dropdownClassName = _ref.dropdownClassName,
67
- dropdownItemClassName = _ref.dropdownItemClassName,
68
- dropdownLinkClassName = _ref.dropdownLinkClassName,
69
- dropdownAlign = _ref.dropdownAlign;
12
+ var DEFAULT_ITEMS = [];
13
+ function Menu(_ref) {
14
+ var _ref$items = _ref.items,
15
+ items = _ref$items === void 0 ? DEFAULT_ITEMS : _ref$items,
16
+ _ref$tagName = _ref.tagName,
17
+ tagName = _ref$tagName === void 0 ? 'ul' : _ref$tagName,
18
+ _ref$itemTagName = _ref.itemTagName,
19
+ itemTagName = _ref$itemTagName === void 0 ? 'li' : _ref$itemTagName,
20
+ _ref$children = _ref.children,
21
+ children = _ref$children === void 0 ? null : _ref$children,
22
+ _ref$linkAsItem = _ref.linkAsItem,
23
+ linkAsItem = _ref$linkAsItem === void 0 ? false : _ref$linkAsItem,
24
+ _ref$className = _ref.className,
25
+ className = _ref$className === void 0 ? null : _ref$className,
26
+ _ref$itemClassName = _ref.itemClassName,
27
+ itemClassName = _ref$itemClassName === void 0 ? null : _ref$itemClassName,
28
+ _ref$linkClassName = _ref.linkClassName,
29
+ linkClassName = _ref$linkClassName === void 0 ? null : _ref$linkClassName,
30
+ _ref$hasSubMenuClassN = _ref.hasSubMenuClassName,
31
+ hasSubMenuClassName = _ref$hasSubMenuClassN === void 0 ? null : _ref$hasSubMenuClassN,
32
+ _ref$subMenuClassName = _ref.subMenuClassName,
33
+ subMenuClassName = _ref$subMenuClassName === void 0 ? null : _ref$subMenuClassName,
34
+ _ref$subMenuItemClass = _ref.subMenuItemClassName,
35
+ subMenuItemClassName = _ref$subMenuItemClass === void 0 ? null : _ref$subMenuItemClass,
36
+ _ref$subMenuLinkClass = _ref.subMenuLinkClassName,
37
+ subMenuLinkClassName = _ref$subMenuLinkClass === void 0 ? null : _ref$subMenuLinkClass,
38
+ _ref$hasDropdownClass = _ref.hasDropdownClassName,
39
+ hasDropdownClassName = _ref$hasDropdownClass === void 0 ? null : _ref$hasDropdownClass,
40
+ _ref$dropdownClassNam = _ref.dropdownClassName,
41
+ dropdownClassName = _ref$dropdownClassNam === void 0 ? null : _ref$dropdownClassNam,
42
+ _ref$dropdownItemClas = _ref.dropdownItemClassName,
43
+ dropdownItemClassName = _ref$dropdownItemClas === void 0 ? null : _ref$dropdownItemClas;
44
+ _ref.dropdownLinkClassName;
45
+ var _ref$dropdownAlign = _ref.dropdownAlign,
46
+ dropdownAlign = _ref$dropdownAlign === void 0 ? null : _ref$dropdownAlign;
70
47
  var _useState = useState(items.map(function () {
71
48
  return false;
72
49
  })),
@@ -128,7 +105,7 @@ var _Menu = function Menu(_ref) {
128
105
  href: href || '#',
129
106
  external: external,
130
107
  className: classNames(_defineProperty(_defineProperty(_defineProperty({}, linkClassName, linkClassName !== null), 'dropdown-toggle', dropdown !== null), customLinkClassName, customLinkClassName !== null))
131
- }), label) : /*#__PURE__*/React.createElement(Label, itemProps, label), subItems !== null ? /*#__PURE__*/React.createElement(_Menu, {
108
+ }), label) : /*#__PURE__*/React.createElement(Label, itemProps, label), subItems !== null ? /*#__PURE__*/React.createElement(Menu, {
132
109
  items: subItems,
133
110
  className: subMenuClassName,
134
111
  itemClassName: classNames(_defineProperty(_defineProperty({}, subMenuItemClassName, subMenuItemClassName !== null), itemClassName, subMenuItemClassName === null && itemClassName !== null)),
@@ -138,14 +115,11 @@ var _Menu = function Menu(_ref) {
138
115
  visible: dropdownVisible,
139
116
  className: dropdownClassName,
140
117
  itemClassName: classNames(_defineProperty(_defineProperty({}, dropdownItemClassName, dropdownItemClassName !== null), itemClassName, dropdownItemClassName === null && itemClassName !== null)),
141
- linkClassName: classNames(_defineProperty(_defineProperty({}, dropdownLinkClassName, dropdownLinkClassName !== null), linkClassName, dropdownLinkClassName === null && linkClassName !== null)),
142
118
  align: dropdownAlign,
143
119
  onClickItem: closeDropdown,
144
120
  onClickOutside: closeDropdown
145
121
  }) : null);
146
122
  }));
147
- };
148
- _Menu.propTypes = propTypes;
149
- _Menu.defaultProps = defaultProps;
123
+ }
150
124
 
151
- export { _Menu as default };
125
+ export { Menu as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/element-menu",
3
- "version": "3.0.307",
3
+ "version": "4.0.0",
4
4
  "description": "Menu element",
5
5
  "keywords": [
6
6
  "javascript"
@@ -57,16 +57,16 @@
57
57
  },
58
58
  "dependencies": {
59
59
  "@babel/runtime": "^7.12.5",
60
- "@panneau/core": "^3.0.307",
61
- "@panneau/element-dropdown": "^3.0.307",
62
- "@panneau/element-label": "^3.0.307",
63
- "@panneau/element-link": "^3.0.307",
60
+ "@panneau/core": "^4.0.0",
61
+ "@panneau/element-dropdown": "^4.0.0",
62
+ "@panneau/element-label": "^4.0.0",
63
+ "@panneau/element-link": "^4.0.0",
64
64
  "classnames": "^2.5.1",
65
65
  "prop-types": "^15.7.2",
66
- "react-intl": "^5.15.8||^6.0.0"
66
+ "react-intl": "^5.15.8 || ^6.0.0 || ^7.0.0"
67
67
  },
68
68
  "publishConfig": {
69
69
  "access": "public"
70
70
  },
71
- "gitHead": "cbe5e8b1705d01c5653a4df617a06243344310d3"
71
+ "gitHead": "2cca874e0388b4a20c39aadb205c0e67d5a946fc"
72
72
  }