@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/esm/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import React, { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -9,32 +7,28 @@ import Button from '@atlaskit/button/custom-theme-button';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize } from '../../../../../../constants';
 import { sizeToButtonSpacing } from '../../../utils';
-
 var getButtonStyle = function getButtonStyle(size, iconOnly) {
   switch (size) {
     case SmartLinkSize.Large:
       return iconOnly ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            button,\n            button:hover,\n            button:focus,\n            button:active {\n              padding: 0;\n              > span {\n                margin: 0;\n              }\n            }\n          "]))) : '';
-
     case SmartLinkSize.Small:
       return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        font-size: 0.75rem;\n        font-weight: 500;\n        line-height: 1rem;\n        button,\n        button:hover,\n        button:focus,\n        button:active {\n          line-height: 1rem;\n          ", "\n        }\n      "])), iconOnly ? "\n            padding: 0.125rem;\n          " : "\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n          ");
-
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Medium:
     default:
       return '';
   }
 };
-
 var ActionButton = function ActionButton(_ref) {
   var appearance = _ref.appearance,
-      content = _ref.content,
-      iconAfter = _ref.iconAfter,
-      iconBefore = _ref.iconBefore,
-      onClick = _ref.onClick,
-      overrideCss = _ref.overrideCss,
-      size = _ref.size,
-      testId = _ref.testId,
-      tooltipMessage = _ref.tooltipMessage;
+    content = _ref.content,
+    iconAfter = _ref.iconAfter,
+    iconBefore = _ref.iconBefore,
+    onClick = _ref.onClick,
+    overrideCss = _ref.overrideCss,
+    size = _ref.size,
+    testId = _ref.testId,
+    tooltipMessage = _ref.tooltipMessage;
   var iconOnly = !content;
   var onButtonClick = useCallback(function (handler) {
     return function (e) {
@@ -58,5 +52,4 @@ var ActionButton = function ActionButton(_ref) {
     testId: testId
   }, content)));
 };
-
 export default ActionButton;

package/dist/esm/view/FlexibleCard/components/actions/action/action-dropdown-item/index.js

@@ -1,13 +1,12 @@
 import React from 'react';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import { handleOnClick } from '../../../../../../utils';
-
 var ActionDropdownItem = function ActionDropdownItem(_ref) {
   var content = _ref.content,
-      iconAfter = _ref.iconAfter,
-      iconBefore = _ref.iconBefore,
-      onClick = _ref.onClick,
-      testId = _ref.testId;
+    iconAfter = _ref.iconAfter,
+    iconBefore = _ref.iconBefore,
+    onClick = _ref.onClick,
+    testId = _ref.testId;
   return /*#__PURE__*/React.createElement(DropdownItem, {
     elemAfter: iconAfter,
     elemBefore: iconBefore,
@@ -15,5 +14,4 @@ var ActionDropdownItem = function ActionDropdownItem(_ref) {
     testId: testId
   }, content);
 };
-
 export default ActionDropdownItem;

package/dist/esm/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -1,39 +1,32 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../../constants';
 import { tokens } from '../../../../../../utils/token';
 import { getIconSizeStyles } from '../../../utils';
-
 var getIconWidth = function getIconWidth(size) {
   switch (size) {
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Large:
       return '1.5rem';
-
     case SmartLinkSize.Medium:
     case SmartLinkSize.Small:
     default:
       return '1rem';
   }
 };
-
 var getIconStyles = function getIconStyles(size) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  ", ";\n"])), tokens.actionIcon, getIconSizeStyles(getIconWidth(size)));
 };
-
 var ActionIcon = function ActionIcon(_ref) {
   var size = _ref.size,
-      testId = _ref.testId,
-      icon = _ref.icon;
+    testId = _ref.testId,
+    icon = _ref.icon;
   return jsx("span", {
     css: getIconStyles(size),
     "data-testid": "".concat(testId, "-icon")
   }, icon);
 };
-
 export default ActionIcon;

package/dist/esm/view/FlexibleCard/components/actions/action/download-action/index.js

@@ -2,35 +2,28 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import Action from '../index';
-
 var DownloadAction = function DownloadAction(props) {
   var appearance = props.appearance,
-      asDropDownItem = props.asDropDownItem,
-      downloadUrl = props.downloadUrl,
-      _onClick = props.onClick,
-      testId = props.testId,
-      url = props.url;
-
+    asDropDownItem = props.asDropDownItem,
+    downloadUrl = props.downloadUrl,
+    _onClick = props.onClick,
+    testId = props.testId,
+    url = props.url;
   if (downloadUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
         downloadFunction({
           url: downloadUrl
         });
-
         if (_onClick) {
           _onClick();
         }
       }
     });
