@panneau/element-menu 1.1.0 → 1.1.1

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 (3) hide show
  1. package/es/index.js +7 -9
  2. package/lib/index.js +11 -13
  3. package/package.json +7 -7
package/es/index.js CHANGED
@@ -2,13 +2,13 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  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
- import classNames from 'classnames';
6
- import PropTypes$1 from 'prop-types';
7
5
  import React, { useState } from 'react';
6
+ import PropTypes$1 from 'prop-types';
7
+ import classNames from 'classnames';
8
8
  import { PropTypes } from '@panneau/core';
9
- import Dropdown from '@panneau/element-dropdown';
10
- import Label from '@panneau/element-label';
11
9
  import Link from '@panneau/element-link';
10
+ import Label from '@panneau/element-label';
11
+ import Dropdown from '@panneau/element-dropdown';
12
12
 
13
13
  var _excluded = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
14
14
  var propTypes = {
@@ -99,7 +99,6 @@ var Menu = function Menu(_ref) {
99
99
  itemProps = _objectWithoutProperties(it, _excluded);
100
100
  var onClickItem = dropdown !== null ? function (e) {
101
101
  e.preventDefault();
102
- e.stopPropagation();
103
102
  setDropdownsVisible([].concat(_toConsumableArray(dropdownsVisible.slice(0, index)), [!(dropdownsVisible[index] || false)], _toConsumableArray(dropdownsVisible.slice(index + 1))));
104
103
  if (customOnClick !== null) {
105
104
  customOnClick(e);
@@ -109,7 +108,6 @@ var Menu = function Menu(_ref) {
109
108
  setDropdownsVisible([].concat(_toConsumableArray(dropdownsVisible.slice(0, index)), [false], _toConsumableArray(dropdownsVisible.slice(index + 1))));
110
109
  } : null;
111
110
  var ItemComponent = itemTagName;
112
- var dropdownVisible = dropdownsVisible[index] || false;
113
111
  return linkAsItem ? /*#__PURE__*/React.createElement(Link, Object.assign({}, itemProps, {
114
112
  key: "item-".concat(id || index),
115
113
  onClick: onClickItem,
@@ -124,9 +122,9 @@ var Menu = function Menu(_ref) {
124
122
  dropdown: dropdown !== null,
125
123
  active: active
126
124
  }, _defineProperty(_classNames2, itemClassName, itemClassName !== null), _defineProperty(_classNames2, customClassName, customClassName !== null), _defineProperty(_classNames2, hasSubMenuClassName, subItems !== null && hasSubMenuClassName !== null), _defineProperty(_classNames2, hasDropdownClassName, subItems !== null && hasDropdownClassName !== null), _classNames2))
127
- }, href !== null || dropdown !== null ? /*#__PURE__*/React.createElement(Link, Object.assign({}, itemProps, {
125
+ }, href !== null ? /*#__PURE__*/React.createElement(Link, Object.assign({}, itemProps, {
128
126
  onClick: onClickItem,
129
- href: href || '#',
127
+ href: href,
130
128
  external: external,
131
129
  className: classNames((_classNames3 = {}, _defineProperty(_classNames3, linkClassName, linkClassName !== null), _defineProperty(_classNames3, 'dropdown-toggle', dropdown !== null), _defineProperty(_classNames3, customLinkClassName, customLinkClassName !== null), _classNames3))
132
130
  }), label) : /*#__PURE__*/React.createElement(Label, itemProps, label), subItems !== null ? /*#__PURE__*/React.createElement(Menu, {
@@ -136,7 +134,7 @@ var Menu = function Menu(_ref) {
136
134
  linkClassName: classNames((_classNames5 = {}, _defineProperty(_classNames5, subMenuLinkClassName, subMenuLinkClassName !== null), _defineProperty(_classNames5, linkClassName, subMenuLinkClassName === null && linkClassName !== null), _classNames5))
137
135
  }) : null, dropdown !== null ? /*#__PURE__*/React.createElement(Dropdown, {
138
136
  items: dropdown,
139
- visible: dropdownVisible,
137
+ visible: dropdownsVisible[index] || false,
140
138
  className: dropdownClassName,
141
139
  itemClassName: classNames((_classNames6 = {}, _defineProperty(_classNames6, dropdownItemClassName, dropdownItemClassName !== null), _defineProperty(_classNames6, itemClassName, dropdownItemClassName === null && itemClassName !== null), _classNames6)),
142
140
  linkClassName: classNames((_classNames7 = {}, _defineProperty(_classNames7, dropdownLinkClassName, dropdownLinkClassName !== null), _defineProperty(_classNames7, linkClassName, dropdownLinkClassName === null && linkClassName !== null), _classNames7)),
package/lib/index.js CHANGED
@@ -6,13 +6,13 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
6
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
7
7
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
8
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
9
- var classNames = require('classnames');
10
- var PropTypes = require('prop-types');
11
9
  var React = require('react');
10
+ var PropTypes = require('prop-types');
11
+ var classNames = require('classnames');
12
12
  var core = require('@panneau/core');
13
- var Dropdown = require('@panneau/element-dropdown');
14
- var Label = require('@panneau/element-label');
15
13
  var Link = require('@panneau/element-link');
14
+ var Label = require('@panneau/element-label');
15
+ var Dropdown = require('@panneau/element-dropdown');
16
16
 
17
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
18
 
@@ -20,12 +20,12 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
20
20
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
21
21
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
22
22
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
23
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
24
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
25
23
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
- var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
27
- var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
24
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
25
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
28
26
  var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
27
+ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
28
+ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
29
29
 
30
30
  var _excluded = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
31
31
  var propTypes = {
@@ -116,7 +116,6 @@ var Menu = function Menu(_ref) {
116
116
  itemProps = _objectWithoutProperties__default["default"](it, _excluded);
117
117
  var onClickItem = dropdown !== null ? function (e) {
118
118
  e.preventDefault();
119
- e.stopPropagation();
120
119
  setDropdownsVisible([].concat(_toConsumableArray__default["default"](dropdownsVisible.slice(0, index)), [!(dropdownsVisible[index] || false)], _toConsumableArray__default["default"](dropdownsVisible.slice(index + 1))));
121
120
  if (customOnClick !== null) {
122
121
  customOnClick(e);
@@ -126,7 +125,6 @@ var Menu = function Menu(_ref) {
126
125
  setDropdownsVisible([].concat(_toConsumableArray__default["default"](dropdownsVisible.slice(0, index)), [false], _toConsumableArray__default["default"](dropdownsVisible.slice(index + 1))));
127
126
  } : null;
128
127
  var ItemComponent = itemTagName;
129
- var dropdownVisible = dropdownsVisible[index] || false;
130
128
  return linkAsItem ? /*#__PURE__*/React__default["default"].createElement(Link__default["default"], Object.assign({}, itemProps, {
131
129
  key: "item-".concat(id || index),
132
130
  onClick: onClickItem,
@@ -141,9 +139,9 @@ var Menu = function Menu(_ref) {
141
139
  dropdown: dropdown !== null,
142
140
  active: active
143
141
  }, _defineProperty__default["default"](_classNames2, itemClassName, itemClassName !== null), _defineProperty__default["default"](_classNames2, customClassName, customClassName !== null), _defineProperty__default["default"](_classNames2, hasSubMenuClassName, subItems !== null && hasSubMenuClassName !== null), _defineProperty__default["default"](_classNames2, hasDropdownClassName, subItems !== null && hasDropdownClassName !== null), _classNames2))
144
- }, href !== null || dropdown !== null ? /*#__PURE__*/React__default["default"].createElement(Link__default["default"], Object.assign({}, itemProps, {
142
+ }, href !== null ? /*#__PURE__*/React__default["default"].createElement(Link__default["default"], Object.assign({}, itemProps, {
145
143
  onClick: onClickItem,
146
- href: href || '#',
144
+ href: href,
147
145
  external: external,
148
146
  className: classNames__default["default"]((_classNames3 = {}, _defineProperty__default["default"](_classNames3, linkClassName, linkClassName !== null), _defineProperty__default["default"](_classNames3, 'dropdown-toggle', dropdown !== null), _defineProperty__default["default"](_classNames3, customLinkClassName, customLinkClassName !== null), _classNames3))
149
147
  }), label) : /*#__PURE__*/React__default["default"].createElement(Label__default["default"], itemProps, label), subItems !== null ? /*#__PURE__*/React__default["default"].createElement(Menu, {
@@ -153,7 +151,7 @@ var Menu = function Menu(_ref) {
153
151
  linkClassName: classNames__default["default"]((_classNames5 = {}, _defineProperty__default["default"](_classNames5, subMenuLinkClassName, subMenuLinkClassName !== null), _defineProperty__default["default"](_classNames5, linkClassName, subMenuLinkClassName === null && linkClassName !== null), _classNames5))
154
152
  }) : null, dropdown !== null ? /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
155
153
  items: dropdown,
156
- visible: dropdownVisible,
154
+ visible: dropdownsVisible[index] || false,
157
155
  className: dropdownClassName,
158
156
  itemClassName: classNames__default["default"]((_classNames6 = {}, _defineProperty__default["default"](_classNames6, dropdownItemClassName, dropdownItemClassName !== null), _defineProperty__default["default"](_classNames6, itemClassName, dropdownItemClassName === null && itemClassName !== null), _classNames6)),
159
157
  linkClassName: classNames__default["default"]((_classNames7 = {}, _defineProperty__default["default"](_classNames7, dropdownLinkClassName, dropdownLinkClassName !== null), _defineProperty__default["default"](_classNames7, linkClassName, dropdownLinkClassName === null && linkClassName !== null), _classNames7)),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/element-menu",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "description": "Menu element",
5
5
  "keywords": [
6
6
  "javascript"
@@ -46,7 +46,7 @@
46
46
  "devDependencies": {
47
47
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
48
48
  "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
49
- "react-router-dom": "^6.2.1"
49
+ "react-router-dom": "^5.2.0"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
@@ -54,10 +54,10 @@
54
54
  },
55
55
  "dependencies": {
56
56
  "@babel/runtime": "^7.12.5",
57
- "@panneau/core": "^1.1.0",
58
- "@panneau/element-dropdown": "^1.1.0",
59
- "@panneau/element-label": "^1.1.0",
60
- "@panneau/element-link": "^1.1.0",
57
+ "@panneau/core": "^1.1.1",
58
+ "@panneau/element-dropdown": "^1.1.1",
59
+ "@panneau/element-label": "^1.1.1",
60
+ "@panneau/element-link": "^1.1.1",
61
61
  "classnames": "^2.2.6",
62
62
  "prop-types": "^15.7.2",
63
63
  "react-intl": "^5.15.8||^6.0.0"
@@ -65,5 +65,5 @@
65
65
  "publishConfig": {
66
66
  "access": "public"
67
67
  },
68
- "gitHead": "1d4ce10073e63024309c615ffaec2e1193aeec7e"
68
+ "gitHead": "c84ed4d5dda16f2c82b72b419757062a31f7845b"
69
69
  }