@atlaskit/smart-card 27.1.0 → 27.2.1

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

@@ -67,7 +67,9 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       }
       return /*#__PURE__*/React.createElement(ImageLoader, {
         src: url,
-        loaded: /*#__PURE__*/React.createElement(Icon, {
+        loaded: /*#__PURE__*/React.createElement(Icon
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
           className: "smart-link-icon",
           src: url,
           "data-testid": "".concat(testId, "-image")
@@ -118,22 +120,30 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
         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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper, {
+      var titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      , {
         style: {
           color: titleTextColor
-        },
+        }
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: TitleWrapperClassName
       }, title));
-      return /*#__PURE__*/React.createElement(IconTitleWrapper, {
-        style: {
-          color: titleColor
-        },
-        "data-testid": testId
-      }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
-        href: link,
-        onClick: this.handleClick,
-        onKeyPress: this.handleKeyPress
-      }, titlePart) : titlePart, rightSide ? /*#__PURE__*/React.createElement(NoLinkAppearance, null, rightSide) : null);
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        React.createElement(IconTitleWrapper, {
+          style: {
+            color: titleColor
+          },
+          "data-testid": testId
+        }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
+          href: link,
+          onClick: this.handleClick,
+          onKeyPress: this.handleKeyPress
+        }, titlePart) : titlePart, rightSide ? /*#__PURE__*/React.createElement(NoLinkAppearance, null, rightSide) : null)
+      );
     }
   }]);
   return IconAndTitleLayout;

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

@@ -28,7 +28,9 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
       var appearance = lozenge.appearance || 'default';
       return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
         testId: "inline-card-resolved-view-lozenge",
-        appearance: appearance,
+        appearance: appearance
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
         style: lozenge.style,
         isBold: lozenge.isBold
       }, lozenge.text));

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.1.0",
+  packageVersion: "27.2.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -1,17 +1,20 @@
-import React from 'react';
+/** @jsx jsx */
+
+import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { messages } from '../../../messages';
-var RelatedLinksModal = function RelatedLinksModal(_ref) {
+var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
   var onClose = _ref.onClose,
     showModal = _ref.showModal,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
-    onClose: onClose
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title_nonfinal))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  return jsx(ModalTransition, null, showModal && jsx(Modal, {
+    onClose: onClose,
+    width: "small"
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(FormattedMessage, messages.related_links_modal_title))), jsx(ModalBody, null, children), jsx(ModalFooter, null, jsx(Button, {
     appearance: "primary",
     onClick: onClose
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));
+  }, jsx(FormattedMessage, messages.close)))));
 };
-export default RelatedLinksModal;
+export default RelatedLinksBaseModal;

package/dist/esm/view/RelatedLinksModal/components/related-link-item/index.js

@@ -0,0 +1,49 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import { Box, xcss } from '@atlaskit/primitives';
+import { Card, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, TitleBlock } from '../../../../index';
+var hoverStyles = xcss({
+  ':hover': {
+    backgroundColor: 'color.background.input.hovered',
+    borderRadius: 'border.radius.100',
+    marginInline: 'space.negative.100',
+    paddingInline: 'space.100'
+  }
+});
+var relatedLinkItemStyles = css({
+  paddingTop: "var(--ds-space-100, 8px)",
+  paddingBottom: "var(--ds-space-100, 8px)",
+  gap: "var(--ds-space-150, 12px)",
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+});
+var RelatedLinkItem = function RelatedLinkItem(_ref) {
+  var url = _ref.url,
+    testId = _ref.testId;
+  var subtitle = [{
+    name: ElementName.Provider
+  }];
+  var ui = {
+    hideElevation: true,
+    hidePadding: true,
+    hideBackground: true,
+    theme: SmartLinkTheme.Black,
+    clickableContainer: true,
+    size: SmartLinkSize.Large
+  };
+  return jsx(Box, {
+    testId: testId,
+    xcss: hoverStyles
+  }, jsx(Card, {
+    appearance: "block",
+    ui: ui,
+    url: url
+  }, jsx(TitleBlock, {
+    maxLines: 1,
+    hideTitleTooltip: true,
+    position: SmartLinkPosition.Center,
+    subtitle: subtitle,
+    overrideCss: relatedLinkItemStyles,
+    anchorTarget: "_blank"
+  })));
+};
+export default RelatedLinkItem;

