@atlaskit/smart-card 23.12.3 → 23.13.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 23.13.1
+
+### Patch Changes
+
+- [`02d341ecf63`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02d341ecf63) - [ux] Fix copy button tooltip to show Copy link, not Download
+
+## 23.13.0
+
+### Minor Changes
+
+- [`67cfd8e13d0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/67cfd8e13d0) - LinkUrl component with built-in link safety check added
+
 ## 23.12.3
 
 ### Patch Changes

package/dist/cjs/extractors/common/icon/extractIcon.js

@@ -71,33 +71,39 @@ var extractIconByType = function extractIconByType(type, opts) {
 
     case 'atlassian:Goal':
       return opts.icon || /*#__PURE__*/_react.default.createElement(_5.default, {
-        label: opts.title || 'goal'
+        label: opts.title || 'goal',
+        testId: "task-icon"
       });
 
     case 'atlassian:Project':
       return opts.icon || /*#__PURE__*/_react.default.createElement(_peopleGroup.default, {
         label: opts.title || 'project',
-        size: "small"
+        size: "small",
+        testId: "project-icon"
       });
 
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/_react.default.createElement(_.default, {
-        label: opts.title || 'commit'
+        label: opts.title || 'commit',
+        testId: "commit-icon"
       });
 
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/_react.default.createElement(_2.default, {
-        label: opts.title || 'pullRequest'
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
       });
 
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/_react.default.createElement(_3.default, {
-        label: opts.title || 'reference'
+        label: opts.title || 'reference',
+        testId: "branch-icon"
       });
 
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/_react.default.createElement(_4.default, {
-        label: opts.title || 'repository'
+        label: opts.title || 'repository',
+        testId: "repo-icon"
       });
 
     case 'atlassian:Task':

package/dist/cjs/extractors/common/icon/extractIconFromDocument.js

@@ -49,37 +49,44 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/_react.default.createElement(_.default, {
-        label: opts.title || 'blog'
+        label: opts.title || 'blog',
+        testId: "blog-icon"
       });
 
     case 'schema:DigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_2.default, {
-        label: opts.title || 'file'
+        label: opts.title || 'file',
+        testId: "file-icon"
       });
 
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_5.default, {
-        label: opts.title || 'document'
+        label: opts.title || 'document',
+        testId: "document-icon"
       });
 
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_3.default, {
-        label: opts.title || 'presentation'
+        label: opts.title || 'presentation',
+        testId: "presentation-icon"
       });
 
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_4.default, {
-        label: opts.title || 'spreadsheet'
+        label: opts.title || 'spreadsheet',
+        testId: "spreadsheet-icon"
       });
 
     case 'atlassian:Template':
       return /*#__PURE__*/_react.default.createElement(_documentFilled.default, {
-        label: opts.title || 'template'
+        label: opts.title || 'template',
+        testId: "document-filled-icon"
       });
 
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/_react.default.createElement(_5.default, {
-        label: opts.title || 'undefinedLink'
+        label: opts.title || 'undefinedLink',
+        testId: "document-icon"
       });
   }
 };

package/dist/cjs/extractors/common/icon/extractIconFromTask.js

@@ -35,6 +35,11 @@ var extractIconFromTask = function extractIconFromTask(opts) {
       provider = opts.provider;
   var taskLabel = opts.title || 'task';
 
+  var defaultIcon = /*#__PURE__*/_react.default.createElement(_.default, {
+    label: taskLabel,
+    testId: "default-task-icon"
+  });
+
   if (provider && provider.id === _constants.JIRA_GENERATOR_ID && taskType && taskType.id) {
     var taskTypeId = taskType.id;
     var taskTypeName = taskTypeId.split('#').pop();
@@ -42,59 +47,64 @@ var extractIconFromTask = function extractIconFromTask(opts) {
     switch (taskTypeName) {
       case _constants.JIRA_TASK:
         return /*#__PURE__*/_react.default.createElement(_.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-task-icon"
         });
 
       case _constants.JIRA_SUB_TASK:
         return /*#__PURE__*/_react.default.createElement(_2.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-subtask-icon"
         });
 
       case _constants.JIRA_STORY:
         return /*#__PURE__*/_react.default.createElement(_3.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-story-icon"
         });
 
       case _constants.JIRA_BUG:
         return /*#__PURE__*/_react.default.createElement(_4.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-bug-icon"
         });
 
       case _constants.JIRA_EPIC:
         return /*#__PURE__*/_react.default.createElement(_5.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-epic-icon"
         });
 
       case _constants.JIRA_INCIDENT:
         return /*#__PURE__*/_react.default.createElement(_6.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-incident-icon"
         });
 
       case _constants.JIRA_SERVICE_REQUEST:
         return /*#__PURE__*/_react.default.createElement(_7.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-service-request-icon"
         });
 
       case _constants.JIRA_CHANGE:
         return /*#__PURE__*/_react.default.createElement(_8.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-change-icon"
         });
 
       case _constants.JIRA_PROBLEM:
         return /*#__PURE__*/_react.default.createElement(_9.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-problem-icon"
         });
 
       case _constants.JIRA_CUSTOM_TASK_TYPE:
-        return taskType.icon || opts.icon || provider.icon || /*#__PURE__*/_react.default.createElement(_.default, {
-          label: taskLabel
-        });
+        return taskType.icon || opts.icon || provider.icon || defaultIcon;
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement(_.default, {
-    label: taskLabel
-  });
+  return defaultIcon;
 };
 
 exports.extractIconFromTask = extractIconFromTask;

package/dist/cjs/linkUrl.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _LinkUrl.default;
+  }
+});
+
+var _LinkUrl = _interopRequireDefault(require("./view/LinkUrl"));

package/dist/cjs/messages.js

@@ -48,6 +48,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Close',
     description: ''
   },
+  check_this_link: {
+    id: 'fabric.linking.check_this_link',
+    defaultMessage: 'Check this link',
+    description: 'Link safety warning modal header'
+  },
   connect_to: {
     id: 'fabric.linking.connect_to',
     defaultMessage: 'Connect to {name}',
@@ -93,8 +98,13 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Connect to Atlassian to view more details of your work and collaborate from one place.',
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view and we do not have the providers name.'
   },
+  continue: {
+    id: 'fabric.linking.continue',
+    defaultMessage: 'Continue',
+    description: 'continue'
+  },
   copy_url_to_clipboard: {
-    id: 'fabric.linking.download',
+    id: 'fabric.linking.copy_url_to_clipboard',
     defaultMessage: 'Copy link',
     description: ''
   },
@@ -138,6 +148,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'You don’t have access to this preview. Contact the site admin if you need access.',
     description: 'Informs the user that they cannot view this content.'
   },
+  go_back: {
+    id: 'fabric.linking.go_back',
+    defaultMessage: 'Go back',
+    description: 'go back'
+  },
   invalid_permissions: {
     id: 'fabric.linking.invalid_permissions',
     defaultMessage: 'Restricted content',
@@ -343,6 +358,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Try another account',
     description: 'Allows the user to try an action again with a different account'
   },
+  link_safety_warning_message: {
+    id: 'fabric.linking.link_safety_warning_message',
+    defaultMessage: 'The link {unsafeLinkText} is taking you to a different site, <a>actual link here</a>',
+    description: 'Link safety check warning message'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/cjs/utils/index.js

@@ -84,7 +84,8 @@ var getIconForFileType = function getIconForFileType(fileMimeType) {
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
   return /*#__PURE__*/_react.default.createElement(Icon, {
-    label: label
+    label: label,
+    testId: "document-file-format-icon"
   });
 };
 

package/dist/cjs/version.json

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

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -89,7 +89,9 @@ var ExpandedFrame = function ExpandedFrame(_ref) {
       "data-testid": testId,
       "data-trello-do-not-use-override": testId,
       "data-is-selected": isSelected,
-      "data-is-visible": isVisible
+      "data-is-visible": isVisible,
+      "data-wrapper-type": "default",
+      "data-is-interactive": isInteractive()
     }, renderHeader(), renderContent());
   }
 };

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -173,7 +173,8 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
         onMouseEnter: initShowCard,
         onMouseLeave: initHideCard,
         onMouseMove: setMousePosition,
-        onClick: onChildClick
+        onClick: onChildClick,
+        "data-testid": "hover-card-trigger-wrapper"
       }), children));
     },
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510

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

@@ -77,7 +77,8 @@ var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         spacing: "none",
         appearance: "subtle-link",
         component: _styled.IconStyledButton,
-        onClick: _this.handleRetry
+        onClick: _this.handleRetry,
+        role: "button"
       }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again, function (formattedMessage) {
         return /*#__PURE__*/_react.default.createElement(_styled.LowercaseAppearance, null, formattedMessage);
       })));
@@ -102,7 +103,8 @@ var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
           label: "error",
           size: "small",
-          primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")")
+          primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
+          testId: "errored-view-default-icon"
         })),
         link: url,
         title: url,

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

@@ -54,7 +54,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var FallbackForbiddenIcon = /*#__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, ")")
+  primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
+  testId: "forbidden-view-fallback-icon"
 }));
 
 var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
@@ -115,7 +116,8 @@ var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: _styled.IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, _this.renderForbiddenAccessMessage());
       }
 
@@ -125,7 +127,8 @@ var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: _styled.IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, /*#__PURE__*/_react.default.createElement(_styled2.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
           appearance: 'moved'
         }, _this.renderForbiddenAccessMessage()))));

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

@@ -171,7 +171,8 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       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,

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

@@ -53,6 +53,7 @@ var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
       }
 
       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)));

package/dist/cjs/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLinkWarningModal = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _url = require("@atlaskit/linking-common/url");
+
+var useLinkWarningModal = function useLinkWarningModal() {
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      unsafeLinkText = _useState2[0],
+      setUnsafeLinkText = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      url = _useState4[0],
+      setUrl = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      isOpen = _useState6[0],
+      setIsOpen = _useState6[1];
+  /**
+   * It checks and warns if a link text is a URL and different from an actual link destination
+   */
+
+
+  var checkLinkSafety = function checkLinkSafety(event, href) {
+    var linkText = event.currentTarget.innerText;
+    var anchorLinkRegex = new RegExp(/^#/im);
+    var isAnchorLink = anchorLinkRegex.test(linkText);
+
+    if (isAnchorLink) {
+      return;
+    }
+
+    var normalisedUrlFromLinkText = (0, _url.normalizeUrl)(linkText);
+
+    if (!!normalisedUrlFromLinkText && normalisedUrlFromLinkText !== href) {
+      event.preventDefault();
+      setUnsafeLinkText(linkText);
+      href && setUrl(href);
+      setIsOpen(true);
+    }
+  };
+
+  var onClose = function onClose() {
+    setIsOpen(false);
+    setUnsafeLinkText(null);
+    setUrl(null);
+  };
+
+  var onContinue = function onContinue() {
+    onClose();
+    url && window.location.assign(url);
+  };
+
+  return {
+    checkLinkSafety: checkLinkSafety,
+    unsafeLinkText: unsafeLinkText,
+    onClose: onClose,
+    onContinue: onContinue,
+    isOpen: isOpen,
+    url: url
+  };
+};
+
+exports.useLinkWarningModal = useLinkWarningModal;

package/dist/cjs/view/LinkUrl/LinkWarningModal/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("../../../messages");
+
+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 WarningModal = function WarningModal(props) {
+  var isOpen = props.isOpen,
+      unsafeLinkText = props.unsafeLinkText,
+      url = props.url,
+      onClose = props.onClose,
+      onContinue = props.onContinue,
+      intl = props.intl;
+
+  var content = /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+    onClose: onClose,
+    testId: "link-with-safety-warning"
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
+    appearance: "warning"
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, url && unsafeLinkText && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.link_safety_warning_message, {
+    values: {
+      unsafeLinkText: unsafeLinkText,
+      a: function a() {
+        return /*#__PURE__*/_react.default.createElement("a", {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, url);
+      }
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+    appearance: "subtle",
+    onClick: onClose
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.go_back)), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+    appearance: "warning",
+    onClick: onContinue,
+    autoFocus: true
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.continue)))));
+
+  return intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    locale: "en"
+  }, content);
+};
+
+var _default = (0, _reactIntlNext.injectIntl)(WarningModal, {
+  enforceContext: false
+});
+
+exports.default = _default;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useLinkWarningModal2 = require("./LinkWarningModal/hooks/use-link-warning-modal");
+
+var _LinkWarningModal = _interopRequireDefault(require("./LinkWarningModal"));
+
+var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
+    _excluded2 = ["checkLinkSafety"];
+
+var LinkUrl = function LinkUrl(_ref) {
+  var href = _ref.href,
+      children = _ref.children,
+      _ref$checkSafety = _ref.checkSafety,
+      checkSafety = _ref$checkSafety === void 0 ? true : _ref$checkSafety,
+      _onClick = _ref.onClick,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'link-with-safety' : _ref$testId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useLinkWarningModal = (0, _useLinkWarningModal2.useLinkWarningModal)(),
+      checkLinkSafety = _useLinkWarningModal.checkLinkSafety,
+      linkWarningModalProps = (0, _objectWithoutProperties2.default)(_useLinkWarningModal, _excluded2);
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
+    "data-testid": testId,
+    href: href,
+    onClick: function onClick(e) {
+      checkSafety && checkLinkSafety(e, href);
+      _onClick && _onClick(e);
+    }
+  }, props), children), checkSafety && /*#__PURE__*/_react.default.createElement(_LinkWarningModal.default, linkWarningModalProps));
+};
+
+var _default = LinkUrl;
+exports.default = _default;

package/dist/cjs/view/LinkUrl/types.js

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

package/dist/es2019/extractors/common/icon/extractIcon.js

@@ -44,33 +44,39 @@ const extractIconByType = (type, opts) => {
 
     case 'atlassian:Goal':
       return opts.icon || /*#__PURE__*/React.createElement(TaskIcon, {
-        label: opts.title || 'goal'
+        label: opts.title || 'goal',
+        testId: "task-icon"
       });
 
     case 'atlassian:Project':
       return opts.icon || /*#__PURE__*/React.createElement(ProjectIcon, {
         label: opts.title || 'project',
-        size: "small"
+        size: "small",
+        testId: "project-icon"
       });
 
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/React.createElement(CommitIcon, {
-        label: opts.title || 'commit'
+        label: opts.title || 'commit',
+        testId: "commit-icon"
       });
 
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/React.createElement(PullRequestIcon, {
-        label: opts.title || 'pullRequest'
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
       });
 
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/React.createElement(BranchIcon, {
-        label: opts.title || 'reference'
+        label: opts.title || 'reference',
+        testId: "branch-icon"
       });
 
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/React.createElement(RepoIcon, {
-        label: opts.title || 'repository'
+        label: opts.title || 'repository',
+        testId: "repo-icon"
       });
 
     case 'atlassian:Task':