@atlaskit/smart-card 26.42.8 → 26.42.10

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

@@ -1,150 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconAndTitleLayout = 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 _react = _interopRequireDefault(require("react"));
-var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
-var _Icon = require("../Icon");
-var _styled = require("./styled");
-var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
-var _styled2 = 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 IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(IconAndTitleLayout, _React$Component);
-  var _super = _createSuper(IconAndTitleLayout);
-  function IconAndTitleLayout() {
-    var _this;
-    (0, _classCallCheck2.default)(this, IconAndTitleLayout);
-    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), "handleClick", function (event) {
-      var onClick = _this.props.onClick;
-      if (onClick) {
-        event.preventDefault();
-        event.stopPropagation();
-        onClick(event);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyPress", function (event) {
-      var onClick = _this.props.onClick;
-      if (event.key !== ' ' && event.key !== 'Enter') {
-        return;
-      }
-      if (onClick) {
-        event.preventDefault();
-        event.stopPropagation();
-        onClick(event);
-      }
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(IconAndTitleLayout, [{
-    key: "renderAtlaskitIcon",
-    value: function renderAtlaskitIcon() {
-      var _this$props = this.props,
-        icon = _this$props.icon,
-        emoji = _this$props.emoji;
-      if (emoji) {
-        return /*#__PURE__*/_react.default.createElement(_styled.EmojiWrapper, null, emoji);
-      }
-      if (!icon || typeof icon === 'string') {
-        return null;
-      }
-      return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, icon);
-    }
-  }, {
-    key: "renderImageIcon",
-    value: function renderImageIcon(errored, testId) {
-      var url = this.props.icon;
-      if (!url || typeof url !== 'string') {
-        return null;
-      }
-      return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
-        src: url,
-        loaded: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-          className: "smart-link-icon",
-          src: url,
-          "data-testid": "".concat(testId, "-image")
-        }),
-        errored: errored,
-        loading: /*#__PURE__*/_react.default.createElement(_Icon.Shimmer, {
-          testId: "".concat(testId, "-loading")
-        })
-      });
-    }
-  }, {
-    key: "renderIconPlaceholder",
-    value: function renderIconPlaceholder(testId) {
-      var defaultIcon = this.props.defaultIcon;
-      if (defaultIcon) {
-        return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, defaultIcon);
-      }
-      return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_link.default, {
-        label: "link",
-        size: "small",
-        testId: "".concat(testId, "-default")
-      }));
-    }
-  }, {
-    key: "renderIcon",
-    value: function renderIcon(testId) {
-      // We render two kinds of icons here:
-      // - Image: acquired from either DAC or Teamwork Platform Apps;
-      // - Atlaskit Icon: an Atlaskit SVG;
-      // Each of these are scaled down to 12x12.
-      var icon = this.renderAtlaskitIcon();
-      if (icon) {
-        return icon;
-      }
-      var placeholder = this.renderIconPlaceholder(testId);
-      var image = this.renderImageIcon(placeholder, testId);
-      return image || placeholder;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        children = _this$props2.children,
-        title = _this$props2.title,
-        titleColor = _this$props2.titleColor,
-        titleTextColor = _this$props2.titleTextColor,
-        link = _this$props2.link,
-        rightSide = _this$props2.rightSide,
-        _this$props2$testId = _this$props2.testId,
-        testId = _this$props2$testId === void 0 ? 'inline-card-icon-and-title' : _this$props2$testId;
-      var titlePart = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconPositionWrapper, null, children || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/_react.default.createElement(_styled.TitleWrapper, {
-        style: {
-          color: titleTextColor
-        },
-        className: _styled.TitleWrapperClassName
-      }, title));
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconTitleWrapper, {
-        style: {
-          color: titleColor
-        },
-        "data-testid": testId
-      }, link ? /*#__PURE__*/_react.default.createElement(_styled2.LinkAppearance, {
-        href: link,
-        onClick: this.handleClick,
-        onKeyPress: this.handleKeyPress
-      }, titlePart) : titlePart, rightSide ? /*#__PURE__*/_react.default.createElement(_styled2.NoLinkAppearance, null, this.props.rightSideSpacer && ' - ', rightSide) : null));
-    }
-  }]);
-  return IconAndTitleLayout;
-}(_react.default.Component);
-(0, _defineProperty2.default)(IconAndTitleLayout, "defaultProps", {
-  rightSideSpacer: true
-});

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

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TitleWrapperClassName = exports.TitleWrapper = exports.RightIconPositionWrapper = exports.LozengeWrapper = exports.LozengeBlockWrapper = exports.IconWrapper = exports.IconTitleWrapper = exports.IconPositionWrapper = exports.IconOverrides = exports.IconObjectOverrides = exports.IconEmptyWrapper = exports.EmojiWrapper = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-// TODO: remove this override behaviour for @atlaskit/icon-object
-var IconObjectOverrides = exports.IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-// TODO: remove this override behaviour for @atlaskit/icon
-var IconOverrides = exports.IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-
-// Wraps all icons represented in Inline Links. Icons have three sources/types:
-// - JSON-LD: from the generator.icon property coming back from ORS.
-// - @atlaskit/icon: for lock icons, unauthorized, etc.
-// - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
-// NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
-// NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-var IconWrapper = exports.IconWrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides);
-
-// Wraps all emoji in Inline Links similar to icon
-var EmojiWrapper = exports.EmojiWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  margin-right: ", ";\n  user-select: none;\n  ", "\n  ", "\n"])), "var(--ds-space-025, 2px)", IconOverrides, IconObjectOverrides);
-
-// The main 'wrapping' element, title of the content.
-// NB: `white-space` adds little whitespace before wrapping.
-// NB: `word-break` line breaks as soon as an overflow takes place.
-var IconTitleWrapper = exports.IconTitleWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  white-space: pre-wrap;\n  word-break: break-all;\n"])));
-
-// TODO: Replace overrides with proper AtlasKit solution.
-var LozengeWrapper = exports.LozengeWrapper = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: 1px;\n"])));
-// TODO: Replace overrides with proper AtlasKit solution.
-var LozengeBlockWrapper = exports.LozengeBlockWrapper = _styled.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  & > span {\n    margin-left: ", ";\n  }\n"])), "var(--ds-space-050, 4px)");
-var RightIconPositionWrapper = exports.RightIconPositionWrapper = _styled.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n  margin-right: ", ";\n  position: relative;\n  display: inline-block;\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-050, 4px)");
-
-// The following components are used to absolutely position icons in the vertical center.
-// - IconPositionWrapper: the `relative` parent which has no height in itself.
-// - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.
-var IconPositionWrapper = exports.IconPositionWrapper = _styled.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n  position: relative;\n  display: inline-block;\n"])), "var(--ds-space-050, 4px)");
-var IconEmptyWrapper = exports.IconEmptyWrapper = _styled.default.span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  width: 14px;\n  height: 100%;\n  display: inline-block;\n  opacity: 0;\n"])));
-
-// With emotion it's not possible to use reference to `TitleWrapper` as part of a selector,
-// To achieve same result we use classname instead.
-var TitleWrapperClassName = exports.TitleWrapperClassName = 'smart-link-title-wrapper';
-var TitleWrapper = exports.TitleWrapper = _styled.default.span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)([""])));

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