package/dist/esm/view/RelatedLinksModal/components/related-links-list/index.js

@@ -0,0 +1,34 @@
+/** @jsx jsx */
+
+import { jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import { Box, Stack, xcss } from '@atlaskit/primitives';
+import RelatedLinkItem from '../related-link-item';
+import { messages } from '../../../../messages';
+var RelatedLinksList = function RelatedLinksList(_ref) {
+  var urls = _ref.urls,
+    title = _ref.title,
+    testId = _ref.testId;
+  return jsx(Stack, {
+    testId: testId
+  }, jsx(Box, {
+    paddingBlockStart: "space.050",
+    xcss: xcss({
+      font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+      textTransform: 'uppercase'
+    })
+  }, jsx(FormattedMessage, title)), urls.length > 0 && jsx(Box, null, urls.map(function (url, idx) {
+    return jsx(Stack, {
+      key: "".concat(idx, "-").concat(url)
+    }, jsx(RelatedLinkItem, {
+      url: url,
+      testId: "".concat(testId, "-item-").concat(idx)
+    }));
+  })), urls.length === 0 && jsx(Box, {
+    paddingBlock: "space.100",
+    xcss: xcss({
+      font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+    })
+  }, jsx(FormattedMessage, messages.related_links_not_found)));
+};
+export default RelatedLinksList;

package/dist/esm/view/RelatedLinksModal/components/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/RelatedLinksModal/views/resolved/index.js

@@ -0,0 +1,24 @@
+/** @jsx jsx */
+
+import { jsx } from '@emotion/react';
+import { messages } from '../../../../messages';
+import RelatedLinksList from '../../components/related-links-list';
+import { Stack } from '@atlaskit/primitives';
+var RelatedLinksResolvedView = function RelatedLinksResolvedView(_ref) {
+  var _ref$incomingLinks = _ref.incomingLinks,
+    incomingLinks = _ref$incomingLinks === void 0 ? [] : _ref$incomingLinks,
+    _ref$outgoingLinks = _ref.outgoingLinks,
+    outgoingLinks = _ref$outgoingLinks === void 0 ? [] : _ref$outgoingLinks;
+  return jsx(Stack, {
+    space: "space.150"
+  }, jsx(RelatedLinksList, {
+    urls: incomingLinks,
+    title: messages.related_links_found_in,
+    testId: "incoming-related-links-list"
+  }), jsx(RelatedLinksList, {
+    urls: outgoingLinks,
+    title: messages.related_links_includes_links_to,
+    testId: "outgoing-related-links-list"
+  }));
+};
+export default RelatedLinksResolvedView;

package/dist/esm/view/common/Byline.js

@@ -29,7 +29,9 @@ export var Byline = function Byline(_ref) {
       // due to HTML its unwrapping behaviour on paste.
       MozUserSelect: 'none'
     }),
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className
   }, text || children);
 };

package/dist/esm/view/common/Icon.js

@@ -56,7 +56,9 @@ export var Icon = function Icon(_ref) {
   });
   return jsx("span", {
     css: getSpanStyles(isFlexibleUi),
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardIconImageClassName
   }, icon || image || placeholder);
 };

package/dist/esm/view/common/MetadataList.js

