@atlaskit/smart-card 21.0.4 → 21.1.2

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

@@ -2,11 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme"];
 
 var _templateObject, _templateObject2;
 
-import React, { useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { css } from '@emotion/core';
 import { SmartLinkStatus } from '../../../../../constants';
 import TitleBlockResolvedView from './resolved';
@@ -59,6 +59,7 @@ var TitleBlock = function TitleBlock(_ref) {
       anchorTarget = _ref.anchorTarget,
       hideTitleTooltip = _ref.hideTitleTooltip,
       maxLines = _ref.maxLines,
+      onActionMenuOpenChange = _ref.onActionMenuOpenChange,
       onClick = _ref.onClick,
       overrideCss = _ref.overrideCss,
       _ref$status = _ref.status,
@@ -75,12 +76,19 @@ var TitleBlock = function TitleBlock(_ref) {
       actionDropdownOpen = _useState2[0],
       setActionDropdownOpen = _useState2[1];
 
+  var onDropdownOpenChange = useCallback(function (isOpen) {
+    setActionDropdownOpen(isOpen);
+
+    if (onActionMenuOpenChange) {
+      onActionMenuOpenChange({
+        isOpen: isOpen
+      });
+    }
+  }, [onActionMenuOpenChange]);
   var actionGroup = actions.length > 0 && /*#__PURE__*/React.createElement(ActionGroup, {
     items: actions,
     visibleButtonsNum: showActionOnHover ? 1 : 2,
-    onDropdownOpenChange: function onDropdownOpenChange(isOpen) {
-      return setActionDropdownOpen(isOpen);
-    }
+    onDropdownOpenChange: onDropdownOpenChange
   });
   var actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
   var combinedCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", " ", "\n  "])), actionStyles, overrideCss);

package/dist/types/index.d.ts

@@ -18,5 +18,5 @@ export { contentFooterClassName, metadataListClassName, blockCardResolvingViewCl
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';
 export { ActionName, ElementName, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, } from './view/FlexibleCard/components/blocks';
-export type { ActionItem, ElementItem, } from './view/FlexibleCard/components/blocks/types';
+export type { ActionItem, ElementItem, OnActionMenuOpenChangeOptions, } from './view/FlexibleCard/components/blocks/types';
 export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export declare 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';
-export declare type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'could_not_load_link' | 'download' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'delete' | 'edit' | 'loading' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'preview' | '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' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'try_again' | 'try_another_account' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export declare type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'could_not_load_link' | 'download' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'delete' | 'edit' | 'loading' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'preview' | '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' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'try_again' | 'try_another_account' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 declare type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/utils/token.d.ts

@@ -1,6 +1,6 @@
 export declare const tokens: {
     actionIcon: "var(--ds-icon)";
-    background: "var(--ds-surface)";
+    background: "var(--ds-surface-raised)";
     badgeIcon: "var(--ds-icon-subtle)";
     badgeText: "var(--ds-text-subtlest)";
     blackLink: "var(--ds-text-subtle)";

package/dist/types/view/EmbedModal/components/embed-content/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { FC } from 'react';
+import { EmbedProps } from './types';
+declare const EmbedContent: FC<EmbedProps>;
+export default EmbedContent;

package/dist/types/view/EmbedModal/components/embed-content/types.d.ts

@@ -0,0 +1,6 @@
+export declare type EmbedProps = {
+    isTrusted: boolean;
+    name: string;
+    src?: string;
+    testId?: string;
+};

package/dist/types/view/EmbedModal/components/error-boundary/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EmbedModalProps } from '../../types';
+declare const withErrorBoundary: (Component: React.ComponentType<EmbedModalProps>) => React.FC<EmbedModalProps>;
+export default withErrorBoundary;

package/dist/types/view/EmbedModal/components/link-info/index.d.ts

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

package/dist/types/view/EmbedModal/components/link-info/link-info-button/index.d.ts

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

package/dist/types/view/EmbedModal/components/link-info/link-info-button/types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type LinkInfoButtonProps = {
+    content: React.ReactNode;
+    icon: React.ReactChild;
+    onClick?: () => void;
+    href?: string;
+    target?: string;
+    testId?: string;
+};

package/dist/types/view/EmbedModal/components/link-info/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const containerStyles: import("@emotion/utils").SerializedStyles;
+export declare const iconCss: import("@emotion/utils").SerializedStyles;
+export declare const titleCss: import("@emotion/utils").SerializedStyles;
+export declare const subtitleCss: import("@emotion/utils").SerializedStyles;
+export declare const actionCss: import("@emotion/utils").SerializedStyles;

package/dist/types/view/EmbedModal/components/link-info/types.d.ts

@@ -0,0 +1,13 @@
+import { IconProps } from '../../../common/Icon';
+export declare type LinkInfoProps = {
+    downloadUrl?: string;
+    icon?: IconProps;
+    providerName?: string;
+    onDownloadButtonClick?: () => void;
+    onResizeButtonClick?: () => void;
+    onViewButtonClick?: () => void;
+    size?: string;
+    testId?: string;
+    title?: string;
+    url?: string;
+};

package/dist/types/view/EmbedModal/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MAX_MODAL_SIZE = "100%";
+export declare const MIN_MODAL_SIZE = "large";

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

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

package/dist/types/view/EmbedModal/types.d.ts

@@ -0,0 +1,20 @@
+import { ErrorInfo } from 'react';
+import { IconProps } from '../common/Icon';
+export declare type EmbedModalProps = {
+    closeLabel?: string;
+    download?: string;
+    icon?: IconProps;
+    iframeName: string;
+    isTrusted?: boolean;
+    onClose: () => any;
+    onDownloadActionClick?: () => void;
+    onOpen?: () => void;
+    onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
+    onViewActionClick?: () => void;
+    providerName?: string;
+    showModal?: boolean;
+    src?: string;
+    testId?: string;
+    title?: string;
+    url?: string;
+};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ActionItem, BlockProps, ElementItem } from '../types';
+import { ActionItem, BlockProps, ElementItem, OnActionMenuOpenChangeOptions } from '../types';
 import { SmartLinkPosition, SmartLinkTheme } from '../../../../../constants';
 import { RetryOptions } from '../../../types';
 import { AnchorTarget } from '../../types';
@@ -34,6 +34,11 @@ export declare type TitleBlockProps = {
      * @see ElementItem
      */
     metadata?: ElementItem[];
+    /**
+     * Called when the action dropdown menu (if present) is open/closed.
+     * Receives an object with `isOpen` state.
+     */
+    onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
     /**
      * 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”.

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -100,6 +100,9 @@ export declare type CustomActionItem = BaseActionItem & {
     name: ActionName.CustomAction;
 } & ((Required<Pick<ActionProps, 'icon' | 'iconPosition'>> & Pick<ActionProps, 'content'>) | ((Required<Pick<ActionProps, 'content'>> & Pick<ActionProps, 'icon' | 'iconPosition'>) & Pick<ActionProps, 'tooltipMessage'>));
 export declare type ActionItem = NamedActionItem | CustomActionItem;
+export declare type OnActionMenuOpenChangeOptions = {
+    isOpen: boolean;
+};
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "21.0.4",
+  "version": "21.1.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -79,7 +79,7 @@
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/range": "^6.0.0",
     "@atlaskit/section-message": "^6.1.5",
-    "@atlaskit/select": "^15.5.0",
+    "@atlaskit/select": "^15.6.0",
     "@atlaskit/table-tree": "^9.1.0",
     "@atlaskit/tabs": "^13.2.10",
     "@atlaskit/textarea": "^4.3.0",

package/report.api.md

@@ -641,6 +641,10 @@ declare type NamedActionItem = BaseActionItem & {
   name: Exclude<ActionName, ActionName.CustomAction>;
 };
 
+export declare type OnActionMenuOpenChangeOptions = {
+  isOpen: boolean;
+};
+
 declare type OnErrorCallback = (data: {
   status: Extract<CardType, ErrorCardType>;
   url: string;
@@ -911,6 +915,11 @@ declare type TitleBlockProps = {
    * @see ElementItem
    */
   metadata?: ElementItem[];
+  /**
+   * Called when the action dropdown menu (if present) is open/closed.
+   * Receives an object with `isOpen` state.
+   */
+  onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
   /**
    * 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”.