@atlaskit/media-ui 19.0.0 → 21.0.0

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

@@ -1,122 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardErroredView = 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 _colors = require("@atlaskit/theme/colors");
-
-var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
-
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
-var _Frame = require("../Frame");
-
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-
-var _Icon = require("../Icon");
-
-var _messages = require("../../messages");
-
-var _reactIntlNext = require("react-intl-next");
-
-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 InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(InlineCardErroredView, _React$Component);
-
-  var _super = _createSuper(InlineCardErroredView);
-
-  function InlineCardErroredView() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, InlineCardErroredView);
-
-    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), "handleRetry", function (event) {
-      var onRetry = _this.props.onRetry;
-
-      if (onRetry) {
-        event.preventDefault();
-        event.stopPropagation();
-        onRetry();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMessage", function () {
-      var _this$props = _this.props,
-          onRetry = _this$props.onRetry,
-          url = _this$props.url,
-          message = _this$props.message;
-
-      var link = /*#__PURE__*/_react.default.createElement(_styled.LinkAppearance, null, url);
-
-      var errorMessage = /*#__PURE__*/_react.default.createElement(_styled.NoLinkAppearance, null, message);
-
-      return !onRetry ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link, " - ", errorMessage) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link, " - ", errorMessage, ",\xA0", /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-        spacing: "none",
-        appearance: "subtle-link",
-        component: _styled.IconStyledButton,
-        onClick: _this.handleRetry
-      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again, function (formattedMessage) {
-        return /*#__PURE__*/_react.default.createElement(_styled.LowercaseAppearance, null, formattedMessage);
-      })));
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(InlineCardErroredView, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          url = _this$props2.url,
-          onClick = _this$props2.onClick,
-          isSelected = _this$props2.isSelected,
-          _this$props2$testId = _this$props2.testId,
-          testId = _this$props2$testId === void 0 ? 'inline-card-errored-view' : _this$props2$testId,
-          icon = _this$props2.icon;
-      return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        link: url,
-        onClick: onClick,
-        isSelected: isSelected
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
-          label: "error",
-          size: "small",
-          primaryColor: _colors.R300
-        })),
-        title: this.renderMessage()
-      }));
-    }
-  }]);
-  return InlineCardErroredView;
-}(_react.default.Component);
-
-exports.InlineCardErroredView = InlineCardErroredView;

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

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardForbiddenView = 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 _react = _interopRequireDefault(require("react"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
-
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
-var _Frame = require("../Frame");
-
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-
-var _Icon = require("../Icon");
-
-var _messages = require("../../messages");
-
-var _reactIntlNext = require("react-intl-next");
-
-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 FallbackForbiddenIcon = /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
-  label: "error",
-  size: "small",
-  primaryColor: _colors.R400
-}));
-
-var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(InlineCardForbiddenView, _React$Component);
-
-  var _super = _createSuper(InlineCardForbiddenView);
-
-  function InlineCardForbiddenView() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, InlineCardForbiddenView);
-
-    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), "handleRetry", function (event) {
-      var onAuthorise = _this.props.onAuthorise;
-      event.preventDefault();
-      event.stopPropagation();
-
-      if (onAuthorise) {
-        onAuthorise();
-      } else {
-        var _this$props, _this$props$requestAc, _this$props$requestAc2;
-
-        (_this$props = _this.props) === null || _this$props === void 0 ? void 0 : (_this$props$requestAc = _this$props.requestAccessContext) === null || _this$props$requestAc === void 0 ? void 0 : (_this$props$requestAc2 = _this$props$requestAc.action) === null || _this$props$requestAc2 === void 0 ? void 0 : _this$props$requestAc2.promise();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderForbiddenAccessMessage", function () {
-      var _this$props2, _this$props2$requestA;
-
-      if ((_this$props2 = _this.props) !== null && _this$props2 !== void 0 && (_this$props2$requestA = _this$props2.requestAccessContext) !== null && _this$props2$requestA !== void 0 && _this$props2$requestA.callToActionMessageKey) {
-        var callToActionMessageKey = _this.props.requestAccessContext.callToActionMessageKey;
-        return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[callToActionMessageKey], {
-          values: {
-            context: _this.props.context
-          }
-        }));
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.invalid_permissions, function (formattedMessage) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formattedMessage, ", ");
-      }), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_another_account, function (formattedMessage) {
-        return /*#__PURE__*/_react.default.createElement(_styled.LowercaseAppearance, null, formattedMessage);
-      }));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMessage", function () {
-      var _this$props4, _this$props4$requestA;
-
-      var _this$props3 = _this.props,
-          url = _this$props3.url,
-          onAuthorise = _this$props3.onAuthorise;
-
-      var link = /*#__PURE__*/_react.default.createElement(_styled.LinkAppearance, null, url);
-
-      var hasRequestAccessContextMessage = (_this$props4 = _this.props) === null || _this$props4 === void 0 ? void 0 : (_this$props4$requestA = _this$props4.requestAccessContext) === null || _this$props4$requestA === void 0 ? void 0 : _this$props4$requestA.callToActionMessageKey;
-      return !onAuthorise && !hasRequestAccessContextMessage ? link : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link, ' - ', /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-        spacing: "none",
-        appearance: "subtle-link",
-        onClick: _this.handleRetry,
-        component: _styled.IconStyledButton,
-        testId: "button-connect-other-account"
-      }, _this.renderForbiddenAccessMessage()));
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(InlineCardForbiddenView, [{
-    key: "render",
-    value: function render() {
-      var _this$props5 = this.props,
-          url = _this$props5.url,
-          icon = _this$props5.icon,
-          onClick = _this$props5.onClick,
-          isSelected = _this$props5.isSelected,
-          _this$props5$testId = _this$props5.testId,
-          testId = _this$props5$testId === void 0 ? 'inline-card-forbidden-view' : _this$props5$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 : FallbackForbiddenIcon,
-        title: this.renderMessage(),
-        titleColor: _colors.N500
-      }));
-    }
-  }]);
-  return InlineCardForbiddenView;
-}(_react.default.Component);
-
-exports.InlineCardForbiddenView = InlineCardForbiddenView;

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

