@atlaskit/smart-card 22.2.0 → 22.3.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 22.3.0
+
+### Minor Changes
+
+- [`b31cdf70f6e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b31cdf70f6e) - Updates `@emotion/core` v10 to `@emotion/react` v11. There is no expected behaviour change.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 22.2.1
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+- Updated dependencies
+
 ## 22.2.0
 
 ### Minor Changes

package/client/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/client/index.js",
   "module:es2019": "../dist/es2019/client/index.js",
   "sideEffects": false,
-  "types": "../dist/types/client/index.d.ts"
+  "types": "../dist/types/client/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/client/index.d.ts"
+      ]
+    }
+  }
 }

package/dist/cjs/state/helpers.js

@@ -93,7 +93,8 @@ exports.isAccessible = isAccessible;
 var isVisible = function isVisible(_ref2) {
   var visibility = _ref2.meta.visibility;
   return visibility === 'restricted' || visibility === 'public';
-};
+}; // Be aware, this is a copy of a function in link-provider/src/helpers
+
 
 exports.isVisible = isVisible;
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "22.2.0",
+	"version": "22.3.0",
 	"sideEffects": false
 }

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

@@ -9,9 +9,9 @@ exports.spinnerDelay = exports.Action = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = require("react");
+var _react2 = require("react");
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
@@ -28,12 +28,12 @@ var Action = function Action(_ref) {
       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 (0, _core.jsx)(_customThemeButton.default, {
+  return (0, _react.jsx)(_customThemeButton.default, {
     spacing: "compact",
     appearance: buttonAppearance,
     isLoading: state === 'loading',
@@ -57,12 +57,12 @@ var Action = function Action(_ref) {
         });
       }
     }
-  }, (0, _core.jsx)("div", {
+  }, (0, _react.jsx)("div", {
     css: {
       transition: 'opacity 0.3s',
       opacity: state !== 'init' ? 0 : 1
     }
-  }, text), (0, _core.jsx)(_ActionIcon.ActionIcon, {
+  }, text), (0, _react.jsx)(_ActionIcon.ActionIcon, {
     state: state
   }));
 };

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

@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 
@@ -37,25 +37,25 @@ var ActionList = function ActionList(_ref) {
   var items = _ref.items;
   var actionsToShow = items.slice(0, 2);
   var actionsToList = items.slice(2, items.length);
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)({
       display: 'flex',
       marginTop: [(0, _utils.gs)(2), 0]
     })
-  }, (0, _core.jsx)(_buttonGroup.default, null, actionsToShow.map(function (action) {
-    return (0, _core.jsx)(_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 ? (0, _core.jsx)("div", {
+  })), actionsToList.length ? (0, _react.jsx)("div", {
     css: {
       marginLeft: (0, _utils.gs)(0.5)
     }
-  }, (0, _core.jsx)(_dropdownMenu.default, {
+  }, (0, _react.jsx)(_dropdownMenu.default, {
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,
           props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-      return (0, _core.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
-        iconBefore: (0, _core.jsx)(_more.default, {
+      return (0, _react.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
+        iconBefore: (0, _react.jsx)(_more.default, {
           label: "more"
         }),
         ref: triggerRef,
@@ -66,10 +66,10 @@ var ActionList = function ActionList(_ref) {
       }));
     },
     placement: "right-start"
-  }, (0, _core.jsx)(_dropdownMenu.DropdownItemGroup, {
+  }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, {
     testId: "dropdown-menu"
   }, actionsToList.map(function (actionToList) {
-    return (0, _core.jsx)(_dropdownMenu.DropdownItem, {
+    return (0, _react.jsx)(_dropdownMenu.DropdownItem, {
       key: actionToList.id
     }, actionToList.text);
   })))) : null);

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CollaboratorList = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 
@@ -27,11 +27,11 @@ var CollaboratorList = function CollaboratorList(_ref) {
     return null;
   }
 
-  return (0, _core.jsx)("span", {
+  return (0, _react.jsx)("span", {
     css: (0, _utils.mq)({
       display: ['none', 'inherit']
     })
-  }, (0, _core.jsx)(_avatarGroup.default, {
+  }, (0, _react.jsx)(_avatarGroup.default, {
     maxCount: 4,
     appearance: "stack",
     size: "small",

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockCardContentClassName = exports.Content = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _utils = require("../../common/utils");
 
@@ -17,7 +17,7 @@ var Content = function Content(_ref) {
   var children = _ref.children,
       _ref$isCompact = _ref.isCompact,
       isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
-  return (0, _core.jsx)("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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.contentFooterClassName = exports.ContentFooter = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _utils = require("../../common/utils");
 
@@ -17,7 +17,7 @@ var ContentFooter = function ContentFooter(_ref) {
   var children = _ref.children,
       _ref$hasSpaceBetween = _ref.hasSpaceBetween,
       hasSpaceBetween = _ref$hasSpaceBetween === void 0 ? false : _ref$hasSpaceBetween;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)({
       display: 'flex',
       flexDirection: ['column', 'row'],

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockCardContentHeaderClassName = exports.ContentHeader = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 /** @jsx jsx */
 var blockCardContentHeaderClassName = 'block-card-content-header';
@@ -15,7 +15,7 @@ var ContentHeader = function ContentHeader(_ref) {
   var onClick = _ref.onClick,
       link = _ref.link,
       children = _ref.children;
-  return (0, _core.jsx)("a", {
+  return (0, _react.jsx)("a", {
     onClick: onClick,
     href: link,
     target: "_blank",

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

@@ -7,16 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Emoji = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _utils = require("../../common/utils");
 
 /** @jsx jsx */
 var Emoji = function Emoji(_ref) {
   var emoji = _ref.emoji;
-  return (0, _core.jsx)("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

@@ -9,9 +9,9 @@ exports.Frame = exports.ExpandedFrame = exports.CompactFrame = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -29,7 +29,7 @@ var Frame = function Frame() {
     isHoverable: false,
     isFluidHeight: false
   };
-  return props.compact ? (0, _core.jsx)(CompactFrame, props) : (0, _core.jsx)(ExpandedFrame, props);
+  return props.compact ? (0, _react.jsx)(CompactFrame, props) : (0, _react.jsx)(ExpandedFrame, props);
 };
 
 exports.Frame = Frame;
@@ -47,7 +47,7 @@ var ExpandedFrame = function ExpandedFrame(_ref) {
       testId = _ref.testId,
       className = _ref.className,
       isFluidHeight = _ref.isFluidHeight;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
@@ -76,7 +76,7 @@ var CompactFrame = function CompactFrame(_ref2) {
       testId = _ref2.testId,
       className = _ref2.className,
       inheritDimensions = _ref2.inheritDimensions;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         backgroundColor: (0, _tokens.token)('color.background.neutral.hovered', _colors.N30A)

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Link = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -17,7 +17,7 @@ var Link = function Link(_ref) {
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'block-card' : _ref$testId,
       className = _ref.className;
-  return (0, _core.jsx)("span", {
+  return (0, _react.jsx)("span", {
     "data-testid": "".concat(testId, "-link"),
     className: className,
     css: {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockCardContentHeaderNameClassName = exports.Name = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
@@ -21,7 +21,7 @@ var Name = function Name(_ref) {
       isLeftPadded = _ref$isLeftPadded === void 0 ? true : _ref$isLeftPadded,
       testId = _ref.testId,
       textColor = _ref.textColor;
-  return (0, _core.jsx)("span", {
+  return (0, _react.jsx)("span", {
     css: {
       fontSize: "".concat((0, _constants.fontSize)(), "px"),
       fontWeight: 500,

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Provider = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -20,7 +20,7 @@ var Provider = function Provider(_ref) {
   var iconToRender = icon || null;
 
   if (typeof icon === 'string') {
-    iconToRender = (0, _core.jsx)("img", {
+    iconToRender = (0, _react.jsx)("img", {
       className: "smart-link-icon",
       css: {
         height: (0, _utils.gs)(1.5),
@@ -30,14 +30,14 @@ var Provider = function Provider(_ref) {
     });
   }
 
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: {
       display: 'flex',
       alignItems: 'center',
       fontSize: (0, _utils.gs)(1.5),
       whiteSpace: 'normal'
     }
-  }, iconToRender, (0, _core.jsx)("span", {
+  }, iconToRender, (0, _react.jsx)("span", {
     css: {
       color: (0, _tokens.token)('color.text.subtlest', _colors.N300),
       margin: 0,

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

@@ -9,7 +9,7 @@ exports.ThumbnailWithBackground = exports.ThumbnailDefault = exports.Thumbnail =
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _utils = require("../../common/utils");
 
@@ -18,7 +18,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 Thumbnail = function Thumbnail(props) {
-  return props.color ? (0, _core.jsx)(ThumbnailWithBackground, props) : (0, _core.jsx)(ThumbnailDefault, props);
+  return props.color ? (0, _react.jsx)(ThumbnailWithBackground, props) : (0, _react.jsx)(ThumbnailDefault, props);
 };
 
 exports.Thumbnail = Thumbnail;
@@ -32,7 +32,7 @@ var sharedStyles = {
 var ThumbnailDefault = function ThumbnailDefault(_ref) {
   var src = _ref.src,
       testId = _ref.testId;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat',
@@ -50,7 +50,7 @@ var ThumbnailWithBackground = function ThumbnailWithBackground(_ref2) {
   var src = _ref2.src,
       color = _ref2.color,
       testId = _ref2.testId;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundColor: color,
       display: 'flex',
@@ -59,7 +59,7 @@ var ThumbnailWithBackground = function ThumbnailWithBackground(_ref2) {
     })),
     "data-testid": testId,
     "data-trello-do-not-use-override": testId
-  }, (0, _core.jsx)("img", {
+  }, (0, _react.jsx)("img", {
     src: src,
     css: {
       height: '90px',

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UnresolvedText = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 /** @jsx jsx */
 var UnresolvedText = function UnresolvedText(_ref) {
   var icon = _ref.icon,
       text = _ref.text;
-  return (0, _core.jsx)("span", {
+  return (0, _react.jsx)("span", {
     css: {
       display: 'flex',
       alignItems: 'center'

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

@@ -9,11 +9,11 @@ exports.blockCardErroredViewClassName = exports.ErroredView = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+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");
 
@@ -69,32 +69,32 @@ var ErroredView = function ErroredView(_ref) {
     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 (0, _core.jsx)(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardErroredViewClassName,
     isFluidHeight: true,
     inheritDimensions: inheritDimensions
-  }, (0, _core.jsx)(_Content.Content, {
+  }, (0, _react.jsx)(_Content.Content, {
     isCompact: true
-  }, (0, _core.jsx)("div", null, (0, _core.jsx)(_ContentHeader.ContentHeader, {
+  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, (0, _core.jsx)(_Link.Link, {
+  }, (0, _react.jsx)(_Link.Link, {
     url: link,
     testId: testId
-  })), (0, _core.jsx)(_Byline.Byline, null, (0, _core.jsx)(_UnresolvedText.UnresolvedText, {
-    icon: (0, _core.jsx)(_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: (0, _tokens.token)('color.icon.warning', _colors.R300),
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
-  }))), (0, _core.jsx)(_ContentFooter.ContentFooter, null, (0, _core.jsx)(_ActionList.ActionList, {
+    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
+  }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_ActionList.ActionList, {
     items: actions
   }))));
 };

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

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _reactIntlNext = require("react-intl-next");
 
@@ -77,36 +77,36 @@ var ForbiddenView = function ForbiddenView(_ref) {
       _requestAccessContext = requestAccessContext.descriptiveMessageKey,
       descriptiveMessageKey = _requestAccessContext === void 0 ? 'invalid_permissions_description' : _requestAccessContext;
   var items = action ? [].concat((0, _toConsumableArray2.default)(actions), [action]) : actions;
-  return (0, _core.jsx)(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardForbiddenViewClassName,
     isFluidHeight: true
-  }, (0, _core.jsx)(_Content.Content, {
+  }, (0, _react.jsx)(_Content.Content, {
     isCompact: true
-  }, (0, _core.jsx)("div", null, (0, _core.jsx)(_ContentHeader.ContentHeader, {
+  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, (0, _core.jsx)(_Link.Link, {
+  }, (0, _react.jsx)(_Link.Link, {
     url: link,
     testId: testId,
     className: blockCardForbiddenViewLinkClassName
-  })), (0, _core.jsx)(_Byline.Byline, null, (0, _core.jsx)(_UnresolvedText.UnresolvedText, {
-    icon: (0, _core.jsx)(_lockFilled.default, {
+  })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
+    icon: (0, _react.jsx)(_lockFilled.default, {
       label: "forbidden-lock-icon",
       size: "small",
       primaryColor: (0, _tokens.token)('color.icon.danger', _colors.R300),
       testId: "".concat(testId, "-lock-icon")
     }),
-    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
+    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
       values: {
         context: context.text
       }
     }))
-  }))), (0, _core.jsx)(_ContentFooter.ContentFooter, null, (0, _core.jsx)(_Provider.Provider, {
+  }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_Provider.Provider, {
     name: context.text,
     icon: context.icon
-  }), showActions && (0, _core.jsx)(_ActionList.ActionList, {
+  }), showActions && (0, _react.jsx)(_ActionList.ActionList, {
     items: items
   }))));
 };

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

@@ -9,9 +9,9 @@ exports.blockCardNotFoundViewClassName = exports.NotFoundView = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
@@ -68,28 +68,28 @@ var NotFoundView = function NotFoundView(_ref) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
 
-  return (0, _core.jsx)(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardNotFoundViewClassName,
     isFluidHeight: true
-  }, (0, _core.jsx)(_Content.Content, {
+  }, (0, _react.jsx)(_Content.Content, {
     isCompact: true
-  }, (0, _core.jsx)("div", null, (0, _core.jsx)(_ContentHeader.ContentHeader, {
+  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, (0, _core.jsx)(_Link.Link, {
+  }, (0, _react.jsx)(_Link.Link, {
     url: link,
     testId: testId
-  })), (0, _core.jsx)(_Byline.Byline, null, (0, _core.jsx)(_UnresolvedText.UnresolvedText, {
-    icon: (0, _core.jsx)(_warning.default, {
+  })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
+    icon: (0, _react.jsx)(_warning.default, {
       label: "not-found-warning-icon",
       size: "small",
       primaryColor: (0, _tokens.token)('color.icon.warning', _colors.R300),
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
-  }))), (0, _core.jsx)(_ContentFooter.ContentFooter, null, (0, _core.jsx)(_Provider.Provider, {
+    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
+  }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_Provider.Provider, {
     name: context.text,
     icon: context.icon
   }))));