-
     return /*#__PURE__*/React.createElement(Action, _extends({}, action, {
       appearance: appearance,
       asDropDownItem: asDropDownItem,
@@ -40,11 +33,9 @@ var DownloadAction = function DownloadAction(props) {
     return null;
   }
 };
-
 function downloadFunction(_x) {
   return _downloadFunction.apply(this, arguments);
 }
-
 function _downloadFunction() {
   _downloadFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var url, isIE11, isSafari, iframeName, link, iframe;
@@ -53,21 +44,17 @@ function _downloadFunction() {
         switch (_context.prev = _context.next) {
           case 0:
             url = _ref.url;
-
             if (url) {
               _context.next = 3;
               break;
             }
-
             return _context.abrupt("return");
-
           case 3:
             isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
             isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
             iframeName = 'media-download-iframe';
             link = document.createElement('a');
             iframe = document.getElementById(iframeName);
-
             if (!iframe) {
               iframe = document.createElement('iframe');
               iframe.style.display = 'none';
@@ -75,14 +62,12 @@ function _downloadFunction() {
               iframe.name = iframeName;
               document.body.appendChild(iframe);
             }
-
             link.href = url;
             link.download = url;
             link.target = isIE11 || isSafari ? '_blank' : iframeName;
             document.body.appendChild(link);
             link.click();
             document.body.removeChild(link);
-
           case 15:
           case "end":
             return _context.stop();
@@ -92,5 +77,4 @@ function _downloadFunction() {
   }));
   return _downloadFunction.apply(this, arguments);
 }
-
 export default DownloadAction;

package/dist/esm/view/FlexibleCard/components/actions/action/index.js

@@ -5,6 +5,7 @@ import { SmartLinkSize } from '../../../../../constants';
 import ActionButton from './action-button';
 import ActionDropdownItem from './action-dropdown-item';
 import ActionIcon from './action-icon';
+
 /**
  * A base action that can be triggered with an on click.
  * @internal
@@ -13,27 +14,24 @@ import ActionIcon from './action-icon';
  * @see EditAction
  * @see CustomAction
  */
-
 var Action = function Action(_ref) {
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'subtle' : _ref$appearance,
-      content = _ref.content,
-      onClick = _ref.onClick,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-action' : _ref$testId,
-      icon = _ref.icon,
-      _ref$iconPosition = _ref.iconPosition,
-      iconPosition = _ref$iconPosition === void 0 ? 'before' : _ref$iconPosition,
-      tooltipMessage = _ref.tooltipMessage,
-      asDropDownItem = _ref.asDropDownItem,
-      overrideCss = _ref.overrideCss;
-
+    appearance = _ref$appearance === void 0 ? 'subtle' : _ref$appearance,
+    content = _ref.content,
+    onClick = _ref.onClick,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-action' : _ref$testId,
+    icon = _ref.icon,
+    _ref$iconPosition = _ref.iconPosition,
+    iconPosition = _ref$iconPosition === void 0 ? 'before' : _ref$iconPosition,
+    tooltipMessage = _ref.tooltipMessage,
+    asDropDownItem = _ref.asDropDownItem,
+    overrideCss = _ref.overrideCss;
   if (!onClick) {
     return null;
   }
-
   var actionIcon = icon && jsx(ActionIcon, {
     icon: icon,
     size: size,
@@ -41,7 +39,6 @@ var Action = function Action(_ref) {
   });
   var iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
   var iconAfter = icon && iconPosition === 'after' ? actionIcon : undefined;
-
   if (asDropDownItem) {
     return jsx(ActionDropdownItem, {
       content: content,
@@ -64,5 +61,4 @@ var Action = function Action(_ref) {
     });
   }
 };
-
 export default Action;

package/dist/esm/view/FlexibleCard/components/actions/action/preview-action/index.js

@@ -4,11 +4,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["popupMountPointId"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import Action from '../index';
 import ReactDOM from 'react-dom';
@@ -16,25 +13,23 @@ import { IntlProvider } from 'react-intl-next';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import { useSmartLinkAnalytics } from '../../../../../../state';
 import Icon from '../../../elements/icon';
-
 var PreviewAction = function PreviewAction(props) {
   var appearance = props.appearance,
-      asDropDownItem = props.asDropDownItem,
-      testId = props.testId,
-      _onClick = props.onClick,
-      linkIcon = props.linkIcon,
-      src = props.src,
-      url = props.url,
-      title = props.title,
-      providerName = props.providerName,
-      downloadUrl = props.downloadUrl;
+    asDropDownItem = props.asDropDownItem,
+    testId = props.testId,
+    _onClick = props.onClick,
+    linkIcon = props.linkIcon,
+    src = props.src,
+    url = props.url,
+    title = props.title,
+    providerName = props.providerName,
+    downloadUrl = props.downloadUrl;
   var defaultAnalytics = useSmartLinkAnalytics(url, function () {});
   var analytics = useFlexibleUiAnalyticsContext() || defaultAnalytics;
   var EmbedIcon = {
     icon: /*#__PURE__*/React.createElement(Icon, linkIcon),
     isFlexibleUi: true
   };
-
   if (src && url) {
     var embedModal = function embedModal() {
       return previewFunction({
@@ -52,17 +47,14 @@ var PreviewAction = function PreviewAction(props) {
         origin: 'smartLinkCard'
       });
     };
-
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
         embedModal();
-
         if (_onClick) {
           _onClick();
         }
       }
     });
-
     return /*#__PURE__*/React.createElement(Action, _extends({}, action, {
       appearance: appearance,
       asDropDownItem: asDropDownItem,
@@ -72,6 +64,7 @@ var PreviewAction = function PreviewAction(props) {
     return null;
   }
 };
+
 /*
   Explanatory note:
   Actions don't have access to the react tree of whatever is rendered them
@@ -85,12 +78,9 @@ var PreviewAction = function PreviewAction(props) {
   you find an elegant solution around this, you should definitely feel free to
   refactor it.
 */
-
-
 export function previewFunction(_x) {
   return _previewFunction.apply(this, arguments);
 }
-
 function _previewFunction() {
   _previewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var popupMountPointId, rest, popupMountPoint, Modal;
@@ -100,17 +90,14 @@ function _previewFunction() {
           case 0:
             popupMountPointId = _ref.popupMountPointId, rest = _objectWithoutProperties(_ref, _excluded);
             popupMountPoint = document.getElementById(popupMountPointId);
-
             if (!popupMountPoint) {
               popupMountPoint = document.createElement('div');
               popupMountPoint.id = popupMountPointId;
               popupMountPoint.setAttribute('data-testid', 'preview-modal');
               document.body.appendChild(popupMountPoint);
             }
-
             _context2.next = 5;
             return import('../../../../../EmbedModal');
-
           case 5:
             Modal = _context2.sent;
             ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
@@ -122,7 +109,6 @@ function _previewFunction() {
                 }
               }
             }))), popupMountPoint);
-
           case 7:
           case "end":
             return _context2.stop();
@@ -132,5 +118,4 @@ function _previewFunction() {
   }));
   return _previewFunction.apply(this, arguments);
 }
-
 export default PreviewAction;

package/dist/esm/view/FlexibleCard/components/actions/action/view-action/index.js

@@ -2,35 +2,28 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import Action from '../index';
-
 var ViewAction = function ViewAction(props) {
   var appearance = props.appearance,
-      asDropDownItem = props.asDropDownItem,
-      testId = props.testId,
-      _onClick = props.onClick,
-      viewUrl = props.viewUrl,
-      url = props.url;
-
+    asDropDownItem = props.asDropDownItem,
+    testId = props.testId,
+    _onClick = props.onClick,
+    viewUrl = props.viewUrl,
+    url = props.url;
   if (viewUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
         viewFunction({
           url: viewUrl
         });
-
         if (_onClick) {
           _onClick();
         }
       }
     });
