@atlaskit/smart-card 26.70.0 → 26.72.0

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition", "hideIcon"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
 import React from 'react';
 import { css } from '@emotion/react';
 import { LinkIcon } from '../../../elements';
@@ -23,6 +23,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
     testId = _ref.testId,
     text = _ref.text,
+    icon = _ref.icon,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
     hideIcon = _ref.hideIcon,
@@ -32,6 +33,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,

package/dist/esm/view/FlexibleCard/components/elements/icon/index.js

@@ -70,6 +70,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
  */
 var Icon = function Icon(_ref) {
   var icon = _ref.icon,
+    overrideIcon = _ref.overrideIcon,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Link' : _ref$label,
     name = _ref.name,
@@ -84,8 +85,8 @@ var Icon = function Icon(_ref) {
     url = _ref.url;
   var element = useMemo(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
-  }, [icon, label, render, testId, url]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+  }, [overrideIcon, icon, label, render, testId, url]);
   var width = getIconWidth(size);
   var styles = getIconStyles(position, width);
   var renderStyles = render ? getCustomRenderStyles(width) : undefined;

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: "26.70.0",
+  packageVersion: "26.72.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/utils.d.ts

@@ -1,2 +1,9 @@
+import { type ProductType } from '@atlaskit/linking-common';
 export declare const getBufferReader: (response: Response) => ReadableStreamDefaultReader<string>;
 export declare const addPath: (baseUrl: string, path: string) => string;
+/**
+ * Converts a `ProductType` to the expected `x-product` header value for AI Mate.
+ *
+ * @see https://developer.atlassian.com/platform/assistance-service/security/entitlements/#approach
+ */
+export declare const getXProductHeaderValue: (product: ProductType | undefined) => "CONFLUENCE" | "ATLAS" | "BITBUCKET" | "TRELLO" | "JSM" | "JPD" | "ELEVATE" | "JIRA-SOFTWARE" | "JIRA-CORE" | undefined;

package/dist/types/view/BlockCard/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { BlockCardProps } from './types';
+import { type FC } from 'react';
+import { type BlockCardProps } from './types';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
 import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';

package/dist/types/view/BlockCard/views/flexible/unresolved-view/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { UnresolvedViewProps } from './types';
+import { type UnresolvedViewProps } from './types';
 declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

package/dist/types/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { ActionStackItemProps } from './types';
+import type { TriggerProps } from '@atlaskit/tooltip';
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, xcss, }: import("../types").ActionProps & {
+    size: import("../../../../../..").SmartLinkSize;
+    space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
+    tooltipOnHide?: ((analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => any) | undefined;
+    hideTooltipOnMouseDown?: boolean | undefined;
+} & {
+    tooltipProps?: TriggerProps | undefined;
+}) => JSX.Element;
+export default ActionButton;

package/dist/types/view/FlexibleCard/components/actions/action/action-stack-item/index.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
-import { type ActionStackItemProps } from './types';
-declare const ActionStackItem: FC<ActionStackItemProps>;
+/// <reference types="react" />
+import type { ActionStackItemProps } from './types';
+declare const ActionStackItem: ({ content, tooltipMessage, tooltipOnHide, hideTooltipOnMouseDown, hideTooltip, ...props }: ActionStackItemProps) => JSX.Element;
 export default ActionStackItem;

package/dist/types/view/FlexibleCard/components/actions/action/action-stack-item/types.d.ts

@@ -1,13 +1,10 @@
-import type { Space, XCSS } from '@atlaskit/primitives';
+import type { Space } from '@atlaskit/primitives';
 import type { SmartLinkSize } from '../../../../../../constants';
 import type { ActionProps } from '../types';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type ActionStackItemProps = ActionProps & {
-    isLoading?: boolean;
     size: SmartLinkSize;
-    isDisabled?: boolean;
     space?: Space;
-    xcss?: XCSS;
     tooltipOnHide?: (analyticsEvent: UIAnalyticsEvent) => any;
     hideTooltipOnMouseDown?: boolean;
 };

package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts

@@ -60,6 +60,10 @@ export type ActionProps = {
      * Determines the hideTooltipOnMouseDown behaviour of the Tooltip
      */
     hideTooltipOnMouseDown?: boolean;
+    /**
+     * Determines if the tooltip should be hidden
+     */
+    hideTooltip?: boolean;
     /**
      * @deprecated Use 'as' instead
      * Used to determine whether the Action is in a Dropdown.
@@ -102,4 +106,5 @@ export type ActionProps = {
      * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
      */
     wrapper?: React.ElementType;
+    onLoadingChange?: (isLoading: boolean) => void;
 };

package/dist/types/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.