@@ -1,82 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardResolvedView = 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 _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-var _styled = require("../IconAndTitleLayout/styled");
-var _index = require("../../../view/HoverCard/index");
-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 InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(InlineCardResolvedView, _React$Component);
-  var _super = _createSuper(InlineCardResolvedView);
-  function InlineCardResolvedView() {
-    (0, _classCallCheck2.default)(this, InlineCardResolvedView);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(InlineCardResolvedView, [{
-    key: "renderLozenge",
-    value: function renderLozenge() {
-      var lozenge = this.props.lozenge;
-      if (!lozenge) {
-        return null;
-      }
-      return /*#__PURE__*/_react.default.createElement(_styled.LozengeBlockWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-        testId: "inline-card-resolved-view-lozenge",
-        appearance: lozenge.appearance || 'default',
-        isBold: lozenge.isBold
-      }, lozenge.text)));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        id = _this$props.id,
-        _this$props$title = _this$props.title,
-        title = _this$props$title === void 0 ? '' : _this$props$title,
-        isSelected = _this$props.isSelected,
-        onClick = _this$props.onClick,
-        icon = _this$props.icon,
-        link = _this$props.link,
-        _this$props$testId = _this$props.testId,
-        testId = _this$props$testId === void 0 ? 'inline-card-resolved-view' : _this$props$testId,
-        titleTextColor = _this$props.titleTextColor,
-        titlePrefix = _this$props.titlePrefix,
-        _this$props$showHover = _this$props.showHoverPreview,
-        showHoverPreview = _this$props$showHover === void 0 ? false : _this$props$showHover,
-        _this$props$showServe = _this$props.showServerActions,
-        showServerActions = _this$props$showServe === void 0 ? false : _this$props$showServe;
-      var inlineCardResolvedView = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        link: link,
-        isSelected: isSelected,
-        onClick: onClick
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        emoji: titlePrefix,
-        icon: icon,
-        title: title,
-        titleTextColor: titleTextColor
-      }), this.renderLozenge());
-      if (showHoverPreview && link) {
-        return /*#__PURE__*/_react.default.createElement(_index.HoverCard, {
-          id: id,
-          showServerActions: showServerActions,
-          url: link
-        }, inlineCardResolvedView);
-      }
-      return inlineCardResolvedView;
-    }
-  }]);
-  return InlineCardResolvedView;
-}(_react.default.Component);

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