-
     return /*#__PURE__*/React.createElement(Action, _extends({}, action, {
       appearance: appearance,
       asDropDownItem: asDropDownItem,
@@ -40,11 +33,9 @@ var ViewAction = function ViewAction(props) {
     return null;
   }
 };
-
 export function viewFunction(_x) {
   return _viewFunction.apply(this, arguments);
 }
-
 function _viewFunction() {
   _viewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var url;
@@ -53,17 +44,13 @@ function _viewFunction() {
         switch (_context.prev = _context.next) {
           case 0:
             url = _ref.url;
-
             if (url) {
               _context.next = 3;
               break;
             }
-
             return _context.abrupt("return");
-
           case 3:
             window.open(url, '_blank', 'noopener=yes');
-
           case 4:
           case "end":
             return _context.stop();
@@ -73,5 +60,4 @@ function _viewFunction() {
   }));
   return _viewFunction.apply(this, arguments);
 }
-
 export default ViewAction;

package/dist/esm/view/FlexibleCard/components/actions/index.js

@@ -15,33 +15,32 @@ export var DeleteAction = createUIAction(ActionName.DeleteAction);
  * the icon to an edit (pencil) icon.
  * @see Action
  */
-
 export var EditAction = createUIAction(ActionName.EditAction);
+
 /**
  * Creates a PreviewAction component. Accepts default PreviewActionProps, and defaults
  * to the text 'Preview' inside the button.
  * @see Action
  */
-
 export var PreviewAction = createDataAction(ActionName.PreviewAction);
+
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
  * to the text 'View' inside the button.
  * @see Action
  */
-
 export var ViewAction = createDataAction(ActionName.ViewAction);
+
 /**
  * Creates a DownloadAction component. Accepts default DownloadActionProps, and defaults
  * to the text 'Download' inside the button.
  * @see Action
  */
-
 export var DownloadAction = createDataAction(ActionName.DownloadAction);
+
 /**
  * Creates a CustomAction component. Accepts default ActionProps. Required to provide
  * your own icon or text.
  * @see Action
  */
-
 export var CustomAction = createUIAction(ActionName.CustomAction);

package/dist/esm/view/FlexibleCard/components/actions/utils.js

@@ -1,12 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _actionMappings;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { ActionName } from '../../../../constants';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import React, { useContext } from 'react';
@@ -75,42 +71,33 @@ var actionMappings = (_actionMappings = {}, _defineProperty(_actionMappings, Act
     tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.download)
   }
 }), _actionMappings);
