@atlaskit/smart-card 26.42.11 → 26.43.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.43.0
+
+### Minor Changes
+
+- [#58979](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58979) [`5fda0e961b2c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5fda0e961b2c) - [ux] Added a new prop isHovering and styles for the border around inline smart card when the prop is true
+
+## 26.42.12
+
+### Patch Changes
+
+- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
+
 ## 26.42.11
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.11"
+  packageVersion: "26.43.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/BlockCard/components/Action.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.spinnerDelay = exports.Action = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
+var _react = require("@emotion/react");
+var _react2 = require("react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _ActionIcon = require("./ActionIcon");
+/** @jsx jsx */
+
 var spinnerDelay = exports.spinnerDelay = 1000;
 var Action = exports.Action = function Action(_ref) {
   var promise = _ref.promise,
@@ -16,11 +19,11 @@ var Action = exports.Action = function Action(_ref) {
     _ref$buttonAppearance = _ref.buttonAppearance,
     buttonAppearance = _ref$buttonAppearance === void 0 ? 'default' : _ref$buttonAppearance,
     id = _ref.id;
-  var _useState = (0, _react.useState)('init'),
+  var _useState = (0, _react2.useState)('init'),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  return /*#__PURE__*/React.createElement(_customThemeButton.default, {
+  return (0, _react.jsx)(_customThemeButton.default, {
     spacing: "compact",
     appearance: buttonAppearance,
     isLoading: state === 'loading',
@@ -41,12 +44,12 @@ var Action = exports.Action = function Action(_ref) {
         });
       }
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (0, _react.jsx)("div", {
     css: {
       transition: 'opacity 0.3s',
       opacity: state !== 'init' ? 0 : 1
     }
-  }, text), /*#__PURE__*/React.createElement(_ActionIcon.ActionIcon, {
+  }, text), (0, _react.jsx)(_ActionIcon.ActionIcon, {
     state: state
   }));
 };

package/dist/cjs/view/BlockCard/components/ActionList.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ActionList = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("@emotion/react");
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
@@ -15,31 +16,32 @@ var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
 var _Action = require("./Action");
 var _utils = require("../../common/utils");
 var _excluded = ["triggerRef"];
+/** @jsx jsx */
 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 ActionList = exports.ActionList = function ActionList(_ref) {
   var items = _ref.items;
   var actionsToShow = items.slice(0, 2);
   var actionsToList = items.slice(2, items.length);
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)({
       display: 'flex',
       marginTop: [(0, _utils.gs)(2), 0]
     })
-  }, /*#__PURE__*/React.createElement(_buttonGroup.default, null, actionsToShow.map(function (action) {
-    return /*#__PURE__*/React.createElement(_Action.Action, (0, _extends2.default)({
+  }, (0, _react.jsx)(_buttonGroup.default, null, actionsToShow.map(function (action) {
+    return (0, _react.jsx)(_Action.Action, (0, _extends2.default)({
       key: action.id
     }, action));
-  })), actionsToList.length ? /*#__PURE__*/React.createElement("div", {
+  })), actionsToList.length ? (0, _react.jsx)("div", {
     css: {
       marginLeft: (0, _utils.gs)(0.5)
     }
-  }, /*#__PURE__*/React.createElement(_dropdownMenu.default, {
+  }, (0, _react.jsx)(_dropdownMenu.default, {
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,
         props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-      return /*#__PURE__*/React.createElement(_standardButton.default, (0, _extends2.default)({}, props, {
-        iconBefore: /*#__PURE__*/React.createElement(_more.default, {
+      return (0, _react.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
+        iconBefore: (0, _react.jsx)(_more.default, {
           label: "more"
         }),
         ref: triggerRef,
@@ -50,10 +52,10 @@ var ActionList = exports.ActionList = function ActionList(_ref) {
       }));
     },
     placement: "right-start"
-  }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItemGroup, {
+  }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, {
     testId: "dropdown-menu"
   }, actionsToList.map(function (actionToList) {
-    return /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
+    return (0, _react.jsx)(_dropdownMenu.DropdownItem, {
       key: actionToList.id
     }, actionToList.text);
   })))) : null);

package/dist/cjs/view/BlockCard/components/CollaboratorList.js

@@ -5,8 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CollaboratorList = void 0;
+var _react = require("@emotion/react");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _utils = require("../../common/utils");
+/** @jsx jsx */
+
 var CollaboratorList = exports.CollaboratorList = function CollaboratorList(_ref) {
   var items = _ref.items,
     _ref$handleAvatarClic = _ref.handleAvatarClick,
@@ -18,11 +21,11 @@ var CollaboratorList = exports.CollaboratorList = function CollaboratorList(_ref
   if (items.length === 0) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", {
+  return (0, _react.jsx)("span", {
     css: (0, _utils.mq)({
       display: ['none', 'inherit']
     })
-  }, /*#__PURE__*/React.createElement(_avatarGroup.default, {
+  }, (0, _react.jsx)(_avatarGroup.default, {
     maxCount: 4,
     appearance: "stack",
     size: "small",

package/dist/cjs/view/BlockCard/components/Content.js

@@ -4,13 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardContentClassName = exports.Content = void 0;
+var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
+/** @jsx jsx */
+
 var blockCardContentClassName = exports.blockCardContentClassName = 'block-card-content';
 var Content = exports.Content = function Content(_ref) {
   var children = _ref.children,
     _ref$isCompact = _ref.isCompact,
     isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)({
       padding: isCompact ? (0, _utils.gs)(1) : (0, _utils.gs)(2),
       display: 'flex',

package/dist/cjs/view/BlockCard/components/ContentFooter.js

@@ -4,13 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.contentFooterClassName = exports.ContentFooter = void 0;
+var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
+/** @jsx jsx */
+
 var contentFooterClassName = exports.contentFooterClassName = 'smart-link-content-footer';
 var ContentFooter = exports.ContentFooter = function ContentFooter(_ref) {
   var children = _ref.children,
     _ref$hasSpaceBetween = _ref.hasSpaceBetween,
     hasSpaceBetween = _ref$hasSpaceBetween === void 0 ? false : _ref$hasSpaceBetween;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)({
       display: 'flex',
       flexDirection: ['column', 'row'],

package/dist/cjs/view/BlockCard/components/ContentHeader.js

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardContentHeaderClassName = exports.ContentHeader = void 0;
+var _react = require("@emotion/react");
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
+/** @jsx jsx */
+
 var blockCardContentHeaderClassName = exports.blockCardContentHeaderClassName = 'block-card-content-header';
 var ContentHeader = exports.ContentHeader = function ContentHeader(_ref) {
   var onClick = _ref.onClick,
     link = _ref.link,
     children = _ref.children;
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  return /*#__PURE__*/React.createElement("a", {
+  return (0, _react.jsx)("a", {
     onClick: onClick,
     onMouseDown: onMouseDown,
     href: link,

package/dist/cjs/view/BlockCard/components/Emoji.js

@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Emoji = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _utils = require("../../common/utils");
+/** @jsx jsx */
+
 var Emoji = exports.Emoji = function Emoji(_ref) {
   var emoji = _ref.emoji;
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return (0, _react.jsx)("span", {
     css: {
       height: (0, _utils.gs)(2.5),
       width: (0, _utils.gs)(2),

package/dist/cjs/view/BlockCard/components/Frame.js

@@ -6,18 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Frame = exports.ExpandedFrame = exports.CompactFrame = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../common/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 var Frame = exports.Frame = function Frame() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     isSelected: false,
     isHoverable: false,
     isFluidHeight: false
   };
-  return props.compact ? /*#__PURE__*/_react.default.createElement(CompactFrame, props) : /*#__PURE__*/_react.default.createElement(ExpandedFrame, props);
+  return props.compact ? (0, _react.jsx)(CompactFrame, props) : (0, _react.jsx)(ExpandedFrame, props);
 };
 var sharedFrameStyles = {
   maxWidth: (0, _utils.gs)(95),
@@ -32,7 +33,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     testId = _ref.testId,
     className = _ref.className,
     isFluidHeight = _ref.isFluidHeight;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
@@ -58,7 +59,7 @@ var CompactFrame = exports.CompactFrame = function CompactFrame(_ref2) {
     testId = _ref2.testId,
     className = _ref2.className,
     inheritDimensions = _ref2.inheritDimensions;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")

package/dist/cjs/view/BlockCard/components/Link.js

@@ -4,13 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Link = void 0;
+var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
+/** @jsx jsx */
+
 var Link = exports.Link = function Link(_ref) {
   var url = _ref.url,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'block-card' : _ref$testId,
     className = _ref.className;
-  return /*#__PURE__*/React.createElement("span", {
+  return (0, _react.jsx)("span", {
     "data-testid": "".concat(testId, "-link"),
     className: className,
     css: {

package/dist/cjs/view/BlockCard/components/Name.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardContentHeaderNameClassName = exports.Name = void 0;
+var _react = require("@emotion/react");
 var _constants = require("@atlaskit/theme/constants");
 var _utils = require("../../common/utils");
+/** @jsx jsx */
+
 var blockCardContentHeaderNameClassName = exports.blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 var Name = exports.Name = function Name(_ref) {
   var name = _ref.name,
@@ -13,7 +16,7 @@ var Name = exports.Name = function Name(_ref) {
     isLeftPadded = _ref$isLeftPadded === void 0 ? true : _ref$isLeftPadded,
     testId = _ref.testId,
     textColor = _ref.textColor;
-  return /*#__PURE__*/React.createElement("span", {
+  return (0, _react.jsx)("span", {
     css: {
       fontSize: "".concat((0, _constants.fontSize)(), "px"),
       fontWeight: 500,

package/dist/cjs/view/BlockCard/components/Provider.js

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Provider = void 0;
+var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../common/utils");
+/** @jsx jsx */
+
 var Provider = exports.Provider = function Provider(_ref) {
   var name = _ref.name,
     icon = _ref.icon;
   var iconToRender = icon || null;
   if (typeof icon === 'string') {
-    iconToRender = /*#__PURE__*/React.createElement("img", {
+    iconToRender = (0, _react.jsx)("img", {
       className: "smart-link-icon",
       css: {
         height: (0, _utils.gs)(1.5),
@@ -20,14 +23,14 @@ var Provider = exports.Provider = function Provider(_ref) {
       src: icon
     });
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: {
       display: 'flex',
       alignItems: 'center',
       fontSize: (0, _utils.gs)(1.5),
       whiteSpace: 'normal'
     }
-  }, iconToRender, /*#__PURE__*/React.createElement("span", {
+  }, iconToRender, (0, _react.jsx)("span", {
     css: {
       color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
       margin: 0,

package/dist/cjs/view/BlockCard/components/Thumbnail.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ThumbnailWithBackground = exports.ThumbnailDefault = exports.Thumbnail = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 var Thumbnail = exports.Thumbnail = function Thumbnail(props) {
-  return props.color ? /*#__PURE__*/React.createElement(ThumbnailWithBackground, props) : /*#__PURE__*/React.createElement(ThumbnailDefault, props);
+  return props.color ? (0, _react.jsx)(ThumbnailWithBackground, props) : (0, _react.jsx)(ThumbnailDefault, props);
 };
 var sharedStyles = {
   // The dimensions of the image are set in this manner
@@ -21,7 +22,7 @@ var sharedStyles = {
 var ThumbnailDefault = exports.ThumbnailDefault = function ThumbnailDefault(_ref) {
   var src = _ref.src,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat',
@@ -36,7 +37,7 @@ var ThumbnailWithBackground = exports.ThumbnailWithBackground = function Thumbna
   var src = _ref2.src,
     color = _ref2.color,
     testId = _ref2.testId;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundColor: color,
       display: 'flex',
@@ -45,7 +46,7 @@ var ThumbnailWithBackground = exports.ThumbnailWithBackground = function Thumbna
     })),
     "data-testid": testId,
     "data-trello-do-not-use-override": testId
-  }, /*#__PURE__*/React.createElement("img", {
+  }, (0, _react.jsx)("img", {
     src: src,
     css: {
       height: '90px',

package/dist/cjs/view/BlockCard/components/UnresolvedText.js

@@ -4,10 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnresolvedText = void 0;
+var _react = require("@emotion/react");
+/** @jsx jsx */
+
 var UnresolvedText = exports.UnresolvedText = function UnresolvedText(_ref) {
   var icon = _ref.icon,
     text = _ref.text;
-  return /*#__PURE__*/React.createElement("span", {
+  return (0, _react.jsx)("span", {
     css: {
       display: 'flex',
       alignItems: 'center'

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

@@ -80,9 +80,12 @@ var _FlexibleNotFoundViewOld = _interopRequireDefault(require("./views/flexible/
 var _FlexibleForbiddenView = _interopRequireDefault(require("./views/flexible/FlexibleForbiddenView"));
 var _FlexibleForbiddenViewOld = _interopRequireDefault(require("./views/flexible/FlexibleForbiddenViewOld"));
 var _FlexibleErroredView = _interopRequireDefault(require("./views/flexible/FlexibleErroredView"));
+var _react = require("@emotion/react");
 var _handlers = require("./utils/handlers");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _PreviewAction = _interopRequireDefault(require("./actions/PreviewAction"));
+/** @jsx jsx */
+
 var BlockCard = exports.BlockCard = function BlockCard(_ref) {
   var _details$meta, _forbiddenViewProps$c;
   var id = _ref.id,
@@ -132,25 +135,25 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
     switch (status) {
       case 'pending':
       case 'resolving':
-        return /*#__PURE__*/React.createElement(_FlexibleResolvedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return (0, _react.jsx)(_FlexibleResolvedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           testId: 'smart-block-resolving-view'
         }));
       case 'resolved':
-        return /*#__PURE__*/React.createElement(_FlexibleResolvedView.default, flexibleBlockCardProps);
+        return (0, _react.jsx)(_FlexibleResolvedView.default, flexibleBlockCardProps);
       case 'unauthorized':
-        return /*#__PURE__*/React.createElement(_FlexibleUnauthorisedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return (0, _react.jsx)(_FlexibleUnauthorisedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'forbidden':
-        return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? /*#__PURE__*/React.createElement(_FlexibleForbiddenView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? (0, _react.jsx)(_FlexibleForbiddenView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
-        })) : /*#__PURE__*/React.createElement(_FlexibleForbiddenViewOld.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        })) : (0, _react.jsx)(_FlexibleForbiddenViewOld.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'not_found':
-        return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? /*#__PURE__*/React.createElement(_FlexibleNotFoundView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? (0, _react.jsx)(_FlexibleNotFoundView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
-        })) : /*#__PURE__*/React.createElement(_FlexibleNotFoundViewOld.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        })) : (0, _react.jsx)(_FlexibleNotFoundViewOld.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'fallback':
@@ -163,14 +166,14 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
           });
         }
         if (authFlow && authFlow === 'disabled') {
-          return /*#__PURE__*/React.createElement(_LinkView.CardLinkView, {
+          return (0, _react.jsx)(_LinkView.CardLinkView, {
             link: url,
             isSelected: isSelected,
             onClick: handleFrameClick,
             testId: "".concat(testId, "-").concat(status)
           });
         }
-        return /*#__PURE__*/React.createElement(_FlexibleErroredView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return (0, _react.jsx)(_FlexibleErroredView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
     }
@@ -178,7 +181,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/React.createElement(_ResolvingView.ResolvingView, {
+      return (0, _react.jsx)(_ResolvingView.ResolvingView, {
         testId: testId,
         isSelected: isSelected
       });
@@ -190,7 +193,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
           url: url
         });
       }
-      return /*#__PURE__*/React.createElement(_ResolvedView.ResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
+      return (0, _react.jsx)(_ResolvedView.ResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
@@ -204,7 +207,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
         });
       }
       var unauthorizedViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
-      return /*#__PURE__*/React.createElement(_UnauthorizedView.UnauthorizedView, (0, _extends2.default)({}, unauthorizedViewProps, {
+      return (0, _react.jsx)(_UnauthorizedView.UnauthorizedView, (0, _extends2.default)({}, unauthorizedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
@@ -225,7 +228,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
         url: url,
         context: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
       });
-      return /*#__PURE__*/React.createElement(_ForbiddenView.ForbiddenView, (0, _extends2.default)({}, forbiddenViewProps, {
+      return (0, _react.jsx)(_ForbiddenView.ForbiddenView, (0, _extends2.default)({}, forbiddenViewProps, {
         isSelected: isSelected,
         showActions: showActions,
         actions: handleAuthorize ? [(0, _ForbiddenAction.ForbiddenAction)(handleAuthorize)] : [],
@@ -240,7 +243,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
         });
       }
       var notFoundViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
-      return /*#__PURE__*/React.createElement(_NotFoundView.NotFoundView, (0, _extends2.default)({}, notFoundViewProps, {
+      return (0, _react.jsx)(_NotFoundView.NotFoundView, (0, _extends2.default)({}, notFoundViewProps, {
         isSelected: isSelected,
         testId: testId,
         onClick: handleFrameClick
@@ -255,14 +258,14 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
         });
       }
       if (authFlow && authFlow === 'disabled') {
-        return /*#__PURE__*/React.createElement(_LinkView.CardLinkView, {
+        return (0, _react.jsx)(_LinkView.CardLinkView, {
           link: url,
           isSelected: isSelected,
           onClick: handleFrameClick,
           testId: "".concat(testId, "-").concat(status)
         });
       }
-      return /*#__PURE__*/React.createElement(_ErroredView.ErroredView, {
+      return (0, _react.jsx)(_ErroredView.ErroredView, {
         link: url,
         isSelected: isSelected,
         onRetry: handleErrorRetry,

package/dist/cjs/view/BlockCard/views/ErroredView.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockCardErroredViewClassName = exports.ErroredView = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _react = require("react");
+var _react2 = require("react");
 var _colors = require("@atlaskit/theme/colors");
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
 var _Frame = require("../components/Frame");
@@ -22,7 +23,7 @@ var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 var _RetryAction = require("../actions/RetryAction");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 var textDescriptionProps = _objectSpread({}, _messages.messages.could_not_load_link);
 var blockCardErroredViewClassName = exports.blockCardErroredViewClassName = 'block-card-errored-view';
 var ErroredView = exports.ErroredView = function ErroredView(_ref) {
@@ -40,32 +41,32 @@ var ErroredView = exports.ErroredView = function ErroredView(_ref) {
   var handleClick = function handleClick(event) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
-  var actions = (0, _react.useMemo)(function () {
+  var actions = (0, _react2.useMemo)(function () {
     return onRetry ? [(0, _RetryAction.RetryAction)(onRetry)] : [];
   }, [onRetry]);
-  return /*#__PURE__*/React.createElement(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardErroredViewClassName,
     isFluidHeight: true,
     inheritDimensions: inheritDimensions
-  }, /*#__PURE__*/React.createElement(_Content.Content, {
+  }, (0, _react.jsx)(_Content.Content, {
     isCompact: true
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ContentHeader.ContentHeader, {
+  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, /*#__PURE__*/React.createElement(_Link.Link, {
+  }, (0, _react.jsx)(_Link.Link, {
     url: link,
     testId: testId
-  })), /*#__PURE__*/React.createElement(_Byline.Byline, null, /*#__PURE__*/React.createElement(_UnresolvedText.UnresolvedText, {
-    icon: /*#__PURE__*/React.createElement(_warning.default, {
+  })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
+    icon: (0, _react.jsx)(_warning.default, {
       label: "errored-warning-icon",
       size: "small",
       primaryColor: "var(--ds-icon-warning, ".concat(_colors.R300, ")"),
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, textDescriptionProps)
-  }))), /*#__PURE__*/React.createElement(_ContentFooter.ContentFooter, null, /*#__PURE__*/React.createElement(_ActionList.ActionList, {
+    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
+  }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_ActionList.ActionList, {
     items: actions
   }))));
 };