@atlaskit/smart-card 23.14.1 → 23.14.3

package/dist/cjs/view/EmbedModal/components/embed-content/index.js

@@ -1,27 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _utils = require("../../../../utils");
-
 var _templateObject;
-
 var iframeCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: calc(100vh - 208px);\n"])));
-
 var EmbedContent = function EmbedContent(_ref) {
   var isTrusted = _ref.isTrusted,
-      name = _ref.name,
-      src = _ref.src,
-      testId = _ref.testId;
+    name = _ref.name,
+    src = _ref.src,
+    testId = _ref.testId;
   var sandbox = (0, _utils.getIframeSandboxAttribute)(isTrusted);
   var props = {
     css: iframeCss,
@@ -33,6 +26,5 @@ var EmbedContent = function EmbedContent(_ref) {
   };
   return (0, _react.jsx)("iframe", props);
 };
-
 var _default = EmbedContent;
 exports.default = _default;

package/dist/cjs/view/EmbedModal/components/error-boundary/index.js

@@ -1,24 +1,17 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactErrorBoundary = require("react-error-boundary");
-
 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; }
-
 var FallbackComponent = function FallbackComponent() {
   return /*#__PURE__*/_react.default.createElement("span", null);
 };
-
 var withErrorBoundary = function withErrorBoundary(Component) {
   return function (props) {
     var onOpenFailed = props.onOpenFailed;
@@ -33,6 +26,5 @@ var withErrorBoundary = function withErrorBoundary(Component) {
     }, /*#__PURE__*/_react.default.createElement(Component, props));
   };
 };
-
 var _default = withErrorBoundary;
 exports.default = _default;

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -1,62 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _modalDialog = require("@atlaskit/modal-dialog");
-
 var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
-
 var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
-
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
-
 var _vidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-on"));
-
 var _vidFullScreenOff = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-off"));
-
 var _Icon = require("../../../common/Icon");
-
 var _messages = require("../../../../messages");
-
 var _constants = require("../../constants");
-
 var _linkInfoButton = _interopRequireDefault(require("./link-info-button"));
-
 var _styled = require("./styled");
-
 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; }
-
 /** @jsx jsx */
+
 var LinkInfo = function LinkInfo(_ref) {
   var downloadUrl = _ref.downloadUrl,
-      icon = _ref.icon,
-      providerName = _ref.providerName,
-      onDownloadButtonClick = _ref.onDownloadButtonClick,
-      onResizeButtonClick = _ref.onResizeButtonClick,
-      onViewButtonClick = _ref.onViewButtonClick,
-      size = _ref.size,
-      testId = _ref.testId,
-      title = _ref.title,
-      url = _ref.url;
-
+    icon = _ref.icon,
+    providerName = _ref.providerName,
+    onDownloadButtonClick = _ref.onDownloadButtonClick,
+    onResizeButtonClick = _ref.onResizeButtonClick,
+    onViewButtonClick = _ref.onViewButtonClick,
+    size = _ref.size,
+    testId = _ref.testId,
+    title = _ref.title,
+    url = _ref.url;
   var _useModal = (0, _modalDialog.useModal)(),
-      onClose = _useModal.onClose;
-
+    onClose = _useModal.onClose;
   var downloadButton = (0, _react2.useMemo)(function () {
     if (downloadUrl) {
       return (0, _react.jsx)(_linkInfoButton.default, {
@@ -125,6 +105,5 @@ var LinkInfo = function LinkInfo(_ref) {
     testId: "".concat(testId, "-close")
   })));
 };
-
 var _default = LinkInfo;
 exports.default = _default;

package/dist/cjs/view/EmbedModal/components/link-info/link-info-button/index.js

@@ -1,25 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var LinkInfoButton = function LinkInfoButton(_ref) {
   var content = _ref.content,
-      href = _ref.href,
-      icon = _ref.icon,
-      onClick = _ref.onClick,
-      target = _ref.target,
-      testId = _ref.testId;
+    href = _ref.href,
+    icon = _ref.icon,
+    onClick = _ref.onClick,
+    target = _ref.target,
+    testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: content,
     hideTooltipOnClick: true,
@@ -36,6 +31,5 @@ var LinkInfoButton = function LinkInfoButton(_ref) {
     testId: "".concat(testId, "-button")
   }));
 };