package/dist/types/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockProps } from './types';
+import { type TitleBlockProps } from './types';
 /**
  * Represents a TitleBlock, which is the foundation of Flexible UI.
  * This contains an icon, the link, and any associated metadata and actions in one block.

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolved/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.

package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ActionItem, BlockProps, ElementItem, OnActionMenuOpenChangeOptions } from '../types';
-import { SmartLinkPosition, SmartLinkTheme } from '../../../../../constants';
-import { RetryOptions } from '../../../types';
-import { AnchorTarget } from '../../types';
+import type React from 'react';
+import { type ActionItem, type BlockProps, type ElementItem, type OnActionMenuOpenChangeOptions } from '../types';
+import { type SmartLinkPosition, type SmartLinkTheme } from '../../../../../constants';
+import { type RetryOptions } from '../../../types';
+import { type AnchorTarget } from '../../types';
 export type TitleBlockProps = {
     /**
      * An array of action items to be displayed after the title
@@ -80,6 +80,11 @@ export type TitleBlockProps = {
      * the Smart Link.
      */
     text?: string;
+    /**
+     * The icon to display in the title block. Overrides any icon that is retrieved from
+     * the Smart Link.
+     */
+    icon?: React.ReactNode;
     /**
      * The theme of the link text. Can be Black or Link (default URL blue)
      * @internal

package/dist/types/view/FlexibleCard/components/elements/icon/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { IconProps } from './types';
+import { type IconProps } from './types';
 /**
  * A base element that displays an Icon or favicon.
  * @internal

package/dist/types/view/FlexibleCard/components/elements/icon/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { IconType, SmartLinkPosition } from '../../../../../constants';
+import { type ElementProps } from '../types';
+import { type IconType, type SmartLinkPosition } from '../../../../../constants';
 export type IconProps = ElementProps & {
     /**
      * If provided, Icon element will use this render function instead.
@@ -11,6 +11,11 @@ export type IconProps = ElementProps & {
      * will be used.
      */
     icon?: IconType;
+    /**
+     * If provided, overrideIcon will be rendered in the place of the provided icon or one that is
+     * supplied by the URL.
+     */
+    overrideIcon?: React.ReactNode;
     /**
      * The label provided to the Atlaskit Icon.
      */

package/dist/types/view/FlexibleCard/components/elements/link/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { LinkProps } from './types';
+import { type LinkProps } from './types';
 /**
  * A base element that represent an anchor.
  * @internal

package/dist/types/view/FlexibleCard/components/elements/link/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { SmartLinkTheme } from '../../../../../constants';
-import { AnchorTarget } from '../../types';
+import { type ElementProps } from '../types';
+import { type SmartLinkTheme } from '../../../../../constants';
+import { type AnchorTarget } from '../../types';
 export type LinkProps = ElementProps & {
     /**
      * Determines whether the link should display tooltip on hover.

package/dist/types-ts4.5/state/hooks/use-ai-summary/ai-summary-service/utils.d.ts

@@ -1,2 +1,9 @@
+import { type ProductType } from '@atlaskit/linking-common';
 export declare const getBufferReader: (response: Response) => ReadableStreamDefaultReader<string>;
 export declare const addPath: (baseUrl: string, path: string) => string;
+/**
+ * Converts a `ProductType` to the expected `x-product` header value for AI Mate.
+ *
+ * @see https://developer.atlassian.com/platform/assistance-service/security/entitlements/#approach
+ */
+export declare const getXProductHeaderValue: (product: ProductType | undefined) => "CONFLUENCE" | "ATLAS" | "BITBUCKET" | "TRELLO" | "JSM" | "JPD" | "ELEVATE" | "JIRA-SOFTWARE" | "JIRA-CORE" | undefined;

package/dist/types-ts4.5/view/BlockCard/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { BlockCardProps } from './types';
+import { type FC } from 'react';
+import { type BlockCardProps } from './types';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
 import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';

package/dist/types-ts4.5/view/BlockCard/views/flexible/unresolved-view/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { UnresolvedViewProps } from './types';
+import { type UnresolvedViewProps } from './types';
 declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { ActionStackItemProps } from './types';
+import type { TriggerProps } from '@atlaskit/tooltip';
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, xcss, }: import("../types").ActionProps & {
+    size: import("../../../../../..").SmartLinkSize;
+    space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
+    tooltipOnHide?: ((analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => any) | undefined;
+    hideTooltipOnMouseDown?: boolean | undefined;
+} & {
+    tooltipProps?: TriggerProps | undefined;
+}) => JSX.Element;
+export default ActionButton;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/index.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
-import { type ActionStackItemProps } from './types';
-declare const ActionStackItem: FC<ActionStackItemProps>;
+/// <reference types="react" />
+import type { ActionStackItemProps } from './types';
+declare const ActionStackItem: ({ content, tooltipMessage, tooltipOnHide, hideTooltipOnMouseDown, hideTooltip, ...props }: ActionStackItemProps) => JSX.Element;
 export default ActionStackItem;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/types.d.ts