@@ -1,71 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Frame = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _components = require("@atlaskit/theme/components");
-
-var _styled = require("./styled");
-
-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 Frame = function Frame(props) {
-  var isSelected = props.isSelected,
-      children = props.children,
-      onClick = props.onClick,
-      link = props.link,
-      withoutBackground = props.withoutBackground,
-      withoutHover = props.withoutHover,
-      testId = props.testId,
-      className = props.className;
-  var handleClick = (0, _react.useCallback)(function (event) {
-    if (onClick) {
-      event.preventDefault();
-      event.stopPropagation();
-      onClick(event);
-    }
-  }, [onClick]);
-  var handleKeyPress = (0, _react.useCallback)(function (event) {
-    if (event.key !== ' ' && event.key !== 'Enter') {
-      return;
-    }
-
-    if (onClick) {
-      event.preventDefault();
-      event.stopPropagation();
-      onClick(event);
-    }
-  }, [onClick]); // prevent default on mousedown to avoid inline card losing focus
-
-  var handleMouseDown = (0, _react.useCallback)(function (e) {
-    e.preventDefault();
-  }, []);
-  var isInteractive = Boolean(onClick); // TODO Theming doesn't work right now in editor. Required React context does not trickle down atm.
-  //  It will be worked as part of https://product-fabric.atlassian.net/jira/servicedesk/projects/DTR/queues/issue/DTR-154
-
-  return /*#__PURE__*/_react.default.createElement(_styled.Wrapper, {
-    theme: (0, _components.useGlobalTheme)(),
-    href: link,
-    withoutBackground: withoutBackground,
-    withoutHover: withoutHover,
-    isSelected: isSelected,
-    isInteractive: isInteractive,
-    tabIndex: isInteractive ? 0 : undefined,
-    role: isInteractive ? 'button' : undefined,
-    onClick: handleClick,
-    onMouseDown: handleMouseDown,
-    onKeyPress: handleKeyPress,
-    "data-testid": testId,
-    className: className
-  }, children);
-};
-
-exports.Frame = Frame;

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