-
 var _default = LinkInfoButton;
 exports.default = _default;

package/dist/cjs/view/EmbedModal/components/link-info/styled.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.titleCss = exports.iconCss = exports.containerStyles = exports.actionCss = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var containerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  gap: 8px;\n  justify-content: space-between;\n  // AK ModalBody has 2px padding top and bottom.\n  // Using 14px here to create 16px gap between\n  // link info and iframe\n  padding: 24px 24px 14px 24px;\n"])));
 exports.containerStyles = containerStyles;
 var iconSize = '24px';

package/dist/cjs/view/EmbedModal/index.js

@@ -1,80 +1,62 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-
 var _linkInfo = _interopRequireDefault(require("./components/link-info"));
-
 var _constants = require("./constants");
-
 var _embedContent = _interopRequireDefault(require("./components/embed-content"));
-
 var _types = require("./types");
-
 var _errorBoundary = _interopRequireDefault(require("./components/error-boundary"));
-
 var _analytics = _interopRequireDefault(require("./components/analytics"));
-
+var _tokens = require("@atlaskit/tokens");
 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; }
-
 var toSize = function toSize(width) {
   return width === _constants.MAX_MODAL_SIZE ? _types.EmbedModalSize.Large : _types.EmbedModalSize.Small;
 };
-
 var toWidth = function toWidth(size) {
   return size === _types.EmbedModalSize.Large ? _constants.MAX_MODAL_SIZE : _constants.MIN_MODAL_SIZE;
 };
