@atlaskit/editor-plugin-card 2.3.3 → 2.3.5

package/dist/esm/utils.js

@@ -3,7 +3,7 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, CONFLUENCE_SEARCH_DATASOURCE_ID, JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey } from './pm-plugins/plugin-key';
 export var appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
@@ -75,7 +75,7 @@ export var getResolvedAttributesFromStore = function getResolvedAttributesFromSt
 };
 export var isDatasourceConfigEditable = function isDatasourceConfigEditable(datasourceId) {
   var datasourcesWithConfigModal = [JIRA_LIST_OF_LINKS_DATASOURCE_ID, ASSETS_LIST_OF_LINKS_DATASOURCE_ID];
-  if (getBooleanFF('platform.linking-platform.datasource.enable-confluence-search-modal')) {
+  if (fg('platform.linking-platform.datasource.enable-confluence-search-modal')) {
     datasourcesWithConfigModal.push(CONFLUENCE_SEARCH_DATASOURCE_ID);
   }
   return datasourcesWithConfigModal.includes(datasourceId);
@@ -125,4 +125,17 @@ export var focusEditorView = function focusEditorView(editorView) {
   if (!editorView.hasFocus()) {
     editorView.focus();
   }
+};
+export var getAwarenessProps = function getAwarenessProps(editorState, getPos, allowEmbeds, allowBlockCards) {
+  var _editorState$selectio, _editorState$selectio2;
+  var getPosFunction = typeof getPos !== 'boolean' ? getPos : undefined;
+  var linkPosition = getPosFunction === null || getPosFunction === void 0 ? void 0 : getPosFunction();
+  var canBeUpgradedToEmbed = !!linkPosition && allowEmbeds ? isEmbedSupportedAtPosition(linkPosition, editorState, 'inline') : false;
+  var canBeUpgradedToBlock = !!linkPosition && allowBlockCards ? isBlockSupportedAtPosition(linkPosition, editorState, 'inline') : false;
+  var isSelected = editorState.selection instanceof NodeSelection && ((_editorState$selectio = editorState.selection) === null || _editorState$selectio === void 0 || (_editorState$selectio = _editorState$selectio.node) === null || _editorState$selectio === void 0 ? void 0 : _editorState$selectio.type) === editorState.schema.nodes.inlineCard && ((_editorState$selectio2 = editorState.selection) === null || _editorState$selectio2 === void 0 ? void 0 : _editorState$selectio2.from) === (getPosFunction === null || getPosFunction === void 0 ? void 0 : getPosFunction());
+  return {
+    isPulseEnabled: canBeUpgradedToEmbed,
+    isOverlayEnabled: canBeUpgradedToEmbed || canBeUpgradedToBlock,
+    isSelected: isSelected
+  };
 };

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

@@ -7,6 +7,7 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type CardContext } from '@atlaskit/link-provider';
 import type { CardProps as BaseCardProps, CardPlatform } from '@atlaskit/smart-card';
@@ -38,15 +39,16 @@ export interface CardProps extends CardNodeViewProps {
     showServerActions?: boolean;
     actionOptions?: BaseCardProps['actionOptions'];
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
-    isOverlayEnabled?: boolean;
-    isPulseEnabled?: boolean;
-    linkPosition?: number;
-    isSelected?: boolean;
     onClickCallback?: OnClickCallback;
 }
 export interface SmartCardProps extends CardProps {
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     cardContext?: EditorContext<CardContext | undefined>;
     onClick?: EventHandler<MouseEvent | KeyboardEvent> | undefined;
+    onResolve?: (tr: Transaction, title?: string) => void;
+    isHovered?: boolean;
+    allowEmbeds?: boolean;
+    allowBlockCards?: boolean;
+    enableInlineUpgradeFeatures?: boolean;
 }
 export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -1,11 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { SmartCardProps } from './genericCard';
+import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, }: SmartCardProps) => JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback'>;
-type InlineCardWithAwarenessProps = {
-    allowEmbeds?: boolean;
-    allowBlockCards?: boolean;
-    enableInlineUpgradeFeatures: boolean;
-};
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;
-export {};

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

@@ -1,3 +1,8 @@
 import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, onClick, }: SmartCardProps) => JSX.Element | null>;
+export type InlineCardWithAwarenessProps = {
+    isPulseEnabled?: boolean;
+    isOverlayEnabled?: boolean;
+    isSelected?: boolean;
+};
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, }: SmartCardProps & InlineCardWithAwarenessProps) => JSX.Element>;

