blue-react 9.0.1 → 9.1.1

package/dist/components/IconMenuItem.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = IconMenuItem;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+
+var _excluded = ["label", "outerClass", "tooltipClass", "horizontalOnOpenSidebar", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/**
+ * Variant of `MenuItem` to primarily display an icon without a label.
+ * The label prop will be displayed as a tooltip.
+ */
+function IconMenuItem(_ref) {
+  var label = _ref.label,
+      _ref$outerClass = _ref.outerClass,
+      outerClass = _ref$outerClass === void 0 ? "" : _ref$outerClass,
+      _ref$tooltipClass = _ref.tooltipClass,
+      tooltipClass = _ref$tooltipClass === void 0 ? "blue-tooltip-end" : _ref$tooltipClass,
+      _ref$horizontalOnOpen = _ref.horizontalOnOpenSidebar,
+      horizontalOnOpenSidebar = _ref$horizontalOnOpen === void 0 ? true : _ref$horizontalOnOpen,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(tooltipClass, " ").concat(horizontalOnOpenSidebar ? "blue-sidebar-menu-horizontal-on-open" : "", " ").concat(outerClass),
+    "data-tooltip": label
+  }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({}, props, {
+    className: "".concat(className, " w-100"),
+    iconClassName: "w-100"
+  })));
+}

package/dist/components/MenuItem.js

@@ -138,14 +138,14 @@ function MenuItem(props) {
     disabled: props.disabled,
     style: props.style,
     type: props.type
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _clsx.default)("blue-menu-item-icon", {
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.icon !== undefined && /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _clsx.default)("blue-menu-item-icon", props.iconClassName, {
       hasIconForActive: iconForActive
     })
   }, icon), iconForActive && /*#__PURE__*/_react.default.createElement("span", {
-    className: "blue-menu-item-icon iconForActive"
+    className: (0, _clsx.default)("blue-menu-item-icon iconForActive", props.iconClassName)
   }, iconForActive), props.label && /*#__PURE__*/_react.default.createElement("span", {
-    className: "blue-menu-item-label text-truncate"
+    className: (0, _clsx.default)("blue-menu-item-label text-truncate", props.labelClassName)
   }, props.label), props.children && /*#__PURE__*/_react.default.createElement(_Caret.default, {
     open: showDropdown,
     mirrored: true,