@rio-cloud/rio-uikit 0.16.1-beta.18 → 0.16.1-beta.20

package/lib/components/actionBarItem/ActionBarItem.js

@@ -1,54 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ActionBarItem = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _head = _interopRequireDefault(require("lodash/fp/head"));
-
-var _negate = _interopRequireDefault(require("lodash/fp/negate"));
-
-var _delay = _interopRequireDefault(require("lodash/fp/delay"));
-
-var _ActionBarOverlay = require("./ActionBarOverlay");
-
-var _ActionBarItemPopoverContent = require("./ActionBarItemPopoverContent");
-
-var _ActionBarItemIcon = require("./ActionBarItemIcon");
-
-var _ActionBarItemList = require("./ActionBarItemList");
-
-var _ActionBarItemListItem = require("./ActionBarItemListItem");
-
-var _ActionBarItemListSeparator = require("./ActionBarItemListSeparator");
-
-var _OverlayTrigger = _interopRequireDefault(require("../overlay/OverlayTrigger"));
-
-var _Dialog = _interopRequireDefault(require("../dialog/Dialog"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["className", "children", "popoverWidth", "id", "hidePopoverOnClick"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+import React, { useCallback, useEffect, useLayoutEffect, useState, useRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import head from 'lodash/fp/head';
+import negate from 'lodash/fp/negate';
+import delay from 'lodash/fp/delay';
+import { ActionBarOverlay } from './ActionBarOverlay';
+import { ActionBarItemPopoverContent } from './ActionBarItemPopoverContent';
+import { ActionBarItemIcon } from './ActionBarItemIcon';
+import { ActionBarItemList } from './ActionBarItemList';
+import { ActionBarItemListItem } from './ActionBarItemListItem';
+import { ActionBarItemListSeparator } from './ActionBarItemListSeparator';
+import OverlayTrigger from '../overlay/OverlayTrigger';
+import Dialog from '../dialog/Dialog';
 var EVENT = 'mousedown';
 var CLASSNAME_SHOW = 'show';
 var CLASSNAME_OFFSCREEN = 'position-offscreen';
@@ -63,23 +30,23 @@ var hasClass = function hasClass(element, className) {
   return element.classList.contains(className);
 };
 
-var hasNotClass = (0, _negate.default)(hasClass);
+var hasNotClass = negate(hasClass);
 
 var isNotChildNodeOf = function isNotChildNodeOf(childNode, parentNode) {
   return !parentNode.contains(childNode);
 };
 
 var checkIfSmallResolution = function checkIfSmallResolution() {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
       isSmallResolution = _useState2[0],
       setIsSmallResolution = _useState2[1]; // We only execute this once. Before it was re rendered on every change.
   // Users probably don't switch between display sizes that often therefore it probably makes sense to
   // avoid the re rendering. Or applying an event listnener.
 
 
-  (0, _react.useEffect)(function () {
-    var header = (0, _head.default)(document.getElementsByClassName('ApplicationHeader'));
+  useEffect(function () {
+    var header = head(document.getElementsByClassName('ApplicationHeader'));
     setIsSmallResolution(header && header.offsetWidth < SMALL_RESOLUTION_THRESHOLD_IN_PX);
   }, []);
   return isSmallResolution;
@@ -88,30 +55,30 @@ var checkIfSmallResolution = function checkIfSmallResolution() {
 var isActionBarItemPopover = function isActionBarItemPopover(child) {
   var _child$type;
 
-  return ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === _ActionBarItemPopoverContent.ActionBarItemPopoverContent.displayName;
+  return ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === ActionBarItemPopoverContent.displayName;
 };
 
 var isActionBarItemIcon = function isActionBarItemIcon(child) {
   var _child$type2;
 
-  return ((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === _ActionBarItemIcon.ActionBarItemIcon.displayName;
+  return ((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === ActionBarItemIcon.displayName;
 };
 
-var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
+export var ActionBarItem = /*#__PURE__*/React.memo(function (props) {
   var className = props.className,
       children = props.children,
       popoverWidth = props.popoverWidth,
       id = props.id,
       hidePopoverOnClick = props.hidePopoverOnClick,
-      remainigProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+      remainigProps = _objectWithoutProperties(props, _excluded);
 
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
       isShown = _useState4[0],
       setIsShown = _useState4[1];
 
-  var clickOutsideRef = (0, _react.useRef)();
-  (0, _react.useLayoutEffect)(function () {
+  var clickOutsideRef = useRef();
+  useLayoutEffect(function () {
     var listener = function listener(event) {
       if (!clickOutsideRef || !clickOutsideRef.current || !isShown) {
         return;
@@ -146,7 +113,7 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
 
 
       if (hidePopoverOnClick) {
-        (0, _delay.default)(POPOVER_CLOSE_DELAY_IN_MS)(function () {
+        delay(POPOVER_CLOSE_DELAY_IN_MS)(function () {
           return setIsShown(false);
         });
       }
@@ -157,21 +124,20 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
       document.removeEventListener(EVENT, listener);
     };
   }, [clickOutsideRef, id, isShown]);
-  var classes = (0, _classnames.default)('ActionBarItem', className);
+  var classes = classNames('ActionBarItem', className);
   var isSmallScreen = checkIfSmallResolution();
-  var onToggle = (0, _react.useCallback)(function () {
+  var onToggle = useCallback(function () {
     return setIsShown(!isShown);
   }, [setIsShown, isShown]); // The children depend on each other, that's why it's easier to convert them once to an array
   // and then pick the correct elements. In most cases there are only 2 or 3 elements in the children
   // array so the looping shouldn't be too worrysome.
 
-  var childrenAsList = _react.default.Children.toArray(children);
-
+  var childrenAsList = React.Children.toArray(children);
   var itemPopover = childrenAsList.find(isActionBarItemPopover);
   var itemIcon = childrenAsList.find(isActionBarItemIcon);
 
   if (!itemPopover) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: classes
     }, children);
   }
@@ -189,16 +155,16 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
   });
 
   if (isSmallScreen) {
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, remainigProps, {
+    return /*#__PURE__*/React.createElement("div", _extends({}, remainigProps, {
       className: classes,
       ref: clickOutsideRef
-    }), /*#__PURE__*/_react.default.cloneElement(itemIcon, {
+    }), /*#__PURE__*/React.cloneElement(itemIcon, {
       onClick: onToggle
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       onClick: function onClick() {
         return setIsShown(false);
       }
-    }, /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    }, /*#__PURE__*/React.createElement(Dialog, {
       show: isShown,
       onHide: function onHide() {
         return setIsShown(false);
@@ -208,7 +174,7 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
     })), childrenWithoutPopoverAndIcon);
   }
 
-  var overlay = /*#__PURE__*/_react.default.createElement(_ActionBarOverlay.ActionBarOverlay, {
+  var overlay = /*#__PURE__*/React.createElement(ActionBarOverlay, {
     id: id,
     key: "child",
     title: title,
@@ -216,14 +182,13 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
     preRender: useOffscreen,
     show: isShown
   }, itemPopover);
-
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, remainigProps, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, remainigProps, {
     className: classes,
     ref: clickOutsideRef
-  }), /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, {
+  }), /*#__PURE__*/React.createElement(OverlayTrigger, {
     onToggle: onToggle,
     show: isShown || useOffscreen,
-    placement: _OverlayTrigger.default.BOTTOM_END,
+    placement: OverlayTrigger.BOTTOM_END,
     overlay: overlay,
     trigger: "click",
     rootClose: false,
@@ -237,24 +202,21 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
     }
   }, itemIcon), childrenWithoutPopoverAndIcon);
 });
-
-exports.ActionBarItem = ActionBarItem;
-ActionBarItem.Icon = _ActionBarItemIcon.ActionBarItemIcon;
-ActionBarItem.Popover = _ActionBarItemPopoverContent.ActionBarItemPopoverContent;
-ActionBarItem.List = _ActionBarItemList.ActionBarItemList;
-ActionBarItem.ListItem = _ActionBarItemListItem.ActionBarItemListItem;
-ActionBarItem.ListSeparator = _ActionBarItemListSeparator.ActionBarItemListSeparator;
+ActionBarItem.Icon = ActionBarItemIcon;
+ActionBarItem.Popover = ActionBarItemPopoverContent;
+ActionBarItem.List = ActionBarItemList;
+ActionBarItem.ListItem = ActionBarItemListItem;
+ActionBarItem.ListSeparator = ActionBarItemListSeparator;
 ActionBarItem.defaultProps = {
   id: getRandomString(),
   hidePopoverOnClick: true,
   popoverWidth: 250
 };
 ActionBarItem.propTypes = {
-  id: _propTypes.default.string,
-  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
-  className: _propTypes.default.string,
-  hidePopoverOnClick: _propTypes.default.bool,
-  popoverWidth: _propTypes.default.oneOf([100, 150, 200, 250, 300, 350, 400, 450, 500])
+  id: PropTypes.string,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+  className: PropTypes.string,
+  hidePopoverOnClick: PropTypes.bool,
+  popoverWidth: PropTypes.oneOf([100, 150, 200, 250, 300, 350, 400, 450, 500])
 };
-var _default = ActionBarItem;
-exports.default = _default;
+export default ActionBarItem;

package/lib/components/actionBarItem/ActionBarItemIcon.js

@@ -1,38 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ActionBarItemIcon = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
-
-var ActionBarItemIcon = function ActionBarItemIcon(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+export var ActionBarItemIcon = function ActionBarItemIcon(_ref) {
   var className = _ref.className,
       children = _ref.children,
-      remainingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('ActionBarItemIcon', className);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, remainingProps, {
+      remainingProps = _objectWithoutProperties(_ref, _excluded);
+
+  var classes = classNames('ActionBarItemIcon', className);
+  return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: classes
   }), children);
 };
-
-exports.ActionBarItemIcon = ActionBarItemIcon;
 ActionBarItemIcon.displayName = 'ActionBarItemIcon';
 ActionBarItemIcon.propTypes = {
-  className: _propTypes.default.string
+  className: PropTypes.string
 };
-var _default = ActionBarItemIcon;
-exports.default = _default;
+export default ActionBarItemIcon;

package/lib/components/actionBarItem/ActionBarItemList.js

@@ -1,38 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ActionBarItemList = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
-
-var ActionBarItemList = function ActionBarItemList(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+export var ActionBarItemList = function ActionBarItemList(_ref) {
   var className = _ref.className,
       children = _ref.children,
-      remainingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('ActionBarItemList', className);
-  return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({}, remainingProps, {
+      remainingProps = _objectWithoutProperties(_ref, _excluded);
+
+  var classes = classNames('ActionBarItemList', className);
+  return /*#__PURE__*/React.createElement("ul", _extends({}, remainingProps, {
     className: classes
   }), children);
 };
-
-exports.ActionBarItemList = ActionBarItemList;
 ActionBarItemList.displayName = 'ActionBarItemList';
 ActionBarItemList.propTypes = {
-  className: _propTypes.default.string
+  className: PropTypes.string
 };
-var _default = ActionBarItemList;
-exports.default = _default;
+export default ActionBarItemList;

package/lib/components/actionBarItem/ActionBarItemListItem.js

@@ -1,51 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ActionBarItemListItem = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["hasLink", "icon", "onClick", "className", "children"];
-
-var ActionBarItemListItem = function ActionBarItemListItem(props) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+export var ActionBarItemListItem = function ActionBarItemListItem(props) {
   var hasLink = props.hasLink,
       icon = props.icon,
       onClick = props.onClick,
       className = props.className,
       children = props.children,
-      remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var classes = (0, _classnames.default)('ActionBarItemListItem', className);
-  var iconClasses = (0, _classnames.default)('ActionBarItemListItemIcon', 'rioglyph', icon);
-  var btnClasses = (0, _classnames.default)('ActionBarItemListItemButton');
-  return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({}, remainingProps, {
+      remainingProps = _objectWithoutProperties(props, _excluded);
+
+  var classes = classNames('ActionBarItemListItem', className);
+  var iconClasses = classNames('ActionBarItemListItemIcon', 'rioglyph', icon);
+  var btnClasses = classNames('ActionBarItemListItemButton');
+  return /*#__PURE__*/React.createElement("li", _extends({}, remainingProps, {
     className: classes
-  }), icon && /*#__PURE__*/_react.default.createElement("span", {
+  }), icon && /*#__PURE__*/React.createElement("span", {
     className: iconClasses
-  }), hasLink && !onClick && /*#__PURE__*/_react.default.createElement("span", null, children), onClick && /*#__PURE__*/_react.default.createElement("div", {
+  }), hasLink && !onClick && /*#__PURE__*/React.createElement("span", null, children), onClick && /*#__PURE__*/React.createElement("div", {
     className: btnClasses,
     onClick: onClick
   }, children), !hasLink && !onClick && children);
 };
-
-exports.ActionBarItemListItem = ActionBarItemListItem;
 ActionBarItemListItem.displayName = 'ActionBarItemListItem';
 ActionBarItemListItem.propTypes = {
-  hasLink: _propTypes.default.bool,
-  icon: _propTypes.default.string,
-  onClick: _propTypes.default.func,
-  className: _propTypes.default.string
+  hasLink: PropTypes.bool,
+  icon: PropTypes.string,
+  onClick: PropTypes.func,
+  className: PropTypes.string
 };
-var _default = ActionBarItemListItem;
-exports.default = _default;
+export default ActionBarItemListItem;

package/lib/components/actionBarItem/ActionBarItemListSeparator.js

@@ -1,37 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ActionBarItemListSeparator = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className"];
-
-var ActionBarItemListSeparator = function ActionBarItemListSeparator(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+export var ActionBarItemListSeparator = function ActionBarItemListSeparator(_ref) {
   var className = _ref.className,
-      remainingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('ActionBarItemListSeparator', className);
-  return /*#__PURE__*/_react.default.createElement("hr", (0, _extends2.default)({}, remainingProps, {
+      remainingProps = _objectWithoutProperties(_ref, _excluded);
+
+  var classes = classNames('ActionBarItemListSeparator', className);
+  return /*#__PURE__*/React.createElement("hr", _extends({}, remainingProps, {
     className: classes
   }));
 };
-
-exports.ActionBarItemListSeparator = ActionBarItemListSeparator;
 ActionBarItemListSeparator.displayName = 'ActionBarItemListSeparator';
 ActionBarItemListSeparator.propTypes = {
-  className: _propTypes.default.string
+  className: PropTypes.string
 };
-var _default = ActionBarItemListSeparator;
-exports.default = _default;
+export default ActionBarItemListSeparator;

package/lib/components/actionBarItem/ActionBarItemPopoverContent.js

@@ -1,43 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ActionBarItemPopoverContent = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _omit = _interopRequireDefault(require("lodash/fp/omit"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
-
-var ActionBarItemPopoverContent = function ActionBarItemPopoverContent(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import omit from 'lodash/fp/omit';
+export var ActionBarItemPopoverContent = function ActionBarItemPopoverContent(_ref) {
   var className = _ref.className,
       children = _ref.children,
-      remainingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('ActionBarItemPopoverContent', className);
-  var filterProps = (0, _omit.default)(['title', 'useOffscreen']);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, filterProps(remainingProps), {
+      remainingProps = _objectWithoutProperties(_ref, _excluded);
+
+  var classes = classNames('ActionBarItemPopoverContent', className);
+  var filterProps = omit(['title', 'useOffscreen']);
+  return /*#__PURE__*/React.createElement("div", _extends({}, filterProps(remainingProps), {
     className: classes
   }), children);
 };
-
-exports.ActionBarItemPopoverContent = ActionBarItemPopoverContent;
 ActionBarItemPopoverContent.displayName = 'ActionBarItemPopoverContent';
 ActionBarItemPopoverContent.propTypes = {
-  title: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
-  className: _propTypes.default.string,
-  useOffscreen: _propTypes.default.bool
+  title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  className: PropTypes.string,
+  useOffscreen: PropTypes.bool
 };
-var _default = ActionBarItemPopoverContent;
-exports.default = _default;
+export default ActionBarItemPopoverContent;