@atlaskit/smart-card 16.2.1 → 17.1.0

package/dist/cjs/view/InlineCard/ResolvingView/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCardResolvingView = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Frame = require("../Frame");
+
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+
+var _IconAndTitleLayout = require("../IconAndTitleLayout");
+
+var _styled = require("./styled");
+
+var _styled2 = require("../IconAndTitleLayout/styled");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(InlineCardResolvingView, _React$Component);
+
+  var _super = _createSuper(InlineCardResolvingView);
+
+  function InlineCardResolvingView() {
+    (0, _classCallCheck2.default)(this, InlineCardResolvingView);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(InlineCardResolvingView, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          url = _this$props.url,
+          onClick = _this$props.onClick,
+          isSelected = _this$props.isSelected,
+          inlinePreloaderStyle = _this$props.inlinePreloaderStyle,
+          _this$props$testId = _this$props.testId,
+          testId = _this$props$testId === void 0 ? 'inline-card-resolving-view' : _this$props$testId,
+          titleTextColor = _this$props.titleTextColor,
+          withoutHover = _this$props.withoutHover;
+
+      if (inlinePreloaderStyle === 'on-right-without-skeleton') {
+        return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+          withoutBackground: true,
+          withoutHover: withoutHover,
+          testId: testId,
+          onClick: onClick,
+          isSelected: isSelected
+        }, /*#__PURE__*/_react.default.createElement(_styled2.IconTitleWrapper, null, url, /*#__PURE__*/_react.default.createElement(_styled2.RightIconPositionWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.SpinnerWrapper, {
+          className: "inline-resolving-spinner"
+        }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+          size: 14
+        })))));
+      } else {
+        return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+          testId: testId,
+          onClick: onClick,
+          isSelected: isSelected,
+          withoutHover: withoutHover
+        }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+          title: url,
+          titleTextColor: titleTextColor
+        }, /*#__PURE__*/_react.default.createElement(_styled.SpinnerWrapper, {
+          className: "inline-resolving-spinner"
+        }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+          size: 14
+        }))));
+      }
+    }
+  }]);
+  return InlineCardResolvingView;
+}(_react.default.Component);
+
+exports.InlineCardResolvingView = InlineCardResolvingView;

package/dist/cjs/view/InlineCard/ResolvingView/styled.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpinnerWrapper = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _styled2 = require("../IconAndTitleLayout/styled");
+
+var _templateObject;
+
+var SpinnerWrapper = (0, _styled.default)(_styled2.IconTitleWrapper)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  vertical-align: text-top;\n  margin-left: 2px;\n"])));
+exports.SpinnerWrapper = SpinnerWrapper;

package/dist/cjs/view/InlineCard/UnauthorisedView/index.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCardUnauthorizedView = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+
+var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+var _Frame = require("../Frame");
+
+var _Icon = require("../Icon");
+
+var _IconAndTitleLayout = require("../IconAndTitleLayout");
+
+var _styled = require("../styled");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var FallbackUnauthorizedIcon = /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
+  label: "error",
+  size: "small",
+  primaryColor: _colors.R400
+}));
+
+var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(InlineCardUnauthorizedView, _React$Component);
+
+  var _super = _createSuper(InlineCardUnauthorizedView);
+
+  function InlineCardUnauthorizedView() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, InlineCardUnauthorizedView);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleConnectAccount", function (event) {
+      var onAuthorise = _this.props.onAuthorise;
+      event.preventDefault();
+      event.stopPropagation();
+      return onAuthorise();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMessage", function () {
+      var _this$props = _this.props,
+          onAuthorise = _this$props.onAuthorise,
+          url = _this$props.url;
+
+      var link = /*#__PURE__*/_react.default.createElement(_styled.LinkAppearance, null, url);
+
+      return !onAuthorise ? link : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link, ' - ', /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+        spacing: "none",
+        appearance: "subtle-link",
+        component: _styled.IconStyledButton,
+        onClick: _this.handleConnectAccount,
+        testId: "button-connect-account"
+      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_link_account)));
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(InlineCardUnauthorizedView, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          url = _this$props2.url,
+          icon = _this$props2.icon,
+          onClick = _this$props2.onClick,
+          isSelected = _this$props2.isSelected,
+          _this$props2$testId = _this$props2.testId,
+          testId = _this$props2$testId === void 0 ? 'inline-card-unauthorized-view' : _this$props2$testId;
+      return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+        testId: testId,
+        link: url,
+        onClick: onClick,
+        isSelected: isSelected
+      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+        icon: icon ? icon : FallbackUnauthorizedIcon,
+        title: this.renderMessage(),
+        titleColor: _colors.N500
+      }));
+    }
+  }]);
+  return InlineCardUnauthorizedView;
+}(_react.default.Component);
+
+exports.InlineCardUnauthorizedView = InlineCardUnauthorizedView;

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

