@atlaskit/smart-card 40.13.0 → 40.13.2

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

@@ -12,14 +12,40 @@ export type TitleBlockProps = {
      * @see ActionItem
      */
     actions?: ActionItem[];
+    /**
+     * Ref passed into the link <a> element
+     */
+    anchorRef?: React.Ref<HTMLAnchorElement>;
     /**
      * Determines the href target behaviour of the Link.
      */
     anchorTarget?: AnchorTarget;
+    /**
+     * Competitor Prompt Component for Competitor link experiment
+     */
+    CompetitorPrompt?: React.ComponentType<{
+        linkType?: string;
+        sourceUrl: string;
+    }>;
+    /**
+     * Determines whether TitleBlock will hide the Link Icon.
+     */
+    hideIcon?: boolean;
+    /**
+     * This option determines whenever we show any of the links and messages on the right side of the block,
+     * like "connect to preview" or "Can't find link" or "Restricted link, try another account" etc.
+     * Default is false.
+     */
+    hideRetry?: boolean;
     /**
      * [Experiment] Determines whether the linked title should display tooltip on hover.
      */
     hideTitleTooltip?: boolean;
+    /**
+     * The icon to display in the title block. Overrides any icon that is retrieved from
+     * the Smart Link.
+     */
+    icon?: React.ReactNode;
     /**
      * Determines the maximum number of lines for the underlying link text to
      * spread over. Default is 2. Maximum is 2.
@@ -34,11 +60,20 @@ export type TitleBlockProps = {
      * @see ElementItem
      */
     metadata?: ElementItem[];
+    /**
+     * The vertical position of the metadata fields. Internal prop, please DO NOT USE.
+     * @internal
+     */
+    metadataPosition?: SmartLinkPosition;
     /**
      * Called when the action dropdown menu (if present) is open/closed.
      * Receives an object with `isOpen` state.
      */
     onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
+    /**
+     * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
+     */
+    placeholderId?: string;
     /**
      * Determines the position of the link icon in relative to the vertical
      * height of the TitleBlock.  It can either be centred or placed on “top”.
@@ -50,12 +85,6 @@ export type TitleBlockProps = {
      * @internal
      */
     retry?: RetryOptions;
-    /**
-     * This option determines whenever we show any of the links and messages on the right side of the block,
-     * like "connect to preview" or "Can't find link" or "Restricted link, try another account" etc.
-     * Default is false.
-     */
-    hideRetry?: boolean;
     /**
      * Determines whether TitleBlock will hide actions until the user is hovering
      * over the link.
@@ -75,35 +104,6 @@ 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 vertical position of the metadata fields. Internal prop, please DO NOT USE.
-     * @internal
-     */
-    metadataPosition?: SmartLinkPosition;
-    /**
-     * Determines whether TitleBlock will hide the Link Icon.
-     */
-    hideIcon?: boolean;
-    /**
-     * Ref passed into the link <a> element
-     */
-    anchorRef?: React.Ref<HTMLAnchorElement>;
-    /**
-     * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
-     */
-    placeholderId?: string;
-    /**
-     * Competitor Prompt Component for Competitor link experiment
-     */
-    CompetitorPrompt?: React.ComponentType<{
-        sourceUrl: string;
-        linkType?: string;
-    }>;
     /**
      * The URL of the link for Competitor Prompt experiment
      */

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

@@ -3,38 +3,27 @@ import { type ActionName, type ElementName, type SmartLinkDirection, type SmartL
 import { type ActionProps } from '../actions/action/types';
 export type BlockProps = {
     /**
-     * React children
+     * Ref to block wrapper div.
      */
-    children?: ReactNode | undefined;
+    blockRef?: Ref<HTMLDivElement>;
     /**
-     * The direction that the block should arrange its elements. Can be vertical
-     * or horizontal. Default is horizontal.
-     * @internal
+     * React children
      */
-    direction?: SmartLinkDirection;
+    children?: ReactNode | undefined;
     /**
      * For compiled css
      */
     className?: string;
     /**
-     * For dynamic styles
-     */
-    style?: React.CSSProperties;
-    /**
-     * The size of the block and the size that the underlying elements should
-     * default to.
-     */
-    size?: SmartLinkSize;
-    /**
-     * 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
+     * The direction that the block should arrange its elements. Can be vertical
+     * or horizontal. Default is horizontal.
+     * @internal
      */
-    testId?: string;
+    direction?: SmartLinkDirection;
     /**
-     * Ref to block wrapper div.
+     * For image icons in the title, whether to hide the loading skeleton while the image is loading.
      */
-    blockRef?: Ref<HTMLDivElement>;
+    hideIconLoadingSkeleton?: boolean;
     /**
      * Function to be called on render of block.
      * @internal
@@ -50,9 +39,20 @@ export type BlockProps = {
      */
     placeholderId?: string;
     /**
-     * For image icons in the title, whether to hide the loading skeleton while the image is loading.
+     * The size of the block and the size that the underlying elements should
+     * default to.
      */
-    hideIconLoadingSkeleton?: boolean;
+    size?: SmartLinkSize;
+    /**
+     * For dynamic styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * 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
+     */
+    testId?: string;
 };
 /**
  * Used to represent a metadata element to be rendered.
@@ -73,6 +73,10 @@ export type ElementItem = {
  * Used to represent an Action when passing props into Flexible UI.
  */
 export type BaseActionItem = {
+    /**
+     * Determines the text content of the Action.
+     */
+    content?: React.ReactNode;
     /**
      * Determines whether the action should hide the text content of the button.
      */
@@ -85,6 +89,10 @@ export type BaseActionItem = {
      * Determines where the icon should be rendered if text is provided.
      */
     iconPosition?: 'before' | 'after';
+    /**
+     * Determines whether the button displays as disabled.
+     */
+    isDisabled?: boolean;
     /**
      * Determines the text and icon representation of the action, with exception
      * to CustomAction.
@@ -94,10 +102,6 @@ export type BaseActionItem = {
      * Determines the onClick behaviour of the action.
      */
     onClick: () => any;
-    /**
-     * Determines the text content of the Action.
-     */
-    content?: React.ReactNode;
     /**
      * Determines the size of the Action. Corresponds to an Action appearance.
      */
@@ -108,10 +112,6 @@ export type BaseActionItem = {
      * serving as a hook for automated tests
      */
     testId?: string;
-    /**
-     * Determines whether the button displays as disabled.
-     */
-    isDisabled?: boolean;
 };
 /**
  * Used to represent an Action which self-hydrates with data when passing props into Flexible UI.
@@ -125,6 +125,10 @@ export type BaseDataActionItem = {
      * Determines whether the action should hide the icon inside the button.
      */
     hideIcon?: boolean;
+    /**
+     * Determines whether the button displays as disabled.
+     */
+    isDisabled?: boolean;
     /**
      * Determines the text and icon representation of the action, with exception
      * to CustomAction.
@@ -145,10 +149,6 @@ export type BaseDataActionItem = {
      * serving as a hook for automated tests
      */
     testId?: string;
-    /**
-     * Determines whether the button displays as disabled.
-     */
-    isDisabled?: boolean;
 };
 /**
  * This represents an action that will render based on the data provided from the Smart Link.
@@ -172,9 +172,9 @@ export type NamedActionItem = BaseActionItem & {
  * This represents an action where either Icon or label must be provided.
  */
 export type CustomActionItem = BaseActionItem & {
-    name: ActionName.CustomAction;
-    href?: string;
     ariaLabel?: string;
+    href?: string;
+    name: ActionName.CustomAction;
 } & ((Required<Pick<ActionProps, 'icon' | 'iconPosition'>> & Pick<ActionProps, 'content'>) | ((Required<Pick<ActionProps, 'content'>> & Pick<ActionProps, 'icon' | 'iconPosition'>) & Pick<ActionProps, 'tooltipMessage'>));
 export type ActionItem = (NamedActionItem | NamedDataActionItem | CustomActionItem) & {
     entryPointWrapper?: React.FC<{
@@ -230,14 +230,14 @@ export type OwnedByGroup = {
  */
 export type AssignedToGroup = {
     name: ElementName.AssignedToGroup;
-    /**
-     * Shows a name prefix Assigned To in the Avatar tooltip.
-     */
-    showNamePrefix?: boolean;
     /**
      * Shows a default unassigned fallback avatar when no person is assigned.
      */
     showFallbackAvatar?: boolean;
+    /**
+     * Shows a name prefix Assigned To in the Avatar tooltip.
+     */
+    showNamePrefix?: boolean;
 };
 /**
  * Represents the props available for an ChecklistProgress element.
@@ -279,10 +279,10 @@ export type CreatedBy = {
  * @see OwnedBy
  */
 export type OwnedBy = {
+    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
+    hideFormat?: boolean;
     name: ElementName.OwnedBy;
     textPrefix?: 'owned_by' | 'owned_by_override';
-    hideFormat?: boolean;
-    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
 };
 /**
  * Represents the props available for an CreatedOn element.
@@ -334,12 +334,12 @@ export type ModifiedBy = {
  * @see ModifiedOn
  */
 export type ModifiedOn = {
+    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
     name: ElementName.ModifiedOn;
     /**
      * A string which will be displayed before the specified element.
      */
     text?: string;
-    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
 };
 /**
  * Represents the props available for an Preview element.
@@ -367,8 +367,8 @@ export type ProgrammingLanguage = {
  * @see Provider
  */
 export type Provider = {
-    name: ElementName.Provider;
     hideIcon?: boolean;
+    name: ElementName.Provider;
 };
 /**
  * Represents the props available for an ReactCount element.

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

@@ -2,6 +2,6 @@ import { type IconType, type SmartLinkSize } from '../../../../../constants';
 export type AtlaskitIconProps = {
     icon: IconType;
     label?: string;
-    testId?: string;
     size?: SmartLinkSize;
+    testId?: string;
 };

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

@@ -1,11 +1,11 @@
 export type ImageIconProps = {
+    appearance?: 'square' | 'round';
     defaultIcon?: React.ReactNode;
-    testId?: string;
-    url: string;
-    width?: string;
     height?: string;
+    hideLoadingSkeleton?: boolean;
     onError?: () => void;
     onLoad?: () => void;
-    appearance?: 'square' | 'round';
-    hideLoadingSkeleton?: boolean;
+    testId?: string;
+    url: string;
+    width?: string;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/common/loading-skeleton/types.d.ts

@@ -1,4 +1,8 @@
 export type LoadingSkeletonProps = {
+    /**
+     * Height of loading skeleton, defaults to height of the parent element
+     */
+    height?: string;
     /**
      * A `testId` prop is provided for specified elements, which is a unique
      * string that appears as a data attribute `data-testid` in the rendered
@@ -9,8 +13,4 @@ export type LoadingSkeletonProps = {
      * Width of the loading skeleton, defaults to width of the parent element
      */
     width?: string;
-    /**
-     * Height of loading skeleton, defaults to height of the parent element
-     */
-    height?: string;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -1,9 +1,9 @@
 import { type PropsWithChildren } from 'react';
 import { type ContainerProps } from '../types';
 export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'actionOptions' | 'hoverPreviewOptions'> & {
-    isHoverPreview?: boolean;
+    delay?: number;
     isAuthTooltip?: boolean;
+    isHoverPreview?: boolean;
     testId?: string;
     url: string;
-    delay?: number;
 }>;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.d.ts

@@ -1,13 +1,13 @@
 import { type ElementProps } from '../../index';
 export type BaseAvatarItemProps = {
-    /**
-     * The image to be used in an `@atlaskit/avatar - this should be a url to the image src
-     */
-    src?: string;
     /**
      * The name of the person in the avatar.
      */
     name: string;
+    /**
+     * The image to be used in an `@atlaskit/avatar - this should be a url to the image src
+     */
+    src?: string;
 };
 export type BaseAvatarGroupElementProps = ElementProps & {
     /**
@@ -18,14 +18,14 @@ export type BaseAvatarGroupElementProps = ElementProps & {
      * The maximum number of Avatars to show in the AvatarGroup
      */
     maxCount?: number;
-    /**
-     * Shows a name prefix in the Avatar tooltip (Created by, Assigned To, Owned by)
-     */
-    showNamePrefix?: boolean;
     /**
      * Shows a default fallback avatar if no persons in the AvatarGroup.
      */
     showFallbackAvatar?: boolean;
+    /**
+     * Shows a name prefix in the Avatar tooltip (Created by, Assigned To, Owned by)
+     */
+    showNamePrefix?: boolean;
 };
 /**
  * A base element that displays a group of avatars.

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-badge-element/index.d.ts

@@ -10,6 +10,10 @@ export type BaseBadgeElementProps = ElementProps & {
      * Badge appearances
      */
     appearance?: 'default' | 'subtle';
+    /**
+     * Color of the text and badge
+     */
+    color?: string;
     /**
      * Determines whether the badge icon should be hidden. When set to true,
      * the badge will be displayed without the icon, showing only the label text.
@@ -20,24 +24,24 @@ export type BaseBadgeElementProps = ElementProps & {
      * then the badge icon will fallback to the URL provided.
      */
     icon?: IconType;
-    /**
-     * The icon from this URL will be used for the badge if no Atlaskit Icon is provided.
-     */
-    url?: string;
     /**
      * The text to display for the badge.
      */
     label?: string;
     /**
-     * Color of the text and badge
+     * The icon from this URL will be used for the badge if no Atlaskit Icon is provided.
      */
-    color?: string;
+    url?: string;
 };
 declare const _default: (props: ElementProps & {
     /**
      * Badge appearances
      */
     appearance?: "default" | "subtle";
+    /**
+     * Color of the text and badge
+     */
+    color?: string;
     /**
      * Determines whether the badge icon should be hidden. When set to true,
      * the badge will be displayed without the icon, showing only the label text.
@@ -48,18 +52,14 @@ declare const _default: (props: ElementProps & {
      * then the badge icon will fallback to the URL provided.
      */
     icon?: IconType;
-    /**
-     * The icon from this URL will be used for the badge if no Atlaskit Icon is provided.
-     */
-    url?: string;
     /**
      * The text to display for the badge.
      */
     label?: string;
     /**
-     * Color of the text and badge
+     * The icon from this URL will be used for the badge if no Atlaskit Icon is provided.
      */
-    color?: string;
+    url?: string;
 } & React.RefAttributes<HTMLElement> & {
     className?: string;
 }) => React.JSX.Element;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-date-time-element/index.d.ts

@@ -4,29 +4,29 @@ import type { ElementProps } from '../../../elements';
 export type DateTimeType = 'created' | 'modified' | 'sent';
 export type BaseDateTimeElementProps = ElementProps & {
     /**
-     * Whether the date time element text should contain "Modified" or "Created" or "sent"
+     * Color of the text
      */
-    type?: DateTimeType;
+    color?: string;
     /**
      * The date to display in the element.
      */
     date?: Date;
     /**
-     * The override text which will show next to the date
+     * Override the default font size.
      */
-    text?: string;
+    fontSize?: Prettify<Extract<Parameters<typeof token>[0], 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small'>>;
     /**
      * Hide the date prefix (e.g. "Created on", "Modified on", "Sent on")
      */
     hideDatePrefix?: boolean;
     /**
-     * Color of the text
+     * The override text which will show next to the date
      */
-    color?: string;
+    text?: string;
     /**
-     * Override the default font size.
+     * Whether the date time element text should contain "Modified" or "Created" or "sent"
      */
-    fontSize?: Prettify<Extract<Parameters<typeof token>[0], 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small'>>;
+    type?: DateTimeType;
 };
 /**
  * A base element that displays an ISO Timestamp in text.

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

@@ -3,40 +3,40 @@ import { type FlexibleUiDataContext } from '../../../../../../state/flexible-ui-
 import type { ElementProps } from '../../index';
 export type BaseIconElementProps = ElementProps & {
     /**
-     * If provided, Icon element will use this render function instead.
+     * Whether to display the icon as a square or round image.
      */
-    render?: () => React.ReactNode;
+    appearance?: 'square' | 'round';
+    /**
+     * For images, whether to hide the loading skeleton while the image is loading.
+     */
+    hideLoadingSkeleton?: boolean;
     /**
      * The Atlaskit Icon to display. If no icon is provided, then the URL provided
      * will be used.
      */
     icon?: IconType;
+    /**
+     * The label provided to the Atlaskit Icon.
+     */
+    label?: string;
     /**
      * 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.
-     */
-    label?: string;
     /**
      * Determines the position of the link icon in relative to the vertical
      * height.  It can either be centred or placed on “top”. Default is top.
      */
     position?: SmartLinkPosition;
     /**
-     * The icon from this url will be used if no render function or Atlaskit Icon is provided.
-     */
-    url?: string;
-    /**
-     * Whether to display the icon as a square or round image.
+     * If provided, Icon element will use this render function instead.
      */
-    appearance?: 'square' | 'round';
+    render?: () => React.ReactNode;
     /**
-     * For images, whether to hide the loading skeleton while the image is loading.
+     * The icon from this url will be used if no render function or Atlaskit Icon is provided.
      */
-    hideLoadingSkeleton?: boolean;
+    url?: string;
 };
 /**
  * A base element that displays an Icon or favicon.
@@ -46,17 +46,17 @@ export type BaseIconElementProps = ElementProps & {
  */
 declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, hideLoadingSkeleton, }: BaseIconElementProps) => JSX.Element;
 export default IconElement;
-export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof FlexibleUiDataContext] | undefined, type: FlexibleUiDataContext["type"]) => string[] | import("../../../../../../extractors/common/lozenge/types").LinkLozenge | import("../../../../../../state/flexible-ui-context/types").FlexibleUiActions | import("@atlaskit/link-extractors").LinkPerson[] | import("../../../../../../state/flexible-ui-context/types").PreviewActionData | import("../../../../../../state/flexible-ui-context/types").LinkTitle | import("../../../../../../state/flexible-ui-context/types").Media | import("../../../../../../state/flexible-ui-context/types").LinkLocation | {
+export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof FlexibleUiDataContext] | undefined, type: FlexibleUiDataContext["type"]) => string[] | import("../../../../../../extractors/common/lozenge/types").LinkLozenge | import("../../../../../../state/flexible-ui-context/types").FlexibleUiActions | import("@atlaskit/link-extractors").LinkPerson[] | import("../../../../../../state/flexible-ui-context/types").LinkTitle | import("../../../../../../state/flexible-ui-context/types").LinkLocation | {
+    accessType?: string;
     objectId?: string;
     resourceType?: string;
     tenantId?: string;
-    accessType?: string;
-} | {
-    role?: string;
+} | import("../../../../../../state/flexible-ui-context/types").Media | {
     department?: string;
     location?: string;
     pronouns?: string;
-} | {
+    role?: string;
+} | import("../../../../../../state/flexible-ui-context/types").PreviewActionData | {
     appearance: string;
     icon?: IconType;
     label?: string;

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

@@ -7,10 +7,18 @@ import { type SmartLinkInternalTheme, SmartLinkTheme } from '../../../../../../c
 import type { ElementProps } from '../../../../components/elements';
 import type { AnchorTarget } from '../../../../components/types';
 export type BaseLinkElementProps = ElementProps & {
+    /**
+     * Ref passed into the link <a> element
+     */
+    anchorRef?: React.Ref<HTMLAnchorElement>;
     /**
      * Determines whether the link should display tooltip on hover.
      */
     hideTooltip?: boolean;
+    /**
+     * The number of lines that the link text should spread over. Maximum of 2 lines.
+     */
+    maxLines?: number;
     /**
      * Determines the behaviour when the Link is clicked. By default is used to
      * propagate analytics.
@@ -21,9 +29,9 @@ export type BaseLinkElementProps = ElementProps & {
      */
     onMouseDown?: React.MouseEventHandler;
     /**
-     * The number of lines that the link text should spread over. Maximum of 2 lines.
+     * The href target behaviour of the link.
      */
-    maxLines?: number;
+    target?: AnchorTarget;
     /**
      * The text to display. Overrides the default link text.
      */
@@ -36,14 +44,6 @@ export type BaseLinkElementProps = ElementProps & {
      * The url that the Smart Link should be based upon.
      */
     url?: string;
-    /**
-     * The href target behaviour of the link.
-     */
-    target?: AnchorTarget;
-    /**
-     * Ref passed into the link <a> element
-     */
-    anchorRef?: React.Ref<HTMLAnchorElement>;
 };
 /**
  * A base element that represent an anchor.

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/types.d.ts

@@ -9,14 +9,14 @@ export type LozengeActionErrorProps = {
      * A preview link action to invoke with useInvokeClientAction
      */
     invokePreviewAction?: InvokeClientActionProps;
-    /**
-     * Data test id used for testing purposes
-     */
-    testId?: string;
     /**
      * Maximum number of lines displayed inside of the dropdown
      */
     maxLineNumber?: number;
+    /**
+     * Data test id used for testing purposes
+     */
+    testId?: string;
     /**
      * The url of the link. Used in reload functionality
      */

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-items-group/types.d.ts

@@ -2,6 +2,6 @@ import { type ThemeAppearance } from '@atlaskit/lozenge';
 import { type LozengeItem } from '../types';
 export type LozengeActionItemsGroupProps = {
     items: LozengeItem[];
-    testId?: string;
     onClick?: (id: string, text: string, appearance?: ThemeAppearance) => Promise<void>;
+    testId?: string;
 };