-
 var getContextKey = function getContextKey(name) {
   // Attempt to predict context prop name in advance to reduce the amount of
   // code run during runtime
   return name.length > 0 ? name.charAt(0).toLowerCase() + name.slice(1) : undefined;
 };
-
 var getActionData = function getActionData(actionName, contextKey, context) {
   if (!context) {
     return undefined;
   }
-
   var data = context[contextKey];
-
   switch (actionName) {
     case ActionName.PreviewAction:
     case ActionName.ViewAction:
     case ActionName.DownloadAction:
       return data;
-
     default:
       return undefined;
   }
 };
-
 export var createDataAction = function createDataAction(name) {
   var _ref = actionMappings[name] || {},
-      BaseAction = _ref.component,
-      props = _ref.props;
-
+    BaseAction = _ref.component,
+    props = _ref.props;
   var contextKey = getContextKey(name);
-
   if (!BaseAction) {
     throw Error("Action ".concat(name, " does not exist."));
   }
-
   return function (overrides) {
     var context = useContext(FlexibleUiContext);
     var data = getActionData(name, contextKey, context);
@@ -121,16 +108,13 @@ export var createDataAction = function createDataAction(name) {
 };
 export var createUIAction = function createUIAction(name) {
   var _ref2 = actionMappings[name] || {},
-      BaseAction = _ref2.component,
-      props = _ref2.props;
-
+    BaseAction = _ref2.component,
+    props = _ref2.props;
   if (!BaseAction) {
     throw Error("Action ".concat(name, " does not exist."));
   }
-
   return function (overrides) {
     var combinedProps = _objectSpread(_objectSpread({}, props), overrides);
-
     return /*#__PURE__*/React.createElement(BaseAction, combinedProps);
   };
 };

package/dist/esm/view/FlexibleCard/components/blocks/action-group/action-group-item/index.js

@@ -2,55 +2,43 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "hideContent", "hideIcon", "onClick"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import React, { useCallback } from 'react';
 import * as Actions from '../../../actions';
 import { isJSXElementNull } from '../../utils';
-
 var ActionGroupItem = function ActionGroupItem(_ref) {
   var item = _ref.item,
-      size = _ref.size,
-      appearance = _ref.appearance,
-      asDropDownItems = _ref.asDropDownItems,
-      onActionItemClick = _ref.onActionItemClick;
-
+    size = _ref.size,
+    appearance = _ref.appearance,
+    asDropDownItems = _ref.asDropDownItems,
+    onActionItemClick = _ref.onActionItemClick;
   var name = item.name,
-      hideContent = item.hideContent,
-      hideIcon = item.hideIcon,
-      onClick = item.onClick,
-      props = _objectWithoutProperties(item, _excluded);
-
+    hideContent = item.hideContent,
+    hideIcon = item.hideIcon,
+    onClick = item.onClick,
+    props = _objectWithoutProperties(item, _excluded);
   var handleOnClick = useCallback(function () {
     if (onActionItemClick) {
       onActionItemClick();
     }
-
     if (onClick) {
       onClick();
     }
   }, [onActionItemClick, onClick]);
   var Action = Actions[name];
-
   if (!Action) {
     return null;
   }
-
   var actionProps = _objectSpread({}, props);
-
   if (hideContent && !asDropDownItems) {
     actionProps.content = '';
   }
-
   if (hideIcon) {
     actionProps.icon = undefined;
   }
-
   var action = jsx(Action, _extends({
     url: "",
     asDropDownItem: asDropDownItems,
@@ -58,12 +46,9 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
     appearance: appearance,
     onClick: handleOnClick
   }, actionProps));
-
   if (!isJSXElementNull(action)) {
     return action;
   }
-
   return null;
 };
-
 export default ActionGroupItem;