@atlaskit/smart-card 26.1.2 → 26.1.4

package/dist/{types-ts4.0 → types-ts4.5}/utils/analytics/types.d.ts

@@ -3,8 +3,8 @@ import { PreviewDisplay, PreviewInvokeMethod } from '../../view/HoverCard/types'
 import { ErrorInfo } from 'react';
 import { CardInnerAppearance } from '../../view/Card/types';
 import { InvokeType } from '../../model/invoke-opts';
-export declare type DestinationProduct = 'jira' | 'confluence' | 'bitbucket' | 'trello';
-export declare type DestinationSubproduct = 'core' | 'software' | 'servicedesk';
+export type DestinationProduct = 'jira' | 'confluence' | 'bitbucket' | 'trello';
+export type DestinationSubproduct = 'core' | 'software' | 'servicedesk';
 export interface CommonEventProps {
     id?: string;
     definitionId?: string;
@@ -15,100 +15,100 @@ export interface CommonEventProps {
     destinationProduct?: DestinationProduct | string;
     location?: string;
 }
-export declare type ResolvedEventProps = CommonEventProps & {
+export type ResolvedEventProps = CommonEventProps & {
     id: string;
 };
-export declare type UnresolvedEventProps = CommonEventProps & {
+export type UnresolvedEventProps = CommonEventProps & {
     id: string;
     status: string;
     error?: APIError;
 };
-export declare type InvokeSucceededEventProps = CommonEventProps & {
+export type InvokeSucceededEventProps = CommonEventProps & {
     id: string;
     actionType: string;
     display: CardInnerAppearance;
 };
-export declare type InvokeFailedEventProps = CommonEventProps & {
+export type InvokeFailedEventProps = CommonEventProps & {
     id: string;
     actionType: string;
     display: CardInnerAppearance;
     reason: string;
 };
-export declare type ConnectSucceededEventProps = CommonEventProps & {
+export type ConnectSucceededEventProps = CommonEventProps & {
     id?: string;
 };
-export declare type ConnectFailedEventProps = CommonEventProps & {
+export type ConnectFailedEventProps = CommonEventProps & {
     id?: string;
     reason?: string;
 };
-export declare type TrackAppAccountConnectedProps = CommonEventProps;
-export declare type UiAuthEventProps = CommonEventProps & {
+export type TrackAppAccountConnectedProps = CommonEventProps;
+export type UiAuthEventProps = CommonEventProps & {
     display: CardInnerAppearance;
 };
-export declare type UiAuthAlternateAccountEventProps = CommonEventProps & {
+export type UiAuthAlternateAccountEventProps = CommonEventProps & {
     display: CardInnerAppearance;
 };
-export declare type UiCardClickedEventProps = CommonEventProps & {
+export type UiCardClickedEventProps = CommonEventProps & {
     id: string;
     display: CardInnerAppearance;
     status: CardType;
     isModifierKeyPressed?: boolean;
     actionSubjectId?: string;
 };
-export declare type UiIframeDwelledEventProps = CommonEventProps & {
+export type UiIframeDwelledEventProps = CommonEventProps & {
     id: string;
     display: CardInnerAppearance;
     status: CardType;
     dwellTime: number;
     dwellPercentVisible: number;
 };
-export declare type UiIframeFocusedEventProps = CommonEventProps & {
+export type UiIframeFocusedEventProps = CommonEventProps & {
     id: string;
     display: CardInnerAppearance;
     status: CardType;
 };
-export declare type UiActionClickedEventProps = CommonEventProps & {
+export type UiActionClickedEventProps = CommonEventProps & {
     id: string;
     display: CardInnerAppearance;
     actionType: string;
     invokeType?: InvokeType;
 };
-export declare type ScreenAuthPopupEventProps = CommonEventProps;
-export declare type UiClosedAuthEventProps = CommonEventProps & {
+export type ScreenAuthPopupEventProps = CommonEventProps;
+export type UiClosedAuthEventProps = CommonEventProps & {
     display: CardInnerAppearance;
 };
-export declare type UiRenderSuccessEventProps = CommonEventProps & {
+export type UiRenderSuccessEventProps = CommonEventProps & {
     display: CardInnerAppearance;
     status: CardType;
 };
-export declare type UiRenderFailedEventProps = CommonEventProps & {
+export type UiRenderFailedEventProps = CommonEventProps & {
     display: CardInnerAppearance;
     error: Error;
     errorInfo: ErrorInfo;
 };
-export declare type UiHoverCardViewedEventProps = CommonEventProps & {
+export type UiHoverCardViewedEventProps = CommonEventProps & {
     previewDisplay: PreviewDisplay;
     previewInvokeMethod?: PreviewInvokeMethod;
     status: CardType;
 };
-export declare type UiHoverCardDismissedEventProps = CommonEventProps & {
+export type UiHoverCardDismissedEventProps = CommonEventProps & {
     previewDisplay: PreviewDisplay;
     hoverTime: number;
     previewInvokeMethod?: PreviewInvokeMethod;
     status: CardType;
 };
-export declare type UiHoverCardOpenLinkClickedEventProps = CommonEventProps & {
+export type UiHoverCardOpenLinkClickedEventProps = CommonEventProps & {
     previewDisplay: PreviewDisplay;
     previewInvokeMethod?: PreviewInvokeMethod;
 };
-export declare type InstrumentEventProps = CommonEventProps & {
+export type InstrumentEventProps = CommonEventProps & {
     error?: APIError;
     status: CardType;
     id: string;
 };
-export declare type ClickType = 'left' | 'middle' | 'right' | 'keyboard' | 'none';
-export declare type ClickOutcome = 'prevented' | 'clickThrough' | 'clickThroughNewTabOrWindow' | 'contextMenu' | 'alt' | 'contentEditable' | 'unknown';
-export declare type UiLinkClickedEventProps = {
+export type ClickType = 'left' | 'middle' | 'right' | 'keyboard' | 'none';
+export type ClickOutcome = 'prevented' | 'clickThrough' | 'clickThroughNewTabOrWindow' | 'contextMenu' | 'alt' | 'contentEditable' | 'unknown';
+export type UiLinkClickedEventProps = {
     /**
      * Whether the click occurred with the left, middle or right mouse button
      */

package/dist/{types-ts4.0 → types-ts4.5}/utils/test-utils.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ProviderProps } from '../state';
 export declare const renderHook: (callback: Function) => JSX.Element;
-export declare const renderSmartLinkHook: (callback: Function, providerProps?: Partial<ProviderProps> | undefined) => JSX.Element;
+export declare const renderSmartLinkHook: (callback: Function, providerProps?: Partial<ProviderProps>) => JSX.Element;

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

@@ -0,0 +1,14 @@
+import { GasPayload } from '@atlaskit/analytics-gas-types';
+import { CardInnerAppearance } from '../view/Card/types';
+export type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved' | 'updated' | 'chunkLoadFailed' | 'dwelled' | 'focused' | 'started' | 'success' | 'failed';
+export type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal' | 'smartLinkIframe' | 'link' | 'smartLinkQuickAction';
+export type AnalyticsName = 'embedPreviewModal';
+export type AnalyticsOrigin = 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard';
+export type AnalyticsPayload = GasPayload & {
+    action?: AnalyticsAction;
+    actionSubject: AnalyticsActionSubject;
+    attributes: GasPayload['attributes'] & {
+        display?: CardInnerAppearance;
+    };
+};
+export type AnalyticsHandler = (event: AnalyticsPayload) => void;

package/dist/{types-ts4.0 → types-ts4.5}/view/BlockCard/actions/PreviewAction.d.ts

@@ -9,7 +9,7 @@ export interface PreviewFunctionArg extends EmbedModalProps {
     popupMountPointId: string;
 }
 export declare function previewFunction({ popupMountPointId, onClose, ...rest }: PreviewFunctionArg): Promise<void>;
-declare type PreviewInfo = {
+type PreviewInfo = {
     src?: string;
     testId?: string;
     details?: Array<MetadataProps>;

package/dist/{types-ts4.0 → types-ts4.5}/view/BlockCard/actions/flexible/AuthorizeAction.d.ts

@@ -6,4 +6,4 @@ import { CustomActionItem } from '../../../FlexibleCard/components/blocks/types'
  * @param onAuthorize a function that will be called on the click of the button
  * @param providerName a string which is inserted into the message of the button
  */
-export declare const AuthorizeAction: (onAuthorize: () => void, providerName?: string | undefined) => CustomActionItem;
+export declare const AuthorizeAction: (onAuthorize: () => void, providerName?: string) => CustomActionItem;

package/dist/{types-ts4.0 → types-ts4.5}/view/BlockCard/actions/flexible/ForbiddenAction.d.ts

@@ -8,4 +8,4 @@ import { MessageKey, RequestAccessMessageKey } from '../../../../messages';
  * @param content is a message key for a message to be displayed in the action
  * @param context is a variable for a message in case a message contains a placeholder
  */
-export declare const ForbiddenAction: (onClick: () => void, content: RequestAccessMessageKey | MessageKey, context?: string | undefined) => CustomActionItem;
+export declare const ForbiddenAction: (onClick: () => void, content: RequestAccessMessageKey | MessageKey, context?: string) => CustomActionItem;

package/dist/{types-ts4.0 → types-ts4.5}/view/BlockCard/components/Action.d.ts

@@ -8,6 +8,6 @@ export interface ActionProps {
     promise: <T>(opts?: T) => Promise<any>;
     buttonAppearance?: Appearance;
 }
-export declare type ActionState = 'init' | 'loading' | 'success' | 'failure';
+export type ActionState = 'init' | 'loading' | 'success' | 'failure';
 export declare const spinnerDelay = 1000;
 export declare const Action: ({ promise, text, buttonAppearance, id, }: ActionProps) => jsx.JSX.Element;

package/dist/{types-ts4.0 → types-ts4.5}/view/BlockCard/components/flexible/footer/types.d.ts

@@ -1,5 +1,5 @@
 import { Appearance } from '@atlaskit/button';
 import { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
-export declare type BlockCardFooterProps = {
+export type BlockCardFooterProps = {
     actionGroupAppearance?: Appearance;
 } & FooterBlockProps;

package/dist/{types-ts4.0 → types-ts4.5}/view/BlockCard/types.d.ts

@@ -5,7 +5,7 @@ import { InvokeHandler } from '../../model/invoke-handler';
 import { CardPlatform, OnResolveCallback } from '../Card/types';
 import { OnErrorCallback } from '../types';
 import { AnalyticsFacade } from '../../state/analytics';
-export declare type BlockCardProps = {
+export type BlockCardProps = {
     id: string;
     url: string;
     cardState: CardState;

package/dist/{types-ts4.0 → types-ts4.5}/view/BlockCard/utils/handlers.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const handleClickCommon: (event: React.MouseEvent, onClick?: React.MouseEventHandler<Element> | undefined) => void;
+export declare const handleClickCommon: (event: React.MouseEvent, onClick?: React.MouseEventHandler) => void;

package/dist/{types-ts4.0 → types-ts4.5}/view/BlockCard/views/flexible/types.d.ts

@@ -5,7 +5,7 @@ import { FlexibleUiOptions } from '../../../FlexibleCard/types';
 import { OnResolveCallback } from '../../../Card/types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { AnalyticsFacade } from '../../../../state/analytics';
-export declare type FlexibleBlockCardProps = {
+export type FlexibleBlockCardProps = {
     /**
      * An AnalyticsFacade object used for calling analytics.
      */

package/dist/{types-ts4.0 → types-ts4.5}/view/Card/types.d.ts

@@ -6,9 +6,9 @@ import { FlexibleUiOptions } from '../FlexibleCard/types';
 import { InlinePreloaderStyle, OnErrorCallback } from '../types';
 import { FrameStyle } from '../EmbedCard/types';
 export type { CardAppearance, CardPlatform };
-export declare type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-export declare type EmbedIframeUrlType = 'href' | 'interactiveHref';
-export declare type OnResolveCallback = (data: {
+export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+export type EmbedIframeUrlType = 'href' | 'interactiveHref';
+export type OnResolveCallback = (data: {
     url?: string;
     title?: string;
     aspectRatio?: number;

package/dist/{types-ts4.0 → types-ts4.5}/view/CardWithUrl/types.d.ts

@@ -5,7 +5,7 @@ import { FlexibleUiOptions } from '../FlexibleCard/types';
 import { InlinePreloaderStyle, OnErrorCallback } from '../types';
 import { AnalyticsFacade } from '../../state/analytics';
 import { FrameStyle } from '../EmbedCard/types';
-export declare type CardWithUrlContentProps = {
+export type CardWithUrlContentProps = {
     id: string;
     url: string;
     appearance: CardAppearance;

package/dist/{types-ts4.0 → types-ts4.5}/view/EmbedCard/types.d.ts

@@ -6,7 +6,7 @@ import { ActionProps } from '../BlockCard/components/Action';
 import { RequestAccessMessageKey } from '../../messages';
 import { OnErrorCallback } from '../types';
 import { AnalyticsFacade } from '../../state/analytics';
-export declare type EmbedCardProps = {
+export type EmbedCardProps = {
     url: string;
     cardState: CardState;
     handleAuthorize: (() => void) | undefined;
@@ -36,7 +36,7 @@ export interface ContextViewModel {
     image?: string;
     text: string;
 }
-export declare type AccessTypes = 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DIRECT_ACCESS' | 'DENIED_REQUEST_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'ACCESS_EXISTS';
+export type AccessTypes = 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DIRECT_ACCESS' | 'DENIED_REQUEST_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'ACCESS_EXISTS';
 export interface AccessContext {
     accessType?: AccessTypes;
     cloudId?: string;
@@ -48,5 +48,5 @@ export interface RequestAccessContextProps extends AccessContext {
     callToActionMessageKey?: RequestAccessMessageKey;
     descriptiveMessageKey?: RequestAccessMessageKey;
 }
-export declare type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
-export declare type FrameStyle = 'show' | 'hide' | 'showOnHover';
+export type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
+export type FrameStyle = 'show' | 'hide' | 'showOnHover';

package/dist/{types-ts4.0 → types-ts4.5}/view/EmbedModal/components/analytics/types.d.ts

@@ -1,6 +1,6 @@
 import { AnalyticsFacade } from '../../../../state/analytics';
 import { AnalyticsOrigin } from '../../../../utils/types';
-export declare type WithAnalytics = {
+export type WithAnalytics = {
     analytics?: AnalyticsFacade;
     origin?: AnalyticsOrigin;
 };

package/dist/{types-ts4.0 → types-ts4.5}/view/EmbedModal/components/embed-content/types.d.ts

@@ -1,4 +1,4 @@
-export declare type EmbedProps = {
+export type EmbedProps = {
     isTrusted: boolean;
     name: string;
     src?: string;

package/dist/{types-ts4.0 → types-ts4.5}/view/EmbedModal/components/link-info/link-info-button/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type LinkInfoButtonProps = {
+export type LinkInfoButtonProps = {
     content: React.ReactNode;
     icon: React.ReactChild;
     onClick?: () => void;

package/dist/{types-ts4.0 → types-ts4.5}/view/EmbedModal/components/link-info/types.d.ts

@@ -1,5 +1,5 @@
 import { IconProps } from '../../../common/Icon';
-export declare type LinkInfoProps = {
+export type LinkInfoProps = {
     downloadUrl?: string;
     icon?: IconProps;
     providerName?: string;

package/dist/{types-ts4.0 → types-ts4.5}/view/EmbedModal/types.d.ts

@@ -5,11 +5,11 @@ export declare enum EmbedModalSize {
     Large = "large",
     Small = "small"
 }
-export declare type EmbedModalContext = {
+export type EmbedModalContext = {
     duration?: number;
     size: EmbedModalSize;
 };
-export declare type EmbedModalProps = {
+export type EmbedModalProps = {
     download?: string;
     icon?: IconProps;
     iframeName: string;

package/dist/{types-ts4.0 → types-ts4.5}/view/EmbedModal/utils.d.ts

@@ -1,7 +1,7 @@
 import { PreviewFunctionProps } from '../FlexibleCard/components/actions/action/preview-action/types';
 import { PreviewActionData } from '../../state/flexible-ui-context/types';
 import { AnalyticsFacade } from '../../state/analytics';
-declare type PreviewModalProps = {
+type PreviewModalProps = {
     analytics?: AnalyticsFacade;
     onClose?: () => void;
 } & PreviewActionData;

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/actions/action/action-button/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { SmartLinkSize } from '../../../../../../constants';
 import { ActionProps } from '../types';
-export declare type ActionButtonProps = ActionProps & {
+export type ActionButtonProps = ActionProps & {
     iconAfter?: React.ReactChild;
     iconBefore?: React.ReactChild;
     size: SmartLinkSize;

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/actions/action/action-dropdown-item/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type ActionDropdownItemProps = {
+export type ActionDropdownItemProps = {
     content?: React.ReactNode;
     iconAfter?: React.ReactNode;
     iconBefore?: React.ReactNode;

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/actions/action/action-icon/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactChild } from 'react';
 import { SmartLinkSize } from '../../../../../../constants';
-export declare type ActionIconProps = {
+export type ActionIconProps = {
     size?: SmartLinkSize;
     icon?: ReactChild;
     testId?: string;

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/actions/action/download-action/types.d.ts

@@ -1,5 +1,5 @@
 import { ActionProps } from '../types';
-export declare type DownloadActionProps = ActionProps & {
+export type DownloadActionProps = ActionProps & {
     downloadUrl?: string;
     url: string;
 };

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/actions/action/preview-action/types.d.ts

@@ -1,8 +1,8 @@
 import { Icon } from '../../../../../../state/flexible-ui-context/types';
 import { EmbedModalProps } from '../../../../../../view/EmbedModal/types';
 import { ActionProps } from '../types';
-export declare type PreviewActionProps = ActionProps & FlexibleEmbedProps;
-export declare type FlexibleEmbedProps = {
+export type PreviewActionProps = ActionProps & FlexibleEmbedProps;
+export type FlexibleEmbedProps = {
     downloadUrl?: string;
     linkIcon?: Icon;
     providerName?: string;

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/actions/action/types.d.ts

@@ -2,7 +2,7 @@ import { SerializedStyles } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../constants';
 import { Appearance } from '@atlaskit/button/types';
 import { ReactChild } from 'react';
-export declare type ActionProps = {
+export type ActionProps = {
     /**
      * Determines the size of the Action. Corresponds to an Action appearance.
      */

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/actions/action/view-action/types.d.ts

@@ -1,5 +1,5 @@
 import { ActionProps } from '../types';
-export declare type ViewActionProps = ActionProps & {
+export type ViewActionProps = ActionProps & {
     viewUrl?: string;
     url: string;
 };

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/blocks/action-group/types.d.ts

@@ -1,7 +1,7 @@
 import { SmartLinkSize, SmartLinkDirection } from '../../../../../constants';
 import { ActionItem } from '../types';
 import { Appearance } from '@atlaskit/button';
-export declare type ActionGroupProps = {
+export type ActionGroupProps = {
     /**
      * Determines the actions within the Action Group.
      */

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/blocks/element-group/types.d.ts

@@ -1,6 +1,6 @@
 import { SerializedStyles } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-export declare type ElementGroupProps = {
+export type ElementGroupProps = {
     align?: SmartLinkAlignment;
     direction?: SmartLinkDirection;
     overrideCss?: SerializedStyles;

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/blocks/footer-block/types.d.ts

@@ -1,6 +1,6 @@
 import { ActionItem, BlockProps } from '../types';
 import { OnActionMenuOpenChangeOptions } from '../types';
-export declare type FooterBlockProps = {
+export type FooterBlockProps = {
     /**
      * An array of actions to be displayed on the right.
      * Adding more than three actions will result in the second and following

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/blocks/metadata-block/types.d.ts

@@ -1,5 +1,5 @@
 import { BlockProps, ElementItem } from '../types';
-export declare type MetadataBlockProps = {
+export type MetadataBlockProps = {
     /**
      * Determines the number of lines the metadata should span across.
      * Default is 2. Maximum is 2.

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/blocks/preview-block/types.d.ts

@@ -1,9 +1,9 @@
 import { BlockProps } from '../types';
 import { MediaPlacement } from '../../../../../constants';
-export declare type OnPreviewRenderOptions = {
+export type OnPreviewRenderOptions = {
     placement?: MediaPlacement;
 };
-export declare type PreviewBlockProps = {
+export type PreviewBlockProps = {
     /**
      * Indicate whether preview block should ignore the padding its parent container.
      * Default is false.

package/dist/{types-ts4.0 → types-ts4.5}/view/FlexibleCard/components/blocks/snippet-block/types.d.ts

@@ -1,5 +1,5 @@
 import { BlockProps } from '../types';
-export declare type SnippetBlockProps = {
+export type SnippetBlockProps = {
     /**
      * Determines the maximum lines the text within the snippet block should
      * spread over. Default is 3. Maximum is 3.

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

@@ -3,7 +3,7 @@ import { ActionItem, BlockProps, ElementItem, OnActionMenuOpenChangeOptions } fr
 import { SmartLinkPosition, SmartLinkTheme } from '../../../../../constants';
 import { RetryOptions } from '../../../types';
 import { AnchorTarget } from '../../types';
-export declare type TitleBlockProps = {
+export type TitleBlockProps = {
     /**
      * An array of action items to be displayed after the title
      * on the right of the block.
@@ -86,7 +86,7 @@ export declare type TitleBlockProps = {
      */
     theme?: SmartLinkTheme;
 } & BlockProps;
-export declare type TitleBlockViewProps = TitleBlockProps & {
+export type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;
     title: React.ReactNode;
 };