@@ -6,19 +6,59 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineCard = void 0;
+Object.defineProperty(exports, "InlineCardErroredView", {
+  enumerable: true,
+  get: function get() {
+    return _ErroredView.InlineCardErroredView;
+  }
+});
+Object.defineProperty(exports, "InlineCardForbiddenView", {
+  enumerable: true,
+  get: function get() {
+    return _ForbiddenView.InlineCardForbiddenView;
+  }
+});
+Object.defineProperty(exports, "InlineCardResolvedView", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvedView.InlineCardResolvedView;
+  }
+});
+Object.defineProperty(exports, "InlineCardResolvingView", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvingView.InlineCardResolvingView;
+  }
+});
+Object.defineProperty(exports, "InlineCardUnauthorizedView", {
+  enumerable: true,
+  get: function get() {
+    return _UnauthorisedView.InlineCardUnauthorizedView;
+  }
+});
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _mediaUi = require("@atlaskit/media-ui");
-
 var _jsonld = require("../../utils/jsonld");
 
 var _inline = require("../../extractors/inline");
 
 var _context = require("../../extractors/common/context");
 
+var _LinkView = require("../LinkView");
+
+var _ErroredView = require("./ErroredView");
+
+var _ForbiddenView = require("./ForbiddenView");
+
+var _ResolvedView = require("./ResolvedView");
+
+var _ResolvingView = require("./ResolvingView");
+
+var _UnauthorisedView = require("./UnauthorisedView");
+
 var InlineCard = function InlineCard(_ref) {
   var _details$meta;
 
@@ -39,7 +79,7 @@ var InlineCard = function InlineCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardResolvingView, {
+      return /*#__PURE__*/_react.default.createElement(_ResolvingView.InlineCardResolvingView, {
         url: url,
         isSelected: isSelected,
         onClick: handleFrameClick,
@@ -57,7 +97,7 @@ var InlineCard = function InlineCard(_ref) {
         });
       }
 
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardResolvedView, (0, _extends2.default)({}, resolvedProps, {
+      return /*#__PURE__*/_react.default.createElement(_ResolvedView.InlineCardResolvedView, (0, _extends2.default)({}, resolvedProps, {
         link: url,
         isSelected: isSelected,
         onClick: handleFrameClick,
@@ -66,7 +106,7 @@ var InlineCard = function InlineCard(_ref) {
 
     case 'unauthorized':
       var provider = (0, _context.extractProvider)(cardDetails);
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardUnauthorizedView, {
+      return /*#__PURE__*/_react.default.createElement(_UnauthorisedView.InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
         url: url,
         isSelected: isSelected,
@@ -83,7 +123,7 @@ var InlineCard = function InlineCard(_ref) {
         url: url,
         context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text
       });
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardForbiddenView, {
+      return /*#__PURE__*/_react.default.createElement(_ForbiddenView.InlineCardForbiddenView, {
         url: url,
         icon: providerForbidden && providerForbidden.icon,
         context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text,
@@ -96,7 +136,7 @@ var InlineCard = function InlineCard(_ref) {
 
     case 'not_found':
       var providerNotFound = (0, _context.extractProvider)(cardDetails);
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardErroredView, {
+      return /*#__PURE__*/_react.default.createElement(_ErroredView.InlineCardErroredView, {
         url: url,
         icon: providerNotFound && providerNotFound.icon,
         isSelected: isSelected,
@@ -107,7 +147,7 @@ var InlineCard = function InlineCard(_ref) {
 
     case 'fallback':
     case 'errored':
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.CardLinkView, {
+      return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, {
         link: url,
         isSelected: isSelected,
         onClick: handleFrameClick,

package/dist/cjs/view/InlineCard/styled.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoLinkAppearance = exports.LowercaseAppearance = exports.LinkAppearance = exports.IconStyledButton = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _components = require("@atlaskit/theme/components");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var LINK_COLOR_DARK = '#4794FF'; // By default buttons will hide overflow and ellipsis content instead of wrapping.
+// This basically turns the button back into inline content
+
+var IconStyledButton = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-align: initial !important;\n  display: inline !important;\n\n  &:hover {\n    /* Remove the text-decoration to match other inline card hover states*/\n    text-decoration: none !important;\n  }\n\n  > span {\n    display: inline;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])));
+
+exports.IconStyledButton = IconStyledButton;
+
+var NoLinkAppearance = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), (0, _components.themed)({
+  light: _colors.N200,
+  dark: LINK_COLOR_DARK
+}));
+
+exports.NoLinkAppearance = NoLinkAppearance;
+
+var LowercaseAppearance = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  text-transform: lowercase;\n"])));
+
+exports.LowercaseAppearance = LowercaseAppearance;
+
+var LinkAppearance = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), (0, _components.themed)({
+  light: _colors.B400,
+  dark: LINK_COLOR_DARK
+}));
+
+exports.LinkAppearance = LinkAppearance;

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardLinkView = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Frame = require("../InlineCard/Frame");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var CardLinkView = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(CardLinkView, _React$PureComponent);
+
+  var _super = _createSuper(CardLinkView);
+
+  function CardLinkView() {
+    (0, _classCallCheck2.default)(this, CardLinkView);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(CardLinkView, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_Frame.Frame, (0, _extends2.default)({
+        withoutBackground: true
+      }, this.props), this.props.link);
+    }
+  }]);
+  return CardLinkView;
+}(_react.default.PureComponent);
+
+exports.CardLinkView = CardLinkView;

package/dist/cjs/view/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/es2019/classNames.js

@@ -0,0 +1,11 @@
+export { contentFooterClassName } from './view/BlockCard/components/ContentFooter';
+export { metadataListClassName } from './view/BlockCard/components/MetadataList';
+export { blockCardResolvingViewClassName } from './view/BlockCard/views/ResolvingView';
+export { blockCardResolvedViewClassName, blockCardResolvedViewByClassName } from './view/BlockCard/views/ResolvedView';
+export { blockCardForbiddenViewClassName, blockCardForbiddenViewLinkClassName } from './view/BlockCard/views/ForbiddenView';
+export { blockCardIconImageClassName } from './view/BlockCard/components/Icon';
+export { blockCardContentClassName } from './view/BlockCard/components/Content';
+export { blockCardContentHeaderClassName } from './view/BlockCard/components/ContentHeader';
+export { blockCardContentHeaderNameClassName } from './view/BlockCard/components/Name';
+export { blockCardNotFoundViewClassName } from './view/BlockCard/views/NotFoundView';
+export { blockCardErroredViewClassName } from './view/BlockCard/views/ErroredView';

package/dist/es2019/constants.js

@@ -0,0 +1,142 @@
+export let SmartLinkAlignment;
+
+(function (SmartLinkAlignment) {
+  SmartLinkAlignment["Left"] = "left";
+  SmartLinkAlignment["Right"] = "right";
+})(SmartLinkAlignment || (SmartLinkAlignment = {}));
+
+export let SmartLinkDirection;
+
+(function (SmartLinkDirection) {
+  SmartLinkDirection["Horizontal"] = "horizontal";
+  SmartLinkDirection["Vertical"] = "vertical";
+})(SmartLinkDirection || (SmartLinkDirection = {}));
+
+export let SmartLinkPosition;
+
+(function (SmartLinkPosition) {
+  SmartLinkPosition["Top"] = "top";
+  SmartLinkPosition["Center"] = "center";
+})(SmartLinkPosition || (SmartLinkPosition = {}));
+
+export let SmartLinkSize;
+
+(function (SmartLinkSize) {
+  SmartLinkSize["XLarge"] = "xlarge";
+  SmartLinkSize["Large"] = "large";
+  SmartLinkSize["Medium"] = "medium";
+  SmartLinkSize["Small"] = "small";
+})(SmartLinkSize || (SmartLinkSize = {}));
+
+export let SmartLinkStatus;
+
+(function (SmartLinkStatus) {
+  SmartLinkStatus["Pending"] = "pending";
+  SmartLinkStatus["Resolving"] = "resolving";
+  SmartLinkStatus["Resolved"] = "resolved";
+  SmartLinkStatus["Forbidden"] = "forbidden";
+  SmartLinkStatus["Errored"] = "errored";
+  SmartLinkStatus["NotFound"] = "not_found";
+  SmartLinkStatus["Unauthorized"] = "unauthorized";
+  SmartLinkStatus["Fallback"] = "fallback";
+})(SmartLinkStatus || (SmartLinkStatus = {}));
+
+export let SmartLinkTheme;
+
+(function (SmartLinkTheme) {
+  SmartLinkTheme["Black"] = "black";
+  SmartLinkTheme["Link"] = "link";
+})(SmartLinkTheme || (SmartLinkTheme = {}));
+
+export let SmartLinkWidth;
+
+(function (SmartLinkWidth) {
+  SmartLinkWidth["FitToContent"] = "fit-to-content";
+  SmartLinkWidth["Flexible"] = "flexible";
+})(SmartLinkWidth || (SmartLinkWidth = {}));
+
+export let ElementName;
+
+(function (ElementName) {
+  ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["CollaboratorGroup"] = "CollaboratorGroup";
+  ElementName["CommentCount"] = "CommentCount";
+  ElementName["CreatedBy"] = "CreatedBy";
+  ElementName["CreatedOn"] = "CreatedOn";
+  ElementName["LinkIcon"] = "LinkIcon";
+  ElementName["ModifiedBy"] = "ModifiedBy";
+  ElementName["ModifiedOn"] = "ModifiedOn";
+  ElementName["Priority"] = "Priority";
+  ElementName["ProgrammingLanguage"] = "ProgrammingLanguage";
+  ElementName["State"] = "State";
+  ElementName["SubscriberCount"] = "SubscriberCount";
+  ElementName["Title"] = "Title";
+})(ElementName || (ElementName = {}));
+
+export let ActionName;
+
+(function (ActionName) {
+  ActionName["DeleteAction"] = "DeleteAction";
+})(ActionName || (ActionName = {}));
+
+export let IconType;
+
+(function (IconType) {
+  IconType["Archive"] = "FileType:Archive";
+  IconType["Audio"] = "FileType:Audio";
+  IconType["Blog"] = "FileType:Blog";
+  IconType["Code"] = "FileType:Code";
+  IconType["Document"] = "FileType:Document";
+  IconType["Executable"] = "FileType:Executable";
+  IconType["File"] = "FileType:File";
+  IconType["Folder"] = "FileType:Folder";
+  IconType["Generic"] = "FileType:Generic";
+  IconType["GIF"] = "FileType:GIF";
+  IconType["GoogleDocs"] = "FileType:GoogleDocs";
+  IconType["GoogleForms"] = "FileType:GoogleForms";
+  IconType["GoogleSheets"] = "FileType:GoogleSheets";
+  IconType["GoogleSlides"] = "FileType:GoogleSlides";
+  IconType["Image"] = "FileType.Image";
+  IconType["MSExcel"] = "FileType:Excel";
+  IconType["MSPowerpoint"] = "FileType:Powerpoint";
+  IconType["MSWord"] = "FileType:WordDocument";
+  IconType["PDF"] = "FileType:PDF";
+  IconType["Presentation"] = "FileType:Presentation";
+  IconType["Sketch"] = "FileType:Sketch";
+  IconType["Spreadsheet"] = "FileType:Spreadsheet";
+  IconType["Template"] = "FileType:Template";
+  IconType["Video"] = "FileType:Video";
+  IconType["Branch"] = "BitBucket:Branch";
+  IconType["Commit"] = "BitBucket:Commit";
+  IconType["Project"] = "BitBucket:Project";
+  IconType["PullRequest"] = "BitBucket:PullRequest";
+  IconType["Repo"] = "BitBucket:Repo";
+  IconType["Bug"] = "Jira:Bug";
+  IconType["Change"] = "Jira:Change";
+  IconType["Epic"] = "Jira:Epic";
+  IconType["Incident"] = "Jira:Incident";
+  IconType["Problem"] = "Jira:Problem";
+  IconType["ServiceRequest"] = "Jira:ServiceRequest";
+  IconType["Story"] = "Jira:Story";
+  IconType["SubTask"] = "Jira:SubTask";
+  IconType["Task"] = "Jira:Task";
+  IconType["Confluence"] = "Provider:Confluence";
+  IconType["Jira"] = "Provider:Jira";
+  IconType["Default"] = "Default";
+  IconType["Error"] = "Default:Error";
+  IconType["Forbidden"] = "Default:Forbidden";
+  IconType["Comment"] = "Badge:Comment";
+  IconType["PriorityBlocker"] = "Badge:PriorityBlocker";
+  IconType["PriorityCritical"] = "Badge:PriorityCritical";
+  IconType["PriorityHigh"] = "Badge:PriorityHigh";
+  IconType["PriorityHighest"] = "Badge:PriorityHighest";
+  IconType["PriorityLow"] = "Badge:PriorityLow";
+  IconType["PriorityLowest"] = "Badge:PriorityLowest";
+  IconType["PriorityMajor"] = "Badge:PriorityMajor";
+  IconType["PriorityMedium"] = "Badge:PriorityMedium";
+  IconType["PriorityMinor"] = "Badge:PriorityMinor";
+  IconType["PriorityTrivial"] = "Badge:PriorityTrivial";
+  IconType["PriorityUndefined"] = "Badge:PriorityUndefined";
+  IconType["ProgrammingLanguage"] = "Badge:ProgrammingLanguage";
+  IconType["Subscriber"] = "Badge:Subscriber";
+})(IconType || (IconType = {}));

package/dist/es2019/extractors/block/index.js

@@ -35,11 +35,11 @@ export const extractBlockActions = (props, jsonLd, opts, platform) => {
     const {
       handleInvoke,
       handleAnalytics,
-      definitionId,
+      extensionKey,
       testId
     } = opts;
     const actions = extractActions(jsonLd, handleInvoke);
-    const previewAction = extractPreviewAction(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
+    const previewAction = extractPreviewAction(extensionKey, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);

package/dist/es2019/extractors/common/actions/extractActions.js

@@ -1,4 +1,5 @@
-import { DownloadAction, ViewAction } from '@atlaskit/media-ui';
+import { ViewAction } from '../../../view/BlockCard/actions/ViewAction';
+import { DownloadAction } from '../../../view/BlockCard/actions/DownloadAction';
 
 const isClientAction = action => ['ViewAction', 'DownloadAction'].indexOf(action['@type']) > -1;
 

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -1,8 +1,8 @@
-import { PreviewAction } from '@atlaskit/media-ui';
 import { uiRenderSuccessEvent, uiRenderFailedEvent } from '../../../utils/analytics';
 import { extractDownloadUrl } from '../detail';
 import { extractProvider } from '../context';
 import { extractPreview } from '../preview';
+import { PreviewAction } from '../../../view/BlockCard';
 
 const getMetadataFromJsonLd = (jsonLd, platform) => {
   const download = extractDownloadUrl(jsonLd);
@@ -40,7 +40,7 @@ const getInvokeOpts = (key, action, source) => ({
   }
 });
 
-export const extractPreviewAction = (definitionId = 'empty-object-provider', viewProps, jsonLd, handleInvoke, handleAnalytics, testId, platform) => {
+export const extractPreviewAction = (extensionKey = 'empty-object-provider', viewProps, jsonLd, handleInvoke, handleAnalytics, testId, platform) => {
   // Extract metadata from view props & raw JSON-LD.
   const metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
   const metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
@@ -50,7 +50,7 @@ export const extractPreviewAction = (definitionId = 'empty-object-provider', vie
 
   if (metadataFromJsonLd.src) {
     // Build action using instrumentation hooks.
-    const key = definitionId;
+    const key = extensionKey;
     const previewAction = PreviewAction({ ...metadata,
       testId,
       onOpen: () => {