@@ -17,7 +17,9 @@ export var MetadataList = function MetadataList(_ref) {
         marginRight: '0px'
       }
     },
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: metadataListClassName
   }, items.map(function (item) {
     return jsx(Metadata, _extends({

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message' | 'related_links_modal_title_nonfinal' | 'related_links_view_related_urls';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/state/modal/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type SmartLinkModalAPI, type SmartLinkModalProviderProps } from './types';
+export declare const SmartLinkModalContext: React.Context<SmartLinkModalAPI>;
+export declare const SmartLinkModalProvider: ({ children, }: SmartLinkModalProviderProps) => JSX.Element;
+/**
+ * Open (lazy load) modal
+ *
+ * This hook injects the element below Card and standalone HoverCard component.
+ * It is intended to solve the issue where modal triggered by the parent component
+ * disappear when the parent component is unmounted.
+ *
+ * For example, clicking on hover card action to open a modal. Once the modal is opened,
+ * hover card disappears.
+ *
+ * Usage:
+ *   const modal = useSmartLinkModal()
+ *   modal.open(<SomeLazyLoadModal isOpen={true} onClose={() => modal.close()} />);
+ */
+export declare const useSmartLinkModal: () => SmartLinkModalAPI;

package/dist/types/state/modal/types.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+export type SmartLinkModalAPI = {
+    /**
+     * Insert a modal component on the root of Card or standalone HoverCard.
+     * This is to ensure that the modal would not be unmounted
+     * when HoverCard is unmounted.
+     */
+    open: (node: JSX.Element) => void;
+    /**
+     * Remove modal component.
+     */
+    close: () => void;
+};
+export type SmartLinkModalProviderProps = {
+    children?: ReactNode;
+};

package/dist/types/view/RelatedLinksModal/components/RelatedLinksBaseModal.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-import { type RelatedLinksModalProps } from '../types';
-declare const RelatedLinksModal: ({ onClose, showModal, children, }: RelatedLinksModalProps) => JSX.Element;
-export default RelatedLinksModal;
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type RelatedLinksBaseModalProps } from './types';
+declare const RelatedLinksBaseModal: ({ onClose, showModal, children, }: RelatedLinksBaseModalProps) => jsx.JSX.Element;
+export default RelatedLinksBaseModal;

package/dist/types/view/RelatedLinksModal/components/related-link-item/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type RelatedLinkItemProp } from '../types';
+declare const RelatedLinkItem: ({ url, testId }: RelatedLinkItemProp) => jsx.JSX.Element;
+export default RelatedLinkItem;

package/dist/types/view/RelatedLinksModal/components/related-links-list/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type RelatedLinksListProp } from '../types';
+declare const RelatedLinksList: ({ urls, title, testId }: RelatedLinksListProp) => jsx.JSX.Element;
+export default RelatedLinksList;

package/dist/types/view/RelatedLinksModal/components/types.d.ts

@@ -0,0 +1,16 @@
+import { type MessageDescriptor } from 'react-intl-next';
+import type React from "react";
+export type RelatedLinkItemProp = {
+    url: string;
+    testId?: string;
+};
+export type RelatedLinksListProp = {
+    title: MessageDescriptor;
+    urls: string[];
+    testId?: string;
+};
+export type RelatedLinksBaseModalProps = {
+    onClose: () => void;
+    showModal: boolean;
+    children: React.ReactNode;
+};

package/dist/types/view/RelatedLinksModal/views/resolved/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type RelatedLinksProps } from './types';
+declare const RelatedLinksResolvedView: ({ incomingLinks, outgoingLinks, }: RelatedLinksProps) => jsx.JSX.Element;
+export default RelatedLinksResolvedView;

package/dist/types/view/RelatedLinksModal/views/resolved/types.d.ts

@@ -0,0 +1,4 @@
+export type RelatedLinksProps = {
+    incomingLinks?: string[];
+    outgoingLinks?: string[];
+};

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message' | 'related_links_modal_title_nonfinal' | 'related_links_view_related_urls';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/state/modal/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type SmartLinkModalAPI, type SmartLinkModalProviderProps } from './types';
+export declare const SmartLinkModalContext: React.Context<SmartLinkModalAPI>;
+export declare const SmartLinkModalProvider: ({ children, }: SmartLinkModalProviderProps) => JSX.Element;
+/**
+ * Open (lazy load) modal
+ *
+ * This hook injects the element below Card and standalone HoverCard component.
+ * It is intended to solve the issue where modal triggered by the parent component
+ * disappear when the parent component is unmounted.
+ *
+ * For example, clicking on hover card action to open a modal. Once the modal is opened,
+ * hover card disappears.
+ *
+ * Usage:
+ *   const modal = useSmartLinkModal()
+ *   modal.open(<SomeLazyLoadModal isOpen={true} onClose={() => modal.close()} />);
+ */
+export declare const useSmartLinkModal: () => SmartLinkModalAPI;

package/dist/types-ts4.5/state/modal/types.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+export type SmartLinkModalAPI = {
+    /**
+     * Insert a modal component on the root of Card or standalone HoverCard.
+     * This is to ensure that the modal would not be unmounted
+     * when HoverCard is unmounted.
+     */
+    open: (node: JSX.Element) => void;
+    /**
+     * Remove modal component.
+     */
+    close: () => void;
+};
+export type SmartLinkModalProviderProps = {
+    children?: ReactNode;
+};

package/dist/types-ts4.5/view/RelatedLinksModal/components/RelatedLinksBaseModal.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-import { type RelatedLinksModalProps } from '../types';
-declare const RelatedLinksModal: ({ onClose, showModal, children, }: RelatedLinksModalProps) => JSX.Element;
-export default RelatedLinksModal;
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type RelatedLinksBaseModalProps } from './types';
+declare const RelatedLinksBaseModal: ({ onClose, showModal, children, }: RelatedLinksBaseModalProps) => jsx.JSX.Element;
+export default RelatedLinksBaseModal;

