@atlaskit/smart-card 26.46.0 → 26.46.2

package/dist/types/view/common/ai-prism/ai-glowing-border/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { AIGlowingBorderProps } from './types';
+export declare const borderContentStyles: import("@emotion/react").SerializedStyles;
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+declare const AIGlowingBorder: React.FC<AIGlowingBorderProps>;
+export default AIGlowingBorder;

package/dist/types/view/common/ai-prism/ai-glowing-border/types.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { SerializedStyles } from '@emotion/react';
+import type { AIBorderPalette } from '../types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+export type AIGlowingBorderProps = {
+    children: ReactNode;
+    palette: AIBorderPalette;
+    isMoving?: boolean;
+    isGlowing?: boolean;
+    testId?: string;
+    additionalCss?: {
+        container?: SerializedStyles;
+        animatedSvgContainer?: SerializedStyles;
+    };
+};
+export type AnimatedSvgContainerProps = {
+    palette: AIBorderPalette;
+    isMoving?: boolean;
+    isGlowing?: boolean;
+    additionalCss?: SerializedStyles;
+};

package/dist/types/view/common/ai-prism/constants.d.ts

@@ -0,0 +1,30 @@
+import { AIThemeBorderPalette } from './types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+export declare const GLOW_SIZE = 8;
+export declare const INNER_BORDER_RADIUS = 8;
+export declare const OUTER_BORDER_RADIUS = 10;
+export declare const aiThemeTokens: {
+    blueUniqueGradientLight: string;
+    blueUniqueGradientDark: string;
+    blue1000: string;
+    blue800: string;
+    blue700: string;
+    blue600: string;
+    blue500: string;
+    blue300: string;
+    blue200: string;
+    blue100: string;
+    teal500: string;
+    teal300: string;
+    yellow500: string;
+    yellow200: string;
+    red800: string;
+    red600: string;
+    orange500: string;
+    orange300: string;
+};
+export declare const AI_BORDER_PALETTE: AIThemeBorderPalette;

package/dist/types/view/common/ai-prism/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AIPrismProps } from './types';
+declare const AIPrism: React.FC<AIPrismProps>;
+export default AIPrism;

package/dist/types/view/common/ai-prism/types.d.ts

@@ -0,0 +1,13 @@
+import { AIGlowingBorderProps } from './ai-glowing-border/types';
+export type AIPrismProps = Pick<AIGlowingBorderProps, 'isMoving' | 'isGlowing' | 'testId'> & {
+    isVisible?: boolean;
+};
+export type AIBorderPalette = {
+    blue: string;
+    yellow: string;
+    teal: string;
+};
+export type AIThemeBorderPalette = {
+    dark: AIBorderPalette;
+    light: AIBorderPalette;
+};

package/dist/types-ts4.5/__fixtures__/atlas-project-with-ai-summary.d.ts

@@ -0,0 +1,2 @@
+declare const mockAtlasProjectWithAISummary: any;
+export default mockAtlasProjectWithAISummary;

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

@@ -1,6 +1,6 @@
 import { 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_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | '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' | 'could_not_load_link' | 'download' | 'follow' | '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_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' | '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';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | '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' | 'could_not_load_link' | 'download' | 'follow' | '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_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' | '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';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AISummaryBlockProps } from './types';
+/**
+ * Represents an AISummaryBlock, designed to summarising link resource
+ * content using AI.
+ * @public
+ * @param {AISummaryBlockProps} AISummaryBlock
+ * @see Block
+ */
+declare const AISummaryBlock: React.FC<AISummaryBlockProps>;
+export default AISummaryBlock;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AISummaryBlockProps } from '../types';
+declare const AISummaryBlockResolvedView: React.FC<AISummaryBlockProps>;
+export default AISummaryBlockResolvedView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/types.d.ts

@@ -0,0 +1,23 @@
+import { ActionItem, BlockProps, ElementItem } from '../types';
+import { OnActionMenuOpenChangeOptions } from '../types';
+export type AISummaryBlockProps = {
+    /**
+     * An array of actions to be displayed on the right
+     * after AI Summary button.
+     * @see ActionItem
+     */
+    actions?: ActionItem[];
+    /**
+     * An array of metadata elements to display on the left.
+     * @see ElementItem
+     */
+    metadata?: ElementItem[];
+    /**
+     * Function to be called when footer action dropdown open state is changed.
+     */
+    onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
+    /**
+     * Function to be called when AI Summary state changed.
+     */
+    onAIActionChange?: () => void;
+} & BlockProps;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/index.d.ts

@@ -6,3 +6,4 @@ export { default as TitleBlock } from './title-block';
 export { default as CustomBlock } from './block';
 export { default as InternalFooterBlock } from './footer-block/resolved';
 export { default as RelatedUrlsBlock } from './related-urls-block';
+export { default as AISummaryBlock } from './ai-summary-block';

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/utils.d.ts

