@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/cjs/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -1,40 +1,24 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../../../../../constants");
-
 var _block = _interopRequireDefault(require("../../block"));
-
 var _elements = require("../../../elements");
-
 var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId"];
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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; }
-
 /**
  * Due to its placement on the left/right and ignoreContainerPadding prop
  * rely on its parent container styling, css variables are declared in
@@ -55,33 +39,29 @@ var getPreviewBlockStyles = function getPreviewBlockStyles(placement, ignoreCont
     var containerPadding = ignoreContainerPadding ? '0rem' : 'var(--container-padding)';
     return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      position: absolute;\n      top: ", ";\n      bottom: ", ";\n      width: calc(var(--preview-block-width) - ", ");\n\n      ", "\n      ", "\n\n      [data-smart-element-media='image'] {\n        aspect-ratio: unset;\n        padding-top: unset;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n    "])), containerPadding, containerPadding, containerPadding, placement === _constants.MediaPlacement.Left ? "left: ".concat(containerPadding, ";") : '', placement === _constants.MediaPlacement.Right ? "right: ".concat(containerPadding, ";") : '');
   }
-
   if (ignoreContainerPadding) {
     return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      margin-left: calc(var(--container-gap-left) * -1);\n      margin-right: calc(var(--container-gap-right) * -1);\n      &:first-of-type {\n        margin-top: calc(var(--container-padding) * -1);\n      }\n      &:last-of-type {\n        margin-bottom: calc(var(--container-padding) * -1);\n      }\n    "])));
   }
 };
+
 /**
  * Represents a resolved PreviewBlock, which typically contains media or other large format content.
  * @public
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */
-
-
 var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
   var _ref$ignoreContainerP = _ref.ignoreContainerPadding,
-      ignoreContainerPadding = _ref$ignoreContainerP === void 0 ? false : _ref$ignoreContainerP,
-      onError = _ref.onError,
-      overrideCss = _ref.overrideCss,
-      placement = _ref.placement,
-      testId = _ref.testId,
-      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    ignoreContainerPadding = _ref$ignoreContainerP === void 0 ? false : _ref$ignoreContainerP,
+    onError = _ref.onError,
+    overrideCss = _ref.overrideCss,
+    placement = _ref.placement,
+    testId = _ref.testId,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(overrideCss),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      styles = _useState2[0],
-      setStyles = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    styles = _useState2[0],
+    setStyles = _useState2[1];
   var updateStyles = (0, _react.useCallback)(function () {
     setStyles((0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      ", "\n      ", "\n    "])), getPreviewBlockStyles(placement, ignoreContainerPadding), overrideCss));
   }, [ignoreContainerPadding, overrideCss, placement]);
@@ -104,6 +84,5 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     onLoad: handleOnLoad
   }));
 };
-
 var _default = PreviewBlockResolvedView;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/snippet-block/index.js

@@ -1,50 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _block = _interopRequireDefault(require("../block"));
-
 var _constants = require("../../../../../constants");
-
 var _elements = require("../../elements");
-
 var _utils = require("../../utils");
-
 var _excluded = ["maxLines", "status", "testId"];
 var DEFAULT_MAX_LINES = 3;
 var MAXIMUM_MAX_LINES = 3;
 var MINIMUM_MAX_LINES = 1;
+
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
  * @public
  * @param {SnippetBlock} SnippetBlock
  * @see Block
  */
-
 var SnippetBlock = function SnippetBlock(_ref) {
   var _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-snippet' : _ref$testId,
-      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-snippet' : _ref$testId,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (status !== _constants.SmartLinkStatus.Resolved) {
     return null;
   }
-
   var snippetMaxLines = (0, _utils.getMaxLines)(maxLines, DEFAULT_MAX_LINES, MAXIMUM_MAX_LINES, MINIMUM_MAX_LINES);
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
@@ -52,6 +41,5 @@ var SnippetBlock = function SnippetBlock(_ref) {
     maxLines: snippetMaxLines
   }));
 };
-
 var _default = SnippetBlock;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,46 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _react2 = require("@emotion/react");
-
 var _elements = require("../../../elements");
-
 var _block = _interopRequireDefault(require("../../block"));