-
 var EmbedModal = function EmbedModal(_ref) {
   var downloadUrl = _ref.download,
-      icon = _ref.icon,
-      iframeName = _ref.iframeName,
-      _ref$isTrusted = _ref.isTrusted,
-      isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
-      onClose = _ref.onClose,
-      onDownloadActionClick = _ref.onDownloadActionClick,
-      onOpen = _ref.onOpen,
-      onResize = _ref.onResize,
-      onViewActionClick = _ref.onViewActionClick,
-      providerName = _ref.providerName,
-      showModal = _ref.showModal,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _types.EmbedModalSize.Large : _ref$size,
-      src = _ref.src,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
-      title = _ref.title,
-      url = _ref.url;
+    icon = _ref.icon,
+    iframeName = _ref.iframeName,
+    _ref$isTrusted = _ref.isTrusted,
+    isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
+    onClose = _ref.onClose,
+    onDownloadActionClick = _ref.onDownloadActionClick,
+    onOpen = _ref.onOpen,
+    onResize = _ref.onResize,
+    onViewActionClick = _ref.onViewActionClick,
+    providerName = _ref.providerName,
+    showModal = _ref.showModal,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _types.EmbedModalSize.Large : _ref$size,
+    src = _ref.src,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
+    title = _ref.title,
+    url = _ref.url,
+    isSupportTheming = _ref.isSupportTheming;
   var defaultWidth = toWidth(size);
-
   var _useState = (0, _react.useState)(showModal),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var _useState3 = (0, _react.useState)(defaultWidth),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      width = _useState4[0],
-      setWidth = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    width = _useState4[0],
+    setWidth = _useState4[1];
   var openAt = (0, _react.useRef)();
   var handleOnOpenComplete = (0, _react.useCallback)(function () {
     openAt.current = Date.now();
-
     if (onOpen) {
       onOpen({
         size: size
@@ -96,13 +78,18 @@ var EmbedModal = function EmbedModal(_ref) {
   var handleOnResizeClick = (0, _react.useCallback)(function () {
     var newWidth = width === _constants.MIN_MODAL_SIZE ? _constants.MAX_MODAL_SIZE : _constants.MIN_MODAL_SIZE;
     setWidth(newWidth);
-
     if (onResize) {
       onResize({
         size: toSize(newWidth)
       });
     }
   }, [onResize, width]);
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  var previewUrl = src;
+  if (previewUrl && isSupportTheming && colorMode) {
+    previewUrl = "".concat(previewUrl).concat(previewUrl.includes('?') ? '&' : '?', "themeMode=").concat(colorMode);
+  }
   return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
     height: "100%",
     onClose: handleOnClose,
@@ -124,11 +111,9 @@ var EmbedModal = function EmbedModal(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_embedContent.default, {
     isTrusted: isTrusted,
     name: iframeName,
-    src: src,
+    src: previewUrl,
     testId: testId
   }))));
 };
-
 var _default = (0, _analytics.default)((0, _errorBoundary.default)(EmbedModal));
-
 exports.default = _default;

package/dist/cjs/view/EmbedModal/types.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.EmbedModalSize = void 0;
 var EmbedModalSize;
 exports.EmbedModalSize = EmbedModalSize;
-
 (function (EmbedModalSize) {
   EmbedModalSize["Large"] = "large";
   EmbedModalSize["Small"] = "small";

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

@@ -1,59 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _constants = require("../../../../../../constants");
-
 var _utils = require("../../../utils");
-
 var _templateObject, _templateObject2;
-
 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; }
-
 var getButtonStyle = function getButtonStyle(size, iconOnly) {
   switch (size) {
     case _constants.SmartLinkSize.Large:
       return iconOnly ? (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n            button,\n            button:hover,\n            button:focus,\n            button:active {\n              padding: 0;\n              > span {\n                margin: 0;\n              }\n            }\n          "]))) : '';
-
     case _constants.SmartLinkSize.Small:
       return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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 _constants.SmartLinkSize.XLarge:
     case _constants.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 = (0, _react.useCallback)(function (handler) {
     return function (e) {
@@ -77,6 +61,5 @@ var ActionButton = function ActionButton(_ref) {
     testId: testId
   }, content)));
 };
-
 var _default = ActionButton;
 exports.default = _default;

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

@@ -1,24 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dropdownMenu = require("@atlaskit/dropdown-menu");
-
 var _utils = require("../../../../../../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.default.createElement(_dropdownMenu.DropdownItem, {
     elemAfter: iconAfter,
     elemBefore: iconBefore,
@@ -26,6 +21,5 @@ var ActionDropdownItem = function ActionDropdownItem(_ref) {
     testId: testId
   }, content);
 };
-
 var _default = ActionDropdownItem;
 exports.default = _default;

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

@@ -1,52 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../../../../../constants");
-
 var _token = require("../../../../../../utils/token");
-
 var _utils = require("../../../utils");
-
 var _templateObject;
-
 var getIconWidth = function getIconWidth(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
     case _constants.SmartLinkSize.Large:
       return '1.5rem';
-
     case _constants.SmartLinkSize.Medium:
     case _constants.SmartLinkSize.Small:
     default:
       return '1rem';
   }
 };
-
 var getIconStyles = function getIconStyles(size) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  ", ";\n"])), _token.tokens.actionIcon, (0, _utils.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 (0, _react2.jsx)("span", {
     css: getIconStyles(size),
     "data-testid": "".concat(testId, "-icon")
   }, icon);
 };
-
 var _default = ActionIcon;
 exports.default = _default;

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

@@ -1,49 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../index"));
-
 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) { (0, _defineProperty2.default)(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; }
-
 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.default.createElement(_index.default, (0, _extends2.default)({}, action, {
       appearance: appearance,
       asDropDownItem: asDropDownItem,
@@ -53,11 +40,9 @@ var DownloadAction = function DownloadAction(props) {
     return null;
   }
 };
-
 function downloadFunction(_x) {
   return _downloadFunction.apply(this, arguments);
 }
-
 function _downloadFunction() {
   _downloadFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
     var url, isIE11, isSafari, iframeName, link, iframe;
@@ -66,21 +51,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';
@@ -88,14 +69,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();
@@ -105,6 +84,5 @@ function _downloadFunction() {
   }));
   return _downloadFunction.apply(this, arguments);
 }
-
 var _default = DownloadAction;
 exports.default = _default;