@panneau/element-menu 3.0.222 → 3.0.224

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/element-menu",
-    "version": "3.0.222",
+    "version": "3.0.224",
     "description": "Menu element",
     "keywords": [
         "javascript"
@@ -33,8 +33,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
+    "exports": {
+        ".": "./es/index.js"
+    },
     "files": [
         "lib",
         "es",
@@ -54,10 +57,10 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.222",
-        "@panneau/element-dropdown": "^3.0.222",
-        "@panneau/element-label": "^3.0.222",
-        "@panneau/element-link": "^3.0.222",
+        "@panneau/core": "^3.0.224",
+        "@panneau/element-dropdown": "^3.0.224",
+        "@panneau/element-label": "^3.0.224",
+        "@panneau/element-link": "^3.0.224",
         "classnames": "^2.5.1",
         "prop-types": "^15.7.2",
         "react-intl": "^5.15.8||^6.0.0"
@@ -65,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1d7f6c2943965c2c26fb6ce1d8f3c85eb88b2146"
+    "gitHead": "c95bd465867c4c7d112bf0ed66036574cc05c627"
 }

package/lib/index.js

@@ -1,156 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var core = require('@panneau/core');
-var Dropdown = require('@panneau/element-dropdown');
-var Label = require('@panneau/element-label');
-var Link = require('@panneau/element-link');
-
-var _excluded = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
-var propTypes = {
-  items: core.PropTypes.menuItems,
-  tagName: PropTypes.string,
-  itemTagName: PropTypes.string,
-  children: PropTypes.node,
-  linkAsItem: PropTypes.bool,
-  className: PropTypes.string,
-  itemClassName: PropTypes.string,
-  linkClassName: PropTypes.string,
-  hasSubMenuClassName: PropTypes.string,
-  subMenuClassName: PropTypes.string,
-  subMenuItemClassName: PropTypes.string,
-  subMenuLinkClassName: PropTypes.string,
-  hasDropdownClassName: PropTypes.string,
-  dropdownClassName: PropTypes.string,
-  dropdownItemClassName: PropTypes.string,
-  dropdownLinkClassName: PropTypes.string,
-  dropdownAlign: core.PropTypes.dropdownAlign
-};
-var defaultProps = {
-  items: [],
-  tagName: 'ul',
-  itemTagName: 'li',
-  children: null,
-  linkAsItem: false,
-  className: null,
-  itemClassName: null,
-  linkClassName: null,
-  hasSubMenuClassName: null,
-  subMenuClassName: null,
-  subMenuItemClassName: null,
-  subMenuLinkClassName: null,
-  hasDropdownClassName: null,
-  dropdownClassName: null,
-  dropdownItemClassName: null,
-  dropdownLinkClassName: null,
-  dropdownAlign: null
-};
-var Menu = function Menu(_ref) {
-  var items = _ref.items,
-    tagName = _ref.tagName,
-    itemTagName = _ref.itemTagName,
-    children = _ref.children,
-    linkAsItem = _ref.linkAsItem,
-    className = _ref.className,
-    itemClassName = _ref.itemClassName,
-    linkClassName = _ref.linkClassName,
-    hasSubMenuClassName = _ref.hasSubMenuClassName,
-    subMenuClassName = _ref.subMenuClassName,
-    subMenuItemClassName = _ref.subMenuItemClassName,
-    subMenuLinkClassName = _ref.subMenuLinkClassName,
-    hasDropdownClassName = _ref.hasDropdownClassName,
-    dropdownClassName = _ref.dropdownClassName,
-    dropdownItemClassName = _ref.dropdownItemClassName,
-    dropdownLinkClassName = _ref.dropdownLinkClassName,
-    dropdownAlign = _ref.dropdownAlign;
-  var _useState = React.useState(items.map(function () {
-      return false;
-    })),
-    _useState2 = _slicedToArray(_useState, 2),
-    dropdownsVisible = _useState2[0],
-    setDropdownsVisible = _useState2[1];
-  var ListComponent = linkAsItem ? 'div' : tagName;
-  return /*#__PURE__*/React.createElement(ListComponent, {
-    className: className
-  }, children !== null ? children : items.map(function (it, index) {
-    var id = it.id,
-      _it$className = it.className,
-      customClassName = _it$className === void 0 ? null : _it$className,
-      _it$linkClassName = it.linkClassName,
-      customLinkClassName = _it$linkClassName === void 0 ? null : _it$linkClassName,
-      _it$href = it.href,
-      href = _it$href === void 0 ? null : _it$href,
-      label = it.label,
-      _it$external = it.external,
-      external = _it$external === void 0 ? false : _it$external,
-      _it$items = it.items,
-      subItems = _it$items === void 0 ? null : _it$items,
-      _it$dropdown = it.dropdown,
-      dropdown = _it$dropdown === void 0 ? null : _it$dropdown,
-      _it$active = it.active,
-      active = _it$active === void 0 ? false : _it$active,
-      _it$onClick = it.onClick,
-      customOnClick = _it$onClick === void 0 ? null : _it$onClick,
-      itemProps = _objectWithoutProperties(it, _excluded);
-    var onClickItem = dropdown !== null ? function (e) {
-      e.preventDefault();
-      e.stopPropagation();
-      setDropdownsVisible([].concat(_toConsumableArray(dropdownsVisible.slice(0, index)), [!(dropdownsVisible[index] || false)], _toConsumableArray(dropdownsVisible.slice(index + 1))));
-      if (customOnClick !== null) {
-        customOnClick(e);
-      }
-    } : customOnClick;
-    var closeDropdown = dropdown !== null ? function () {
-      setDropdownsVisible([].concat(_toConsumableArray(dropdownsVisible.slice(0, index)), [false], _toConsumableArray(dropdownsVisible.slice(index + 1))));
-    } : null;
-    var ItemComponent = itemTagName;
-    var dropdownVisible = dropdownsVisible[index] || false;
-    return linkAsItem ? /*#__PURE__*/React.createElement(Link, Object.assign({}, itemProps, {
-      key: "item-".concat(id || index),
-      onClick: onClickItem,
-      href: href,
-      external: external,
-      className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-        active: active
-      }, itemClassName, itemClassName !== null), customClassName, customClassName !== null), linkClassName, linkClassName !== null), customLinkClassName, customLinkClassName !== null))
-    }), /*#__PURE__*/React.createElement(Label, itemProps, label)) : /*#__PURE__*/React.createElement(ItemComponent, {
-      key: "item-".concat(id || index),
-      className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-        dropdown: dropdown !== null,
-        active: active
-      }, itemClassName, itemClassName !== null), customClassName, customClassName !== null), hasSubMenuClassName, subItems !== null && hasSubMenuClassName !== null), hasDropdownClassName, subItems !== null && hasDropdownClassName !== null))
-    }, href !== null || dropdown !== null ? /*#__PURE__*/React.createElement(Link, Object.assign({}, itemProps, {
-      onClick: onClickItem,
-      href: href || '#',
-      external: external,
-      className: classNames(_defineProperty(_defineProperty(_defineProperty({}, linkClassName, linkClassName !== null), 'dropdown-toggle', dropdown !== null), customLinkClassName, customLinkClassName !== null))
-    }), label) : /*#__PURE__*/React.createElement(Label, itemProps, label), subItems !== null ? /*#__PURE__*/React.createElement(Menu, {
-      items: subItems,
-      className: subMenuClassName,
-      itemClassName: classNames(_defineProperty(_defineProperty({}, subMenuItemClassName, subMenuItemClassName !== null), itemClassName, subMenuItemClassName === null && itemClassName !== null)),
-      linkClassName: classNames(_defineProperty(_defineProperty({}, subMenuLinkClassName, subMenuLinkClassName !== null), linkClassName, subMenuLinkClassName === null && linkClassName !== null))
-    }) : null, dropdown !== null ? /*#__PURE__*/React.createElement(Dropdown, {
-      items: dropdown,
-      visible: dropdownVisible,
-      className: dropdownClassName,
-      itemClassName: classNames(_defineProperty(_defineProperty({}, dropdownItemClassName, dropdownItemClassName !== null), itemClassName, dropdownItemClassName === null && itemClassName !== null)),
-      linkClassName: classNames(_defineProperty(_defineProperty({}, dropdownLinkClassName, dropdownLinkClassName !== null), linkClassName, dropdownLinkClassName === null && linkClassName !== null)),
-      align: dropdownAlign,
-      onClickItem: closeDropdown,
-      onClickOutside: closeDropdown
-    }) : null);
-  }));
-};
-Menu.propTypes = propTypes;
-Menu.defaultProps = defaultProps;
-var Menu$1 = Menu;
-
-exports.default = Menu$1;