-
 var _constants = require("../../../../../../constants");
-
 var _utils = require("../../../utils");
-
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-
 var _token = require("../../../../../../utils/token");
-
 var _excluded = ["actionGroup", "retry", "position", "testId", "title"];
-
 var _templateObject, _templateObject2;
-
 var actionStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  :hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n"])), _token.tokens.errorMessageHover);
-
 var getMessageStyles = function getMessageStyles(size, hasAction) {
   var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
   return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    flex: 1 1 auto;\n    justify-content: flex-end;\n    ", "\n    ", "\n    ", "\n    color: ", ";\n    :focus {\n      outline: ", " solid 2px;\n    }\n  "])), hasAction ? actionStyles : '', sizeStyles, (0, _utils.getTruncateStyles)(1, (0, _utils.getLinkLineHeight)(size)), _token.tokens.errorMessage, _token.tokens.focus);
 };
+
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -48,23 +32,19 @@ var getMessageStyles = function getMessageStyles(size, hasAction) {
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-
-
 var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   var actionGroup = _ref.actionGroup,
-      retry = _ref.retry,
-      position = _ref.position,
-      testId = _ref.testId,
-      title = _ref.title,
-      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    retry = _ref.retry,
+    position = _ref.position,
+    testId = _ref.testId,
+    title = _ref.title,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _ref2 = retry || {},
-      descriptor = _ref2.descriptor,
-      onClick = _ref2.onClick,
-      values = _ref2.values;
-
+    descriptor = _ref2.descriptor,
+    onClick = _ref2.onClick,
+    values = _ref2.values;
   var _blockProps$size = blockProps.size,
-      size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
+    size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
   var hasAction = onClick !== undefined;
   return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
@@ -83,6 +63,5 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     values: values
   })))), actionGroup);
 };
-
 var _default = TitleBlockErroredView;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/index.js

@@ -1,61 +1,39 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../../../../constants");
-
 var _resolved = _interopRequireDefault(require("./resolved"));
-
 var _errored = _interopRequireDefault(require("./errored"));
-
 var _resolving = _interopRequireDefault(require("./resolving"));
-
 var _actionGroup = _interopRequireDefault(require("../action-group"));
-
 var _elements = require("../../elements");
-
 var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry"];
-
 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 getActionStyles = function getActionStyles(showOnHover, isOpen) {
   if (showOnHover && !isOpen) {
     return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      .actions-button-group {\n        opacity: 0;\n      }\n\n      &:hover .actions-button-group,\n      .actions-button-group:focus-within {\n        opacity: 1;\n      }\n    "])));
   }
 };
-
 var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
   switch (status) {
     case _constants.SmartLinkStatus.Pending:
     case _constants.SmartLinkStatus.Resolving:
       return _resolving.default;
-
     case _constants.SmartLinkStatus.Resolved:
       return _resolved.default;
-
     case _constants.SmartLinkStatus.Unauthorized:
     case _constants.SmartLinkStatus.Forbidden:
     case _constants.SmartLinkStatus.NotFound:
@@ -65,6 +43,7 @@ var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
       return _errored.default;
   }
 };
+
 /**
  * Represents a TitleBlock, which is the foundation of Flexible UI.
  * This contains an icon, the link, and any associated metadata and actions in one block.
@@ -77,58 +56,49 @@ var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
  * @see TitleBlockResolvedView
  * @see TitleBlockErroredView
  */