@@ -9,6 +9,7 @@ export declare const getGapSize: (size: SmartLinkSize) => number;
 export declare const getBaseStyles: (direction: SmartLinkDirection, size: SmartLinkSize) => SerializedStyles;
 export declare const highlightRemoveStyles: SerializedStyles;
 export declare const isJSXElementNull: (children: JSX.Element) => boolean;
+export declare const getActionGroupStyles: (size: SmartLinkSize) => SerializedStyles | undefined;
 export declare const filterActionItems: (items?: ActionItem[], context?: FlexibleUiDataContext) => ActionItem[];
 export declare const renderChildren: (children: React.ReactNode, size: SmartLinkSize) => React.ReactNode;
 export declare const renderElementItems: (items?: ElementItem[], display?: ElementDisplaySchemaType) => React.ReactNode | undefined;

package/dist/types-ts4.5/view/common/ai-icon/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { SVGProps } from '@atlaskit/icon/types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications
+ */
+declare const AiIcon: (props: SVGProps) => JSX.Element;
+export default AiIcon;

package/dist/types-ts4.5/view/common/ai-prism/ai-glowing-border/animated-svg-container.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { AnimatedSvgContainerProps } from './types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+declare const AnimatedSvgContainer: React.FC<AnimatedSvgContainerProps>;
+export default AnimatedSvgContainer;

package/dist/types-ts4.5/view/common/ai-prism/ai-glowing-border/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { AIGlowingBorderProps } from './types';
+export declare const borderContentStyles: import("@emotion/react").SerializedStyles;
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+declare const AIGlowingBorder: React.FC<AIGlowingBorderProps>;
+export default AIGlowingBorder;

package/dist/types-ts4.5/view/common/ai-prism/ai-glowing-border/types.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { SerializedStyles } from '@emotion/react';
+import type { AIBorderPalette } from '../types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+export type AIGlowingBorderProps = {
+    children: ReactNode;
+    palette: AIBorderPalette;
+    isMoving?: boolean;
+    isGlowing?: boolean;
+    testId?: string;
+    additionalCss?: {
+        container?: SerializedStyles;
+        animatedSvgContainer?: SerializedStyles;
+    };
+};
+export type AnimatedSvgContainerProps = {
+    palette: AIBorderPalette;
+    isMoving?: boolean;
+    isGlowing?: boolean;
+    additionalCss?: SerializedStyles;
+};

package/dist/types-ts4.5/view/common/ai-prism/constants.d.ts

@@ -0,0 +1,30 @@
+import { AIThemeBorderPalette } from './types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+export declare const GLOW_SIZE = 8;
+export declare const INNER_BORDER_RADIUS = 8;
+export declare const OUTER_BORDER_RADIUS = 10;
+export declare const aiThemeTokens: {
+    blueUniqueGradientLight: string;
+    blueUniqueGradientDark: string;
+    blue1000: string;
+    blue800: string;
+    blue700: string;
+    blue600: string;
+    blue500: string;
+    blue300: string;
+    blue200: string;
+    blue100: string;
+    teal500: string;
+    teal300: string;
+    yellow500: string;
+    yellow200: string;
+    red800: string;
+    red600: string;
+    orange500: string;
+    orange300: string;
+};
+export declare const AI_BORDER_PALETTE: AIThemeBorderPalette;

package/dist/types-ts4.5/view/common/ai-prism/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AIPrismProps } from './types';
+declare const AIPrism: React.FC<AIPrismProps>;
+export default AIPrism;

package/dist/types-ts4.5/view/common/ai-prism/types.d.ts

@@ -0,0 +1,13 @@
+import { AIGlowingBorderProps } from './ai-glowing-border/types';
+export type AIPrismProps = Pick<AIGlowingBorderProps, 'isMoving' | 'isGlowing' | 'testId'> & {
+    isVisible?: boolean;
+};
+export type AIBorderPalette = {
+    blue: string;
+    yellow: string;
+    teal: string;
+};
+export type AIThemeBorderPalette = {
+    dark: AIBorderPalette;
+    light: AIBorderPalette;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.46.0",
+  "version": "26.46.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,12 +26,12 @@
   },
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.1.0",
-    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^15.2.0",
-    "@atlaskit/button": "^17.2.0",
-    "@atlaskit/dropdown-menu": "^12.1.0",
+    "@atlaskit/button": "^17.3.0",
+    "@atlaskit/dropdown-menu": "^12.4.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/icon-object": "^6.3.0",
@@ -47,8 +47,8 @@
     "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/popup": "^1.11.0",
-    "@atlaskit/primitives": "^1.20.0",
+    "@atlaskit/popup": "^1.12.0",
+    "@atlaskit/primitives": "^2.0.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.35.0",
@@ -82,7 +82,7 @@
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/feature-flags-test-utils": "^0.1.1",
+    "@atlassian/feature-flags-test-utils": "^0.2.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
@@ -154,6 +154,9 @@
     },
     "platform.linking-platform.smart-card.disable-jira-status-action": {
       "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.hover-card-ai-summaries": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"