@@ -1,96 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _elevation = require("@atlaskit/theme/elevation");
-
-var _components = require("@atlaskit/theme/components");
-
-var _styled2 = require("../IconAndTitleLayout/styled");
-
-var _templateObject;
-
-var BACKGROUND_COLOR_DARK = '#262B31';
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat(_colors.B100, ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
-
-var isInteractive = function isInteractive(_ref) {
-  var isInteractive = _ref.isInteractive;
-
-  if (isInteractive) {
-    return "\n      cursor: pointer;\n      :hover {\n        background-color: ".concat((0, _components.themed)({
-      light: _colors.N20,
-      dark: BACKGROUND_COLOR_DARK
-    }), ";\n        text-decoration: none;\n      }\n      :active {\n        background-color: ").concat((0, _components.themed)({
-      light: _colors.B50,
-      dark: BACKGROUND_COLOR_DARK
-    }), ";\n        text-decoration: none;\n      }\n      :focus {\n        ").concat(selected, "\n        text-decoration: none;\n      }\n    ");
-  } else {
-    return '';
-  }
-};
-
-var isSelected = function isSelected(_ref2) {
-  var isSelected = _ref2.isSelected;
-
-  if (isSelected) {
-    return selected;
-  } else {
-    return 'user-select: text';
-  }
-};
-
-var withoutHover = function withoutHover(_ref3) {
-  var withoutHover = _ref3.withoutHover;
-  return withoutHover ? "\n    &:hover {\n      text-decoration: none;\n    }\n  " : '';
-};
-/*
-  Inline smart cards should have the following layout:
-  ------------------------------------
-  | icon | title | action OR lozenge |
-  ------------------------------------
-  The aim is to ensure (1) all children are
-  in line with each other, (2) are vertically
-  centered.
-*/
-// NB: `padding` consistent with @mentions.
-// NB: `display: inline` required for `box-decoration-break` to work.
-// NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-
-
-var Wrapper = _styled.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 16px;\n  padding: 1px 0.24em 2px 0.24em;\n  ", "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", ";\n  ", "\n  ", ";\n  ", "\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n\n  &:hover span.", " {\n    text-decoration: ", ";\n  }\n"])), function (props) {
-  return props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '';
-}, (0, _constants.borderRadius)(), (0, _components.themed)({
-  light: _colors.B400,
-  dark: '#4794FF'
-}), function (props) {
-  return props.withoutBackground ? '' : (0, _components.themed)({
-    light: 'white',
-    dark: BACKGROUND_COLOR_DARK
-  });
-}, function (props) {
-  return props.withoutBackground ? '' : (0, _elevation.e100)();
-}, function (props) {
-  return isInteractive(props);
-}, function (props) {
-  return isSelected(props);
-}, function (props) {
-  return withoutHover(props);
-}, _styled2.TitleWrapperClassName, function (_ref4) {
-  var withoutHover = _ref4.withoutHover;
-  return withoutHover ? 'none' : 'underline';
-});
-
-exports.Wrapper = Wrapper;

package/dist/cjs/InlineCard/Icon.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Shimmer = exports.Icon = exports.AKIconWrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _core = require("@emotion/core");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-var placeholderShimmer = (0, _core.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    background-position: -20px 0;\n  }\n\n  100% {\n    background-position: 20px 0;\n  }\n"]))); // TODO: Figure out a more scalable/responsive solution
-// for vertical alignment.
-// Current rationale: vertically positioned at the top of
-// the smart card container (when set to 0). Offset this
-// to position it with appropriate whitespace from the top.
-
-var Icon = _styled.default.img(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]))); // Used for 'untrue' icons which claim to be 16x16 but
-// are less than that in height/width.
-// TODO: Replace this override with proper AtlasKit solution.
-
-
-exports.Icon = Icon;
-
-var AKIconWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: -2px;\n"])));
-
-exports.AKIconWrapper = AKIconWrapper;
-
-var Shimmer = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  background: #f6f7f8;\n  background-image: linear-gradient(\n    to right,\n    #f6f7f8 0%,\n    #edeef1 20%,\n    #f6f7f8 40%,\n    #f6f7f8 100%\n  );\n  background-repeat: no-repeat;\n  background-size: 40px 14px;\n  display: inline-block;\n\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n"])), placeholderShimmer);
-
-exports.Shimmer = Shimmer;

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

@@ -1,140 +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 _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 _reactRenderImage = _interopRequireDefault(require("react-render-image"));
-
-var _Icon = require("../Icon");
-
-var _styled = require("./styled");
-
-var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
-
-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 = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(IconAndTitleLayout, _React$Component);
-
-  var _super = _createSuper(IconAndTitleLayout);
-
-  function IconAndTitleLayout() {
-    (0, _classCallCheck2.default)(this, IconAndTitleLayout);
-    return _super.apply(this, arguments);
-  }
-
-  (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, {
-          "data-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,
-          _this$props2$testId = _this$props2.testId,
-          testId = _this$props2$testId === void 0 ? 'inline-card-icon-and-title' : _this$props2$testId;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconTitleWrapper, {
-        style: {
-          color: titleColor
-        }
-      }, /*#__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 IconAndTitleLayout;
-}(_react.default.Component);
-
-exports.IconAndTitleLayout = IconAndTitleLayout;