@atlaskit/smart-card 23.8.2 → 23.9.1

package/dist/esm/view/InlineCard/index.js

@@ -10,6 +10,7 @@ import { InlineCardResolvedView } from './ResolvedView';
 import { InlineCardResolvingView } from './ResolvingView';
 import { InlineCardUnauthorizedView } from './UnauthorisedView';
 import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export var InlineCard = function InlineCard(_ref) {
   var _details$meta;
@@ -31,6 +32,11 @@ export var InlineCard = function InlineCard(_ref) {
       details = cardState.details;
   var cardDetails = details && details.data || getEmptyJsonLd();
   var testIdWithStatus = testId ? "".concat(testId, "-").concat(status, "-view") : undefined;
+  var showHoverPreviewFlag = useFeatureFlag('showHoverPreview');
+
+  if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
+    showHoverPreview = Boolean(showHoverPreviewFlag);
+  }
 
   switch (status) {
     case 'pending':

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

@@ -4,3 +4,4 @@ export declare const isFlexibleUiBlock: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiElement: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiTitleBlock: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiPreviewBlock: (node: React.ReactNode) => boolean;
+export declare const isFlexibleUiFooterBlock: (node: React.ReactNode) => boolean;

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

@@ -9,7 +9,9 @@ export declare const mocks: {
     success: JsonLd.Response<JsonLd.Data.BaseData>;
     notFound: JsonLd.Response<JsonLd.Data.BaseData>;
     forbidden: JsonLd.Response<JsonLd.Data.BaseData>;
+    forbiddenWithNoAuth: JsonLd.Response<JsonLd.Data.BaseData>;
     unauthorized: JsonLd.Response<JsonLd.Data.BaseData>;
+    unauthorizedWithNoAuth: JsonLd.Response<JsonLd.Data.BaseData>;
     actionSuccess: {
         meta: {
             visibility: string;

package/dist/types/view/BlockCard/views/flexible/FlexibleResolvedView.d.ts

@@ -5,5 +5,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleResolvedView;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "onResolve" | "platform" | "showHoverPreview" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/FlexibleCard/components/blocks/action-group/types.d.ts

@@ -25,7 +25,7 @@ export declare type ActionGroupProps = {
      */
     visibleButtonsNum?: number;
     /**
-     * Callback used by the dropdown. Is called when the dropdown is opened.
+     * Called when the action dropdown menu (if present) is open/closed.
      */
     onDropdownOpenChange?: (isOpen: boolean) => void;
     /**

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

@@ -1,4 +1,5 @@
 import { ActionItem, BlockProps } from '../types';
+import { OnActionMenuOpenChangeOptions } from '../types';
 export declare type FooterBlockProps = {
     /**
      * An array of actions to be displayed on the right.
@@ -7,4 +8,8 @@ export declare type FooterBlockProps = {
      * @see ActionItem
      */
     actions?: ActionItem[];
+    /**
+     * Function to be called when footer action dropdown open state is changed.
+     */
+    onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
 } & BlockProps;

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

@@ -22,6 +22,11 @@ export declare type ContainerProps = FlexibleUiOptions & {
      * serving as a hook for automated tests
      */
     testId?: string;
+    /**
+     * Determine whether or not a preview card should show up when a user hovers
+     * over the smartlink.
+     */
+    showHoverPreview?: Boolean;
 };
 export declare type ChildrenOptions = {
     previewOnLeft?: boolean;

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

@@ -71,6 +71,11 @@ export declare type FlexibleCardProps = {
      * Determines the URL of the Smart Link.
      */
     url: string;
+    /**
+     * Determine whether or not a preview card should show up when a user hovers
+     * over the smartlink. Default value is false.
+     */
+    showHoverPreview?: Boolean;
 };
 export declare type FlexibleUiOptions = {
     /**

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { HoverCardProps } from './types';
-export declare const HoverCard: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "key" | "id" | "analyticsContext" | "onAuthorize"> & import("react").RefAttributes<any>>;
+export declare const HoverCard: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "key" | "id" | "analyticsContext" | "onAuthorize" | "canOpen" | "closeOnChildClick"> & import("react").RefAttributes<any>>;

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

@@ -8,14 +8,38 @@ import { AnalyticsHandler } from '../../utils/types';
 import { ReactElement, MouseEventHandler } from 'react';
 import { JsonLd } from 'json-ld-types';
 export interface HoverCardProps extends WithAnalyticsEventsProps {
+    /**
+     * Unique ID for a hover card. Used for analytics.
+     */
     id?: string;
+    /**
+     * Hover card will display data from this url.
+     */
     url: string;
+    /**
+     * React children component over which the hover card can be triggered.
+     */
     children: ReactElement;
+    /**
+     * Function to be called when user is authorized to view a link.
+     */
     onAuthorize?: () => void;
+    /**
+     * Determines if the hover card is allowed to open. If changed from true to false while the
+     * hover card is open, the hover card will be closed.
+     */
+    canOpen?: boolean;
+    /**
+     * Determines if the hover card should close when the children passed in are
+     * clicked.
+     */
+    closeOnChildClick?: boolean;
 }
 export interface HoverCardComponentProps extends HoverCardProps {
     analyticsHandler: AnalyticsHandler;
     analytics: AnalyticsFacade;
+    canOpen?: boolean;
+    closeOnChildClick?: boolean;
 }
 export declare type PreviewDisplay = 'card' | 'embed';
 export declare type PreviewInvokeMethod = 'keyboard' | 'mouse_hover' | 'mouse_click';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.8.2",
+  "version": "23.9.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/report.api.md

@@ -538,6 +538,7 @@ export const FooterBlock: React_2.FC<FooterBlockProps>;
 // @public (undocumented)
 type FooterBlockProps = {
   actions?: ActionItem[];
+  onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
 } & BlockProps;
 
 export { InlineCardAdf };

package/tmp/api-report-tmp.d.ts

@@ -419,6 +419,7 @@ export const FooterBlock: React_2.FC<FooterBlockProps>;
 // @public (undocumented)
 type FooterBlockProps = {
     actions?: ActionItem[];
+    onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
 } & BlockProps;
 
 export { InlineCardAdf }