@@ -1,68 +0,0 @@
-"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 = exports.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;
-      if (inlinePreloaderStyle === 'on-right-without-skeleton') {
-        return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-          withoutBackground: true,
-          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
-        }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-          link: url,
-          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);

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

@@ -1,110 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardUnauthorizedView = 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 _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("../../../messages");
-var _Frame = require("../Frame");
-var _Icon = require("../Icon");
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-var _styled = require("../styled");
-var _HoverCard = require("../../HoverCard");
-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: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
-}));
-var InlineCardUnauthorizedView = exports.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 _this$props = _this.props,
-        analytics = _this$props.analytics,
-        extensionKey = _this$props.extensionKey,
-        onAuthorise = _this$props.onAuthorise;
-      event.preventDefault();
-      event.stopPropagation();
-      if (onAuthorise) {
-        analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
-          extensionKey: extensionKey
-        });
-      }
-      return onAuthorise();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRightSide", function () {
-      var _this$props2 = _this.props,
-        onAuthorise = _this$props2.onAuthorise,
-        context = _this$props2.context;
-      return onAuthorise ? /*#__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, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
-        values: {
-          context: context
-        }
-      }))) : undefined;
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(InlineCardUnauthorizedView, [{
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-        url = _this$props3.url,
-        icon = _this$props3.icon,
-        onAuthorise = _this$props3.onAuthorise,
-        onClick = _this$props3.onClick,
-        isSelected = _this$props3.isSelected,
-        _this$props3$testId = _this$props3.testId,
-        testId = _this$props3$testId === void 0 ? 'inline-card-unauthorized-view' : _this$props3$testId,
-        _this$props3$showAuth = _this$props3.showAuthTooltip,
-        showAuthTooltip = _this$props3$showAuth === void 0 ? false : _this$props3$showAuth;
-      var inlineCardUnauthenticatedView = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        isSelected: isSelected
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon ? icon : FallbackUnauthorizedIcon,
-        title: url,
-        link: url,
-        rightSide: this.renderRightSide(),
-        onClick: onClick,
-        titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
-      }));
-      if (onAuthorise && showAuthTooltip) {
-        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
-          url: url,
-          id: this.props.id
-        }, inlineCardUnauthenticatedView);
-      }
-      return inlineCardUnauthenticatedView;
-    }
-  }]);
-  return InlineCardUnauthorizedView;
-}(_react.default.Component);

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

@@ -1,182 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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 _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 _linkExtractors = require("@atlaskit/link-extractors");
-var _linkProvider = require("@atlaskit/link-provider");
-var _helpers = require("../../state/helpers");
-var InlineCard = exports.InlineCard = function InlineCard(_ref) {
-  var _details$meta;
-  var analytics = _ref.analytics,
-    id = _ref.id,
-    url = _ref.url,
-    cardState = _ref.cardState,
-    handleAuthorize = _ref.handleAuthorize,
-    handleFrameClick = _ref.handleFrameClick,
-    isSelected = _ref.isSelected,
-    renderers = _ref.renderers,
-    onResolve = _ref.onResolve,
-    onError = _ref.onError,
-    testId = _ref.testId,
-    inlinePreloaderStyle = _ref.inlinePreloaderStyle,
-    showHoverPreview = _ref.showHoverPreview,
-    showAuthTooltip = _ref.showAuthTooltip,
-    showServerActions = _ref.showServerActions;
-  var status = cardState.status,
-    details = cardState.details;
-  var cardDetails = details && details.data || (0, _jsonld.getEmptyJsonLd)();
-  var extensionKey = (0, _helpers.getExtensionKey)(details);
-  var testIdWithStatus = testId ? "".concat(testId, "-").concat(status, "-view") : undefined;
-  var showHoverPreviewFlag = (0, _linkProvider.useFeatureFlag)('showHoverPreview');
-  if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
-    showHoverPreview = Boolean(showHoverPreviewFlag);
-  }
-  switch (status) {
-    case 'pending':
-    case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_ResolvingView.InlineCardResolvingView, {
-        url: url,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        testId: testIdWithStatus,
-        inlinePreloaderStyle: inlinePreloaderStyle
-      });
-    case 'resolved':
-      var resolvedProps = (0, _inline.extractInlineProps)(cardDetails, renderers);
-      if (onResolve) {
-        onResolve({
-          url: url,
-          title: resolvedProps.title
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement(_ResolvedView.InlineCardResolvedView, (0, _extends2.default)({}, resolvedProps, {
-        id: id,
-        showHoverPreview: showHoverPreview,
-        showServerActions: showServerActions,
-        link: url,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        testId: testIdWithStatus
-      }));
-    case 'unauthorized':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var provider = (0, _linkExtractors.extractProvider)(cardDetails);
-      return /*#__PURE__*/_react.default.createElement(_UnauthorisedView.InlineCardUnauthorizedView, {
-        icon: provider && provider.icon,
-        context: provider && provider.text,
-        url: url,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        onAuthorise: handleAuthorize,
-        testId: testIdWithStatus,
-        showAuthTooltip: showAuthTooltip,
-        id: id,
-        analytics: analytics,
-        extensionKey: extensionKey
-      });
-    case 'forbidden':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var providerForbidden = (0, _linkExtractors.extractProvider)(cardDetails);
-      var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
-      var requestAccessContext = (0, _context.extractRequestAccessContext)({
-        jsonLd: cardMetadata,
-        url: url,
-        context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text
-      });
-      return /*#__PURE__*/_react.default.createElement(_ForbiddenView.InlineCardForbiddenView, {
-        url: url,
-        icon: providerForbidden && providerForbidden.icon,
-        context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        onAuthorise: handleAuthorize,
-        testId: testIdWithStatus,
-        requestAccessContext: requestAccessContext
-      });
-    case 'not_found':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var providerNotFound = (0, _linkExtractors.extractProvider)(cardDetails);
-      return /*#__PURE__*/_react.default.createElement(_ErroredView.InlineCardErroredView, {
-        url: url,
-        icon: providerNotFound && providerNotFound.icon,
-        isSelected: isSelected,
-        message: "Can't find link",
-        onClick: handleFrameClick,
-        testId: testIdWithStatus || 'inline-card-not-found-view'
-      });
-    case 'fallback':
-    case 'errored':
-    default:
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, {
-        link: url,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        testId: testIdWithStatus || 'inline-card-errored-view'
-      });
-  }
-};