package/dist/types/ui/AwarenessWrapper/index.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from '../../nodeviews/genericCard';
 type AwarenessWrapperProps = {
     isInserted?: boolean;
@@ -9,7 +8,9 @@ type AwarenessWrapperProps = {
     markMostRecentlyInsertedLink: (isLinkMostRecentlyInserted: boolean) => void;
     setOverlayHoveredStyles: (isHovered: boolean) => void;
     url: string;
-    view: EditorView;
+    isOverlayEnabled?: boolean;
+    isPulseEnabled?: boolean;
+    isSelected?: boolean;
 } & Partial<SmartCardProps>;
-export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, view, }: AwarenessWrapperProps) => jsx.JSX.Element;
+export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, }: AwarenessWrapperProps) => jsx.JSX.Element;
 export {};

package/dist/types/utils.d.ts

@@ -1,4 +1,5 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import { type getPosHandler } from '@atlaskit/editor-common/src/react-node-view';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -43,3 +44,8 @@ export declare const isDatasourceNode: (node?: Node) => node is DatasourceNode;
  * @param editorView The editor view to focus.
  */
 export declare const focusEditorView: (editorView: EditorView) => void;
+export declare const getAwarenessProps: (editorState: EditorState, getPos: getPosHandler, allowEmbeds?: boolean, allowBlockCards?: boolean) => {
+    isPulseEnabled: boolean;
+    isOverlayEnabled: boolean;
+    isSelected: boolean;
+};

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

@@ -7,6 +7,7 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type CardContext } from '@atlaskit/link-provider';
 import type { CardProps as BaseCardProps, CardPlatform } from '@atlaskit/smart-card';
@@ -38,15 +39,16 @@ export interface CardProps extends CardNodeViewProps {
     showServerActions?: boolean;
     actionOptions?: BaseCardProps['actionOptions'];
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
-    isOverlayEnabled?: boolean;
-    isPulseEnabled?: boolean;
-    linkPosition?: number;
-    isSelected?: boolean;
     onClickCallback?: OnClickCallback;
 }
 export interface SmartCardProps extends CardProps {
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     cardContext?: EditorContext<CardContext | undefined>;
     onClick?: EventHandler<MouseEvent | KeyboardEvent> | undefined;
+    onResolve?: (tr: Transaction, title?: string) => void;
+    isHovered?: boolean;
+    allowEmbeds?: boolean;
+    allowBlockCards?: boolean;
+    enableInlineUpgradeFeatures?: boolean;
 }
 export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -1,11 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { SmartCardProps } from './genericCard';
+import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, }: SmartCardProps) => JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback'>;
-type InlineCardWithAwarenessProps = {
-    allowEmbeds?: boolean;
-    allowBlockCards?: boolean;
-    enableInlineUpgradeFeatures: boolean;
-};
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;
-export {};

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

@@ -1,3 +1,8 @@
 import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, onClick, }: SmartCardProps) => JSX.Element | null>;
+export type InlineCardWithAwarenessProps = {
+    isPulseEnabled?: boolean;
+    isOverlayEnabled?: boolean;
+    isSelected?: boolean;
+};
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, }: SmartCardProps & InlineCardWithAwarenessProps) => JSX.Element>;

package/dist/types-ts4.5/ui/AwarenessWrapper/index.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from '../../nodeviews/genericCard';
 type AwarenessWrapperProps = {
     isInserted?: boolean;
@@ -9,7 +8,9 @@ type AwarenessWrapperProps = {
     markMostRecentlyInsertedLink: (isLinkMostRecentlyInserted: boolean) => void;
     setOverlayHoveredStyles: (isHovered: boolean) => void;
     url: string;
-    view: EditorView;
+    isOverlayEnabled?: boolean;
+    isPulseEnabled?: boolean;
+    isSelected?: boolean;
 } & Partial<SmartCardProps>;
-export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, view, }: AwarenessWrapperProps) => jsx.JSX.Element;
+export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, }: AwarenessWrapperProps) => jsx.JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import { type getPosHandler } from '@atlaskit/editor-common/src/react-node-view';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -43,3 +44,8 @@ export declare const isDatasourceNode: (node?: Node) => node is DatasourceNode;
  * @param editorView The editor view to focus.
  */
 export declare const focusEditorView: (editorView: EditorView) => void;
+export declare const getAwarenessProps: (editorState: EditorState, getPos: getPosHandler, allowEmbeds?: boolean, allowBlockCards?: boolean) => {
+    isPulseEnabled: boolean;
+    isOverlayEnabled: boolean;
+    isSelected: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "2.3.3",
+	"version": "2.3.5",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,7 +37,7 @@
 		"@atlaskit/button": "^18.1.0",
 		"@atlaskit/custom-steps": "^0.4.0",
 		"@atlaskit/dropdown-menu": "^12.13.0",
-		"@atlaskit/editor-common": "^83.6.0",
+		"@atlaskit/editor-common": "^84.0.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
 		"@atlaskit/editor-plugin-decorations": "^1.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.1.0",