@@ -1,13 +1,10 @@
-import type { Space, XCSS } from '@atlaskit/primitives';
+import type { Space } from '@atlaskit/primitives';
 import type { SmartLinkSize } from '../../../../../../constants';
 import type { ActionProps } from '../types';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type ActionStackItemProps = ActionProps & {
-    isLoading?: boolean;
     size: SmartLinkSize;
-    isDisabled?: boolean;
     space?: Space;
-    xcss?: XCSS;
     tooltipOnHide?: (analyticsEvent: UIAnalyticsEvent) => any;
     hideTooltipOnMouseDown?: boolean;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/types.d.ts

@@ -60,6 +60,10 @@ export type ActionProps = {
      * Determines the hideTooltipOnMouseDown behaviour of the Tooltip
      */
     hideTooltipOnMouseDown?: boolean;
+    /**
+     * Determines if the tooltip should be hidden
+     */
+    hideTooltip?: boolean;
     /**
      * @deprecated Use 'as' instead
      * Used to determine whether the Action is in a Dropdown.
@@ -102,4 +106,5 @@ export type ActionProps = {
      * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
      */
     wrapper?: React.ElementType;
+    onLoadingChange?: (isLoading: boolean) => void;
 };

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockProps } from './types';
+import { type TitleBlockProps } from './types';
 /**
  * Represents a TitleBlock, which is the foundation of Flexible UI.
  * This contains an icon, the link, and any associated metadata and actions in one block.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ActionItem, BlockProps, ElementItem, OnActionMenuOpenChangeOptions } from '../types';
-import { SmartLinkPosition, SmartLinkTheme } from '../../../../../constants';
-import { RetryOptions } from '../../../types';
-import { AnchorTarget } from '../../types';
+import type React from 'react';
+import { type ActionItem, type BlockProps, type ElementItem, type OnActionMenuOpenChangeOptions } from '../types';
+import { type SmartLinkPosition, type SmartLinkTheme } from '../../../../../constants';
+import { type RetryOptions } from '../../../types';
+import { type AnchorTarget } from '../../types';
 export type TitleBlockProps = {
     /**
      * An array of action items to be displayed after the title
@@ -80,6 +80,11 @@ export type TitleBlockProps = {
      * the Smart Link.
      */
     text?: string;
+    /**
+     * The icon to display in the title block. Overrides any icon that is retrieved from
+     * the Smart Link.
+     */
+    icon?: React.ReactNode;
     /**
      * The theme of the link text. Can be Black or Link (default URL blue)
      * @internal

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { IconProps } from './types';
+import { type IconProps } from './types';
 /**
  * A base element that displays an Icon or favicon.
  * @internal

package/dist/types-ts4.5/view/FlexibleCard/components/elements/icon/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { IconType, SmartLinkPosition } from '../../../../../constants';
+import { type ElementProps } from '../types';
+import { type IconType, type SmartLinkPosition } from '../../../../../constants';
 export type IconProps = ElementProps & {
     /**
      * If provided, Icon element will use this render function instead.
@@ -11,6 +11,11 @@ export type IconProps = ElementProps & {
      * will be used.
      */
     icon?: IconType;
+    /**
+     * If provided, overrideIcon will be rendered in the place of the provided icon or one that is
+     * supplied by the URL.
+     */
+    overrideIcon?: React.ReactNode;
     /**
      * The label provided to the Atlaskit Icon.
      */

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { LinkProps } from './types';
+import { type LinkProps } from './types';
 /**
  * A base element that represent an anchor.
  * @internal

package/dist/types-ts4.5/view/FlexibleCard/components/elements/link/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { SmartLinkTheme } from '../../../../../constants';
-import { AnchorTarget } from '../../types';
+import { type ElementProps } from '../types';
+import { type SmartLinkTheme } from '../../../../../constants';
+import { type AnchorTarget } from '../../types';
 export type LinkProps = ElementProps & {
     /**
      * Determines whether the link should display tooltip on hover.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.70.0",
+  "version": "26.72.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
     "@atlaskit/button": "^17.15.0",
     "@atlaskit/checkbox": "^13.3.0",
     "@atlaskit/dropdown-menu": "^12.10.0",
-    "@atlaskit/form": "^10.1.0",
+    "@atlaskit/form": "^10.2.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/heading": "^2.3.0",
     "@atlaskit/icon": "^22.3.0",