@atlaskit/editor-plugin-card 7.3.1 → 7.4.1

package/dist/esm/ui/AwarenessWrapper/index.js

@@ -25,7 +25,7 @@ var loaderWrapperStyles = css({
   }
 });
 export var AwarenessWrapper = function AwarenessWrapper(_ref) {
-  var _cardContext$value, _cardContext$value3;
+  var _cardContext$value2;
   var cardContext = _ref.cardContext,
     children = _ref.children,
     getPos = _ref.getPos,
@@ -77,10 +77,8 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
     setIsHovered(isHovered);
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
-  var isPreviewPanelAvailable = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.isPreviewPanelAvailable;
-  var shouldShowGlancePanel = (isPreviewPanelAvailable || false) && fg('platform_editor_preview_panel_linking');
   var cardWithOverlay = useMemo(function () {
-    if (shouldShowLinkOverlay && !shouldShowGlancePanel && !editorExperiment('platform_editor_controls', 'variant1')) {
+    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !fg('platform_editor_preview_panel_linking')) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
@@ -94,11 +92,11 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
       }, children);
     }
     return children;
-  }, [shouldShowLinkOverlay, children, isSelected, isResolvedViewRendered, isInserted, isHovered, url, handleOverlayChange, shouldShowGlancePanel]);
+  }, [shouldShowLinkOverlay, children, isSelected, isResolvedViewRendered, isInserted, isHovered, url, handleOverlayChange]);
   var isInline = appearance === 'inline';
   var placeholderUniqId = linkPosition || 0;
   return useMemo(function () {
-    var _cardContext$value2;
+    var _cardContext$value;
     return jsx("span", {
       css: shouldShowLinkPulse && loaderWrapperStyles
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -109,7 +107,7 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
       "data-ssr-placeholder-replace": "awareness-wrapper-".concat(placeholderUniqId)
     }, jsx(AnalyticsContext, {
       data: {
-        attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store)
+        attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
       }
     }, jsx(DiscoveryPulse, {
       localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
@@ -119,5 +117,5 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
       testId: "link-discovery-pulse",
       isInline: isInline
     }, cardWithOverlay)));
-  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value3 = cardContext.value) === null || _cardContext$value3 === void 0 ? void 0 : _cardContext$value3.store, isResolvedViewRendered, cardWithOverlay, isInline, placeholderUniqId]);
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, cardWithOverlay, isInline, placeholderUniqId]);
 };

package/dist/esm/ui/preview/PreviewInvoker.js

@@ -0,0 +1,25 @@
+import React, { useCallback, useMemo } from 'react';
+import { useSmartLinkActions } from '@atlaskit/smart-card/hooks';
+export var PreviewInvoker = function PreviewInvoker(_ref) {
+  var url = _ref.url,
+    appearance = _ref.appearance,
+    children = _ref.children;
+  var actions = useSmartLinkActions({
+    url: url,
+    appearance: appearance
+  });
+  var preview = useMemo(function () {
+    return actions.find(function (action) {
+      return action.id === 'preview-content';
+    });
+  }, [actions]);
+  var invokePreview = useCallback(function () {
+    try {
+      preview === null || preview === void 0 || preview.invoke();
+    } catch (_unused) {}
+  }, [preview]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children({
+    canPreview: !!preview,
+    invokePreview: invokePreview
+  }));
+};

package/dist/types/nodeviews/blockCard.d.ts

@@ -49,4 +49,4 @@ export interface BlockCardNodeViewProperties {
         linkType?: string;
     }>;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;

package/dist/types/nodeviews/embedCard.d.ts

@@ -64,4 +64,4 @@ export interface EmbedCardNodeViewProperties {
     isPageSSRed: EmbedCardNodeViewProps['isPageSSRed'];
     CompetitorPrompt?: EmbedCardNodeViewProps['CompetitorPrompt'];
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

package/dist/types/ui/preview/PreviewInvoker.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+type PreviewInvokerProps = {
+    url: string;
+    appearance: 'inline' | 'block' | 'embed';
+    children: (api: {
+        canPreview: boolean;
+        invokePreview?: () => void;
+    }) => ReactNode;
+};
+export declare const PreviewInvoker: ({ url, appearance, children }: PreviewInvokerProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/nodeviews/blockCard.d.ts

@@ -49,4 +49,4 @@ export interface BlockCardNodeViewProperties {
         linkType?: string;
     }>;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;

package/dist/types-ts4.5/nodeviews/embedCard.d.ts

@@ -64,4 +64,4 @@ export interface EmbedCardNodeViewProperties {
     isPageSSRed: EmbedCardNodeViewProps['isPageSSRed'];
     CompetitorPrompt?: EmbedCardNodeViewProps['CompetitorPrompt'];
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

package/dist/types-ts4.5/ui/preview/PreviewInvoker.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+type PreviewInvokerProps = {
+    url: string;
+    appearance: 'inline' | 'block' | 'embed';
+    children: (api: {
+        canPreview: boolean;
+        invokePreview?: () => void;
+    }) => ReactNode;
+};
+export declare const PreviewInvoker: ({ url, appearance, children }: PreviewInvokerProps) => React.JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "7.3.1",
+	"version": "7.4.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -49,20 +49,20 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
-		"@atlaskit/icon": "^27.11.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-analytics": "^10.0.0",
 		"@atlaskit/link-client-extension": "^5.0.0",
 		"@atlaskit/link-datasource": "^4.19.0",
 		"@atlaskit/linking-common": "^9.2.0",
 		"@atlaskit/linking-types": "^14.0.0",
-		"@atlaskit/menu": "^8.1.0",
+		"@atlaskit/menu": "^8.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/smart-card": "^40.8.0",
+		"@atlaskit/smart-card": "^40.10.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.27.0",
+		"@atlaskit/tmp-editor-statsig": "^9.28.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.21.0",
+		"@atlaskit/editor-common": "^107.23.0",
 		"@atlaskit/link-provider": "^3.4.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"