@atlaskit/smart-card 43.29.3 → 43.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/cjs/messages.js +5 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js +58 -0
- package/dist/cjs/view/InlineCard/ResolvedView/index.js +10 -7
- package/dist/cjs/view/InlineCard/ResolvedView/renderLozenge.js +47 -0
- package/dist/cjs/view/InlineCard/ResolvedView/types.js +5 -0
- package/dist/cjs/view/InlineCard/common/action-button/index.compiled.css +8 -0
- package/dist/cjs/view/InlineCard/common/action-button/index.js +2 -1
- package/dist/cjs/view/InlineCard/common/rovo-actions-button/index.compiled.css +15 -0
- package/dist/cjs/view/InlineCard/common/rovo-actions-button/index.js +110 -0
- package/dist/cjs/view/InlineCard/common/rovo-post-auth-actions-modal/index.compiled.css +41 -0
- package/dist/cjs/view/InlineCard/common/rovo-post-auth-actions-modal/index.js +86 -0
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/messages.js +5 -0
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js +49 -0
- package/dist/es2019/view/InlineCard/ResolvedView/index.js +5 -2
- package/dist/es2019/view/InlineCard/ResolvedView/renderLozenge.js +37 -0
- package/dist/es2019/view/InlineCard/ResolvedView/types.js +1 -0
- package/dist/es2019/view/InlineCard/common/action-button/index.compiled.css +8 -0
- package/dist/es2019/view/InlineCard/common/action-button/index.js +2 -1
- package/dist/es2019/view/InlineCard/common/rovo-actions-button/index.compiled.css +15 -0
- package/dist/es2019/view/InlineCard/common/rovo-actions-button/index.js +78 -0
- package/dist/es2019/view/InlineCard/common/rovo-post-auth-actions-modal/index.compiled.css +41 -0
- package/dist/es2019/view/InlineCard/common/rovo-post-auth-actions-modal/index.js +78 -0
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/messages.js +5 -0
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js +51 -0
- package/dist/esm/view/InlineCard/ResolvedView/index.js +10 -7
- package/dist/esm/view/InlineCard/ResolvedView/renderLozenge.js +40 -0
- package/dist/esm/view/InlineCard/ResolvedView/types.js +1 -0
- package/dist/esm/view/InlineCard/common/action-button/index.compiled.css +8 -0
- package/dist/esm/view/InlineCard/common/action-button/index.js +2 -1
- package/dist/esm/view/InlineCard/common/rovo-actions-button/index.compiled.css +15 -0
- package/dist/esm/view/InlineCard/common/rovo-actions-button/index.js +101 -0
- package/dist/esm/view/InlineCard/common/rovo-post-auth-actions-modal/index.compiled.css +41 -0
- package/dist/esm/view/InlineCard/common/rovo-post-auth-actions-modal/index.js +77 -0
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/messages.d.ts +1 -1
- package/dist/types/view/InlineCard/Frame/index.d.ts +1 -1
- package/dist/types/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.d.ts +3 -0
- package/dist/types/view/InlineCard/ResolvedView/index.d.ts +1 -4
- package/dist/types/view/InlineCard/ResolvedView/renderLozenge.d.ts +3 -0
- package/dist/types/view/InlineCard/ResolvedView/types.d.ts +42 -0
- package/dist/types/view/InlineCard/common/action-button/index.d.ts +1 -1
- package/dist/types/view/InlineCard/common/rovo-actions-button/index.d.ts +12 -0
- package/dist/types/view/InlineCard/common/rovo-post-auth-actions-modal/index.d.ts +11 -0
- package/dist/types-ts4.5/messages.d.ts +1 -1
- package/dist/types-ts4.5/view/InlineCard/Frame/index.d.ts +1 -1
- package/dist/types-ts4.5/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.d.ts +3 -0
- package/dist/types-ts4.5/view/InlineCard/ResolvedView/index.d.ts +1 -4
- package/dist/types-ts4.5/view/InlineCard/ResolvedView/renderLozenge.d.ts +3 -0
- package/dist/types-ts4.5/view/InlineCard/ResolvedView/types.d.ts +42 -0
- package/dist/types-ts4.5/view/InlineCard/common/action-button/index.d.ts +1 -1
- package/dist/types-ts4.5/view/InlineCard/common/rovo-actions-button/index.d.ts +12 -0
- package/dist/types-ts4.5/view/InlineCard/common/rovo-post-auth-actions-modal/index.d.ts +11 -0
- package/package.json +7 -3
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import "./index.compiled.css";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
+
import AiGenerativeRemoveIcon from '@atlaskit/icon-lab/core/ai-generative-remove';
|
|
6
|
+
import AiGenerativeTextIcon from '@atlaskit/icon-lab/core/ai-generative-text';
|
|
7
|
+
import AiSearchIcon from '@atlaskit/icon-lab/core/ai-search';
|
|
8
|
+
import Link from '@atlaskit/link';
|
|
9
|
+
import { Box, Pressable, Stack } from '@atlaskit/primitives/compiled';
|
|
10
|
+
var styles = {
|
|
11
|
+
container: "_2rko1mok _1reo15vq _18m915vq _bfhk1bhr _16qs130s _1bsb1kdj _1e0c1txw _2lx21bp4",
|
|
12
|
+
header: "_ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
|
|
13
|
+
title: "_11c8fhey _k48pwu06",
|
|
14
|
+
divider: "_195gpxbi _4t3it94y _bfhkplhp",
|
|
15
|
+
actions: "_ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi",
|
|
16
|
+
pressable: "_1e0c1bgi",
|
|
17
|
+
actionButtonBase: "_zulpu2gc _2rkopb1k _11c8fhey _1e0c1txw _4cvr1h6o _ca0q1b66 _u5f3utpp _n3td1b66 _19bvutpp _80omtlke _1bsb1ns9",
|
|
18
|
+
actionButtonImproveDraft: "_19itnf5y _bfhkp2ly _irr3kca2",
|
|
19
|
+
actionButtonFindRelated: "_19it1kc4 _bfhkf5uh _irr319yr",
|
|
20
|
+
actionButtonCreateActions: "_19it1cdj _bfhkm890 _irr3d4y8",
|
|
21
|
+
actionButtonShowRelevance: "_19itia51 _bfhkhfxm _irr3plhp"
|
|
22
|
+
};
|
|
23
|
+
export var RovoPostAuthActionsModal = function RovoPostAuthActionsModal(_ref) {
|
|
24
|
+
var title = _ref.title,
|
|
25
|
+
url = _ref.url,
|
|
26
|
+
testId = _ref.testId;
|
|
27
|
+
return /*#__PURE__*/React.createElement(Stack, {
|
|
28
|
+
xcss: styles.container,
|
|
29
|
+
testId: testId,
|
|
30
|
+
space: "space.0"
|
|
31
|
+
}, /*#__PURE__*/React.createElement(Stack, {
|
|
32
|
+
xcss: styles.header,
|
|
33
|
+
space: "space.100"
|
|
34
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
35
|
+
xcss: styles.title
|
|
36
|
+
}, /*#__PURE__*/React.createElement(Link, {
|
|
37
|
+
href: url
|
|
38
|
+
}, title))), /*#__PURE__*/React.createElement(Box, {
|
|
39
|
+
xcss: styles.divider
|
|
40
|
+
}), /*#__PURE__*/React.createElement(Stack, {
|
|
41
|
+
xcss: styles.actions,
|
|
42
|
+
space: "space.100",
|
|
43
|
+
alignInline: "start"
|
|
44
|
+
}, /*#__PURE__*/React.createElement(Pressable, {
|
|
45
|
+
xcss: styles.pressable
|
|
46
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
47
|
+
className: ax([styles.actionButtonBase, styles.actionButtonImproveDraft])
|
|
48
|
+
}, /*#__PURE__*/React.createElement(AiGenerativeRemoveIcon, {
|
|
49
|
+
label: "Improve draft icon",
|
|
50
|
+
color: "var(--ds-icon-accent-purple, #AF59E1)",
|
|
51
|
+
size: "small"
|
|
52
|
+
}))), /*#__PURE__*/React.createElement(Pressable, {
|
|
53
|
+
xcss: styles.pressable
|
|
54
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
55
|
+
className: ax([styles.actionButtonBase, styles.actionButtonFindRelated])
|
|
56
|
+
}, /*#__PURE__*/React.createElement(AiSearchIcon, {
|
|
57
|
+
label: "Find related icon",
|
|
58
|
+
color: "var(--ds-icon-accent-orange, #E06C00)",
|
|
59
|
+
size: "small"
|
|
60
|
+
}))), /*#__PURE__*/React.createElement(Pressable, {
|
|
61
|
+
xcss: styles.pressable
|
|
62
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
63
|
+
className: ax([styles.actionButtonBase, styles.actionButtonCreateActions])
|
|
64
|
+
}, /*#__PURE__*/React.createElement(AiGenerativeTextIcon, {
|
|
65
|
+
label: "Create actions icon",
|
|
66
|
+
color: "var(--ds-icon-accent-lime, #6A9A23)",
|
|
67
|
+
size: "small"
|
|
68
|
+
}))), /*#__PURE__*/React.createElement(Pressable, {
|
|
69
|
+
xcss: styles.pressable
|
|
70
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
71
|
+
className: ax([styles.actionButtonBase, styles.actionButtonShowRelevance])
|
|
72
|
+
}, /*#__PURE__*/React.createElement(AiGenerativeTextIcon, {
|
|
73
|
+
label: "Show relevance icon",
|
|
74
|
+
color: "var(--ds-icon-subtle, #505258)",
|
|
75
|
+
size: "small"
|
|
76
|
+
})))));
|
|
77
|
+
};
|
|
@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
15
15
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
16
16
|
var PACKAGE_DATA = {
|
|
17
17
|
packageName: "@atlaskit/smart-card",
|
|
18
|
-
packageVersion: "43.
|
|
18
|
+
packageVersion: "43.30.0",
|
|
19
19
|
componentName: 'linkUrl'
|
|
20
20
|
};
|
|
21
21
|
var Anchor = withLinkClickedEvent('a');
|
package/dist/types/messages.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type MessageDescriptor } from 'react-intl-next';
|
|
2
2
|
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';
|
|
3
3
|
export type RovoChatActionMessageKey = 'rovo_prompt_context_generic' | 'rovo_prompt_context_generic_plural' | 'rovo_prompt_context_confluence_page' | 'rovo_prompt_context_confluence_page_short' | 'rovo_prompt_context_jira_work_item' | 'rovo_prompt_context_jira_work_item_short' | 'rovo_prompt_button_recommend_other_sources' | 'rovo_prompt_message_recommend_other_sources' | 'rovo_prompt_button_show_other_mentions' | 'rovo_prompt_message_show_other_mentions' | 'rovo_prompt_button_suggest_improvement' | 'rovo_prompt_message_suggest_improvement';
|
|
4
|
-
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'change_status' | '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' | 'compass_applied_components_count' | '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_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | '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' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | '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_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify' | 'rovo_summary_loading' | 'ai_disclaimer' | RovoChatActionMessageKey;
|
|
4
|
+
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'change_status' | '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' | 'compass_applied_components_count' | '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_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | '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' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | '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' | 'rovo_actions_explore' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify' | 'rovo_summary_loading' | 'ai_disclaimer' | RovoChatActionMessageKey;
|
|
5
5
|
type Messages = {
|
|
6
6
|
[K in MessageKey]: MessageDescriptor;
|
|
7
7
|
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type InlineCardResolvedViewFunctionalProps } from './types';
|
|
3
|
+
export declare function InlineCardResolvedViewFunctional({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
|
|
@@ -40,7 +40,4 @@ export interface InlineCardResolvedViewProps {
|
|
|
40
40
|
/** Type of inline card */
|
|
41
41
|
type?: string[];
|
|
42
42
|
}
|
|
43
|
-
export declare
|
|
44
|
-
renderLozenge(): React.JSX.Element | null;
|
|
45
|
-
render(): React.JSX.Element;
|
|
46
|
-
}
|
|
43
|
+
export declare const InlineCardResolvedView: React.FC<import("./types").InlineCardResolvedViewFunctionalProps & InlineCardResolvedViewProps>;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type LozengeProps } from '../../../types';
|
|
3
|
+
import type { InternalCardActionOptions as CardActionOptions } from '../../Card/types';
|
|
4
|
+
import { type HoverPreviewOptions } from '../../HoverCard/types';
|
|
5
|
+
export interface InlineCardResolvedViewFunctionalProps {
|
|
6
|
+
/** Configure visibility of server and client actions */
|
|
7
|
+
actionOptions?: CardActionOptions;
|
|
8
|
+
/**
|
|
9
|
+
* When set to true, the loading skeleton for the image icon will be hidden,
|
|
10
|
+
* the image will be rendered directly.
|
|
11
|
+
*/
|
|
12
|
+
hideIconLoadingSkeleton?: boolean;
|
|
13
|
+
hoverPreviewOptions?: HoverPreviewOptions;
|
|
14
|
+
/** The optional con of the service (e.g. Dropbox/Asana/Google/etc) to display */
|
|
15
|
+
icon?: React.ReactNode;
|
|
16
|
+
/** A unique ID for a Smart Link. */
|
|
17
|
+
id?: string;
|
|
18
|
+
/** A flag that determines whether a card is in hover state in edit mode. Currently used for inline only */
|
|
19
|
+
isHovered?: boolean;
|
|
20
|
+
/** A flag that determines whether the card is selected in edit mode. */
|
|
21
|
+
isSelected?: boolean;
|
|
22
|
+
/** The optional url */
|
|
23
|
+
link?: string;
|
|
24
|
+
/** The the optional lozenge that might represent the statux of the resource */
|
|
25
|
+
lozenge?: LozengeProps;
|
|
26
|
+
/** The optional click handler */
|
|
27
|
+
onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
|
|
28
|
+
/** Enables showing a custom preview on hover of link */
|
|
29
|
+
showHoverPreview?: boolean;
|
|
30
|
+
/** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
|
|
31
|
+
testId?: string;
|
|
32
|
+
/** The name of the resource */
|
|
33
|
+
title?: string;
|
|
34
|
+
/** The Emoji icon prefix that was added to the title text via Add emoji button */
|
|
35
|
+
titlePrefix?: React.ReactNode;
|
|
36
|
+
/** The color of the title text only (not including the icon) */
|
|
37
|
+
titleTextColor?: string;
|
|
38
|
+
/** Truncates the card to one line */
|
|
39
|
+
truncateInline?: boolean;
|
|
40
|
+
/** Type of inline card */
|
|
41
|
+
type?: string[];
|
|
42
|
+
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { type ComponentPropsWithRef } from 'react';
|
|
6
6
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
7
7
|
type ActionButtonProps = ComponentPropsWithRef<typeof Pressable> & {
|
|
8
|
-
viewType?: 'default' | 'unauthorised';
|
|
8
|
+
viewType?: 'default' | 'unauthorised' | 'action';
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
11
|
* Action button has to be a span for the overflow to work correctly
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface RovoActionsButtonProps {
|
|
7
|
+
onClick?: (e: React.MouseEvent<HTMLElement>) => void;
|
|
8
|
+
testId?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
url?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const RovoActionsButton: ({ onClick, testId, title, url }: RovoActionsButtonProps) => JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
* The code in this file is merely a placeholder for the modal and will be changed in a separate PR.
|
|
5
|
+
*/
|
|
6
|
+
export interface RovoPostAuthActionsModalProps {
|
|
7
|
+
testId?: string;
|
|
8
|
+
title: string;
|
|
9
|
+
url: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const RovoPostAuthActionsModal: ({ title, url, testId }: RovoPostAuthActionsModalProps) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type MessageDescriptor } from 'react-intl-next';
|
|
2
2
|
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';
|
|
3
3
|
export type RovoChatActionMessageKey = 'rovo_prompt_context_generic' | 'rovo_prompt_context_generic_plural' | 'rovo_prompt_context_confluence_page' | 'rovo_prompt_context_confluence_page_short' | 'rovo_prompt_context_jira_work_item' | 'rovo_prompt_context_jira_work_item_short' | 'rovo_prompt_button_recommend_other_sources' | 'rovo_prompt_message_recommend_other_sources' | 'rovo_prompt_button_show_other_mentions' | 'rovo_prompt_message_show_other_mentions' | 'rovo_prompt_button_suggest_improvement' | 'rovo_prompt_message_suggest_improvement';
|
|
4
|
-
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'change_status' | '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' | 'compass_applied_components_count' | '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_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | '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' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | '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_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify' | 'rovo_summary_loading' | 'ai_disclaimer' | RovoChatActionMessageKey;
|
|
4
|
+
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'change_status' | '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' | 'compass_applied_components_count' | '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_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | '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' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | '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' | 'rovo_actions_explore' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify' | 'rovo_summary_loading' | 'ai_disclaimer' | RovoChatActionMessageKey;
|
|
5
5
|
type Messages = {
|
|
6
6
|
[K in MessageKey]: MessageDescriptor;
|
|
7
7
|
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type InlineCardResolvedViewFunctionalProps } from './types';
|
|
3
|
+
export declare function InlineCardResolvedViewFunctional({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
|
|
@@ -40,7 +40,4 @@ export interface InlineCardResolvedViewProps {
|
|
|
40
40
|
/** Type of inline card */
|
|
41
41
|
type?: string[];
|
|
42
42
|
}
|
|
43
|
-
export declare
|
|
44
|
-
renderLozenge(): React.JSX.Element | null;
|
|
45
|
-
render(): React.JSX.Element;
|
|
46
|
-
}
|
|
43
|
+
export declare const InlineCardResolvedView: React.FC<import("./types").InlineCardResolvedViewFunctionalProps & InlineCardResolvedViewProps>;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type LozengeProps } from '../../../types';
|
|
3
|
+
import type { InternalCardActionOptions as CardActionOptions } from '../../Card/types';
|
|
4
|
+
import { type HoverPreviewOptions } from '../../HoverCard/types';
|
|
5
|
+
export interface InlineCardResolvedViewFunctionalProps {
|
|
6
|
+
/** Configure visibility of server and client actions */
|
|
7
|
+
actionOptions?: CardActionOptions;
|
|
8
|
+
/**
|
|
9
|
+
* When set to true, the loading skeleton for the image icon will be hidden,
|
|
10
|
+
* the image will be rendered directly.
|
|
11
|
+
*/
|
|
12
|
+
hideIconLoadingSkeleton?: boolean;
|
|
13
|
+
hoverPreviewOptions?: HoverPreviewOptions;
|
|
14
|
+
/** The optional con of the service (e.g. Dropbox/Asana/Google/etc) to display */
|
|
15
|
+
icon?: React.ReactNode;
|
|
16
|
+
/** A unique ID for a Smart Link. */
|
|
17
|
+
id?: string;
|
|
18
|
+
/** A flag that determines whether a card is in hover state in edit mode. Currently used for inline only */
|
|
19
|
+
isHovered?: boolean;
|
|
20
|
+
/** A flag that determines whether the card is selected in edit mode. */
|
|
21
|
+
isSelected?: boolean;
|
|
22
|
+
/** The optional url */
|
|
23
|
+
link?: string;
|
|
24
|
+
/** The the optional lozenge that might represent the statux of the resource */
|
|
25
|
+
lozenge?: LozengeProps;
|
|
26
|
+
/** The optional click handler */
|
|
27
|
+
onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
|
|
28
|
+
/** Enables showing a custom preview on hover of link */
|
|
29
|
+
showHoverPreview?: boolean;
|
|
30
|
+
/** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
|
|
31
|
+
testId?: string;
|
|
32
|
+
/** The name of the resource */
|
|
33
|
+
title?: string;
|
|
34
|
+
/** The Emoji icon prefix that was added to the title text via Add emoji button */
|
|
35
|
+
titlePrefix?: React.ReactNode;
|
|
36
|
+
/** The color of the title text only (not including the icon) */
|
|
37
|
+
titleTextColor?: string;
|
|
38
|
+
/** Truncates the card to one line */
|
|
39
|
+
truncateInline?: boolean;
|
|
40
|
+
/** Type of inline card */
|
|
41
|
+
type?: string[];
|
|
42
|
+
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { type ComponentPropsWithRef } from 'react';
|
|
6
6
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
7
7
|
type ActionButtonProps = ComponentPropsWithRef<typeof Pressable> & {
|
|
8
|
-
viewType?: 'default' | 'unauthorised';
|
|
8
|
+
viewType?: 'default' | 'unauthorised' | 'action';
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
11
|
* Action button has to be a span for the overflow to work correctly
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface RovoActionsButtonProps {
|
|
7
|
+
onClick?: (e: React.MouseEvent<HTMLElement>) => void;
|
|
8
|
+
testId?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
url?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const RovoActionsButton: ({ onClick, testId, title, url }: RovoActionsButtonProps) => JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
* The code in this file is merely a placeholder for the modal and will be changed in a separate PR.
|
|
5
|
+
*/
|
|
6
|
+
export interface RovoPostAuthActionsModalProps {
|
|
7
|
+
testId?: string;
|
|
8
|
+
title: string;
|
|
9
|
+
url: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const RovoPostAuthActionsModal: ({ title, url, testId }: RovoPostAuthActionsModalProps) => JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "43.
|
|
3
|
+
"version": "43.30.1",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
"@atlaskit/heading": "^5.3.0",
|
|
47
47
|
"@atlaskit/icon": "^34.0.0",
|
|
48
48
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
49
|
+
"@atlaskit/icon-lab": "^6.3.0",
|
|
49
50
|
"@atlaskit/icon-object": "^7.5.0",
|
|
50
51
|
"@atlaskit/image": "^3.0.0",
|
|
51
52
|
"@atlaskit/json-ld-types": "^1.4.0",
|
|
@@ -76,7 +77,7 @@
|
|
|
76
77
|
"@atlaskit/textfield": "^8.2.0",
|
|
77
78
|
"@atlaskit/theme": "^22.0.0",
|
|
78
79
|
"@atlaskit/tile": "^1.0.0",
|
|
79
|
-
"@atlaskit/tmp-editor-statsig": "^54.
|
|
80
|
+
"@atlaskit/tmp-editor-statsig": "^54.3.0",
|
|
80
81
|
"@atlaskit/tokens": "^11.4.0",
|
|
81
82
|
"@atlaskit/tooltip": "^21.1.0",
|
|
82
83
|
"@atlaskit/ufo": "^0.4.0",
|
|
@@ -110,7 +111,7 @@
|
|
|
110
111
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
111
112
|
"@atlassian/analytics-tooling": "workspace:^",
|
|
112
113
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
113
|
-
"@atlassian/gemini": "^1.
|
|
114
|
+
"@atlassian/gemini": "^1.41.0",
|
|
114
115
|
"@atlassian/testing-library": "^0.5.0",
|
|
115
116
|
"@testing-library/dom": "^10.1.0",
|
|
116
117
|
"@testing-library/jest-dom": "^6.4.5",
|
|
@@ -237,6 +238,9 @@
|
|
|
237
238
|
},
|
|
238
239
|
"platform-dst-lozenge-tag-badge-visual-uplifts": {
|
|
239
240
|
"type": "boolean"
|
|
241
|
+
},
|
|
242
|
+
"smart-card-inline-resolved-view-refactor": {
|
|
243
|
+
"type": "boolean"
|
|
240
244
|
}
|
|
241
245
|
},
|
|
242
246
|
"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"
|