-
-
 var TitleBlock = function TitleBlock(_ref) {
   var _ref$actions = _ref.actions,
-      actions = _ref$actions === void 0 ? [] : _ref$actions,
-      anchorTarget = _ref.anchorTarget,
-      hideTitleTooltip = _ref.hideTitleTooltip,
-      maxLines = _ref.maxLines,
-      onActionMenuOpenChange = _ref.onActionMenuOpenChange,
-      onClick = _ref.onClick,
-      overrideCss = _ref.overrideCss,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
-      showActionOnHover = _ref.showActionOnHover,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
-      text = _ref.text,
-      theme = _ref.theme,
-      hideRetry = _ref.hideRetry,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    actions = _ref$actions === void 0 ? [] : _ref$actions,
+    anchorTarget = _ref.anchorTarget,
+    hideTitleTooltip = _ref.hideTitleTooltip,
+    maxLines = _ref.maxLines,
+    onActionMenuOpenChange = _ref.onActionMenuOpenChange,
+    onClick = _ref.onClick,
+    overrideCss = _ref.overrideCss,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
+    showActionOnHover = _ref.showActionOnHover,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
+    text = _ref.text,
+    theme = _ref.theme,
+    hideRetry = _ref.hideRetry,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (hideRetry && props.retry) {
     delete props.retry;
   }
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      actionDropdownOpen = _useState2[0],
-      setActionDropdownOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    actionDropdownOpen = _useState2[0],
+    setActionDropdownOpen = _useState2[1];
   var onDropdownOpenChange = (0, _react.useCallback)(function (isOpen) {
     setActionDropdownOpen(isOpen);
-
     if (onActionMenuOpenChange) {
       onActionMenuOpenChange({
         isOpen: isOpen
       });
     }
   }, [onActionMenuOpenChange]);
-
   var actionGroup = actions.length > 0 && /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
     items: actions,
     visibleButtonsNum: showActionOnHover ? 1 : 2,
     onDropdownOpenChange: onDropdownOpenChange
   });
-
   var actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
   var combinedCss = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    ", " ", "\n  "])), actionStyles, overrideCss);
   var overrideText = !!text ? {
     text: text
   } : {};
-
   var title = /*#__PURE__*/_react.default.createElement(_elements.Title, (0, _extends2.default)({
     hideTooltip: hideTitleTooltip,
     maxLines: maxLines,
@@ -136,7 +106,6 @@ var TitleBlock = function TitleBlock(_ref) {
     target: anchorTarget,
     theme: theme
   }, overrideText));
-
   var Component = getTitleBlockViewComponent(status);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, {
     actionGroup: actionGroup,
@@ -145,6 +114,5 @@ var TitleBlock = function TitleBlock(_ref) {
     title: title
   }));
 };
-
 var _default = TitleBlock;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _elements = require("../../../elements");
-
 var _block = _interopRequireDefault(require("../../block"));
-
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-
 var _constants = require("../../../../../../constants");
-
 var _utils = require("../../utils");
-
 var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title"];
-
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.
@@ -32,15 +21,15 @@ var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "t
  */
 var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   var actionGroup = _ref.actionGroup,
-      _ref$metadata = _ref.metadata,
-      metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
-      position = _ref.position,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
-      testId = _ref.testId,
-      text = _ref.text,
-      title = _ref.title,
-      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    _ref$metadata = _ref.metadata,
+    metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
+    position = _ref.position,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
+    testId = _ref.testId,
+    text = _ref.text,
+    title = _ref.title,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var metadataElements = (0, _utils.renderElementItems)(metadata);
   var subtitleElements = (0, _utils.renderElementItems)(subtitle);
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
@@ -57,6 +46,5 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     align: _constants.SmartLinkAlignment.Right
   }, metadataElements), actionGroup);
 };
-
 var _default = TitleBlockResolvedView;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _block = _interopRequireDefault(require("../../block"));
-
 var _constants = require("../../../../../../constants");
-
 var _loadingSkeleton = _interopRequireDefault(require("../../../common/loading-skeleton"));
-
 var _utils = require("../../../utils");
-
 var _excluded = ["actionGroup", "testId", "title"];
-
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
  * for a request to finish.
@@ -33,11 +22,11 @@ var _excluded = ["actionGroup", "testId", "title"];
  */
 var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var actionGroup = _ref.actionGroup,
-      testId = _ref.testId,
-      title = _ref.title,
-      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    testId = _ref.testId,
+    title = _ref.title,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _blockProps$size = blockProps.size,
-      size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
+    size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
   var iconWidth = (0, _utils.getIconWidth)(size);
   var iconStyles = (0, _utils.getIconSizeStyles)(iconWidth);
   return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
@@ -49,6 +38,5 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
     testId: "".concat(testId, "-icon-loading")
   })), title, actionGroup);
 };
-
 var _default = TitleBlockResolvingView;
 exports.default = _default;