package/dist/types-ts4.5/view/RelatedLinksModal/components/related-link-item/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type RelatedLinkItemProp } from '../types';
+declare const RelatedLinkItem: ({ url, testId }: RelatedLinkItemProp) => jsx.JSX.Element;
+export default RelatedLinkItem;

package/dist/types-ts4.5/view/RelatedLinksModal/components/related-links-list/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type RelatedLinksListProp } from '../types';
+declare const RelatedLinksList: ({ urls, title, testId }: RelatedLinksListProp) => jsx.JSX.Element;
+export default RelatedLinksList;

package/dist/types-ts4.5/view/RelatedLinksModal/components/types.d.ts

@@ -0,0 +1,16 @@
+import { type MessageDescriptor } from 'react-intl-next';
+import type React from "react";
+export type RelatedLinkItemProp = {
+    url: string;
+    testId?: string;
+};
+export type RelatedLinksListProp = {
+    title: MessageDescriptor;
+    urls: string[];
+    testId?: string;
+};
+export type RelatedLinksBaseModalProps = {
+    onClose: () => void;
+    showModal: boolean;
+    children: React.ReactNode;
+};

package/dist/types-ts4.5/view/RelatedLinksModal/views/resolved/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type RelatedLinksProps } from './types';
+declare const RelatedLinksResolvedView: ({ incomingLinks, outgoingLinks, }: RelatedLinksProps) => jsx.JSX.Element;
+export default RelatedLinksResolvedView;

package/dist/types-ts4.5/view/RelatedLinksModal/views/resolved/types.d.ts

@@ -0,0 +1,4 @@
+export type RelatedLinksProps = {
+    incomingLinks?: string[];
+    outgoingLinks?: string[];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "27.1.0",
+  "version": "27.2.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -56,7 +56,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.17.0",
     "@atlaskit/primitives": "^6.3.0",
-    "@atlaskit/select": "^17.9.0",
+    "@atlaskit/select": "^17.10.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/textarea": "^5.4.0",
     "@atlaskit/textfield": "^6.3.0",
@@ -158,9 +158,6 @@
     "platform.linking-platform.extractor.improve-bitbucket-file-links": {
       "type": "boolean"
     },
-    "platform.linking-platform.smart-card.disable-jira-status-action": {
-      "type": "boolean"
-    },
     "platform.linking-platform.smart-card.hover-card-ai-summaries": {
       "type": "boolean"
     },

package/dist/types/view/RelatedLinksModal/types.d.ts

@@ -1,6 +0,0 @@
-import type React from "react";
-export type RelatedLinksModalProps = {
-    onClose: () => void;
-    showModal: boolean;
-    children: React.ReactNode;
-};

package/dist/types-ts4.5/view/RelatedLinksModal/types.d.ts

@@ -1,6 +0,0 @@
-import type React from "react";
-export type RelatedLinksModalProps = {
-    onClose: () => void;
-    showModal: boolean;
-    children: React.ReactNode;
-};