@atlaskit/editor-plugin-card 13.1.16 → 13.1.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-card
 
+## 13.1.18
+
+### Patch Changes
+
+- [`82c0224977f47`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/82c0224977f47) -
+  Update README.md and 0-intro.tsx
+- Updated dependencies
+
+## 13.1.17
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.1.16
 
 ### Patch Changes

package/README.md

@@ -1,10 +1,23 @@
-# Editor plugin card
+# Editor Plugin Card
 
 Card plugin for @atlaskit/editor-core
 
 **Note:** This component is designed for internal Atlassian development.
 External contributors will be able to use this component but will not be able to submit issues.
 
+## Overview
+
+The Card plugin enables smart card rendering and link resolution in the Atlassian Editor. It provides support for multiple card appearances (inline, block, embed), datasource rendering, and interactive link toolbars with rich customization options.
+
+## Key features
+
+- **Card appearances** - Support for inline, block, and embed card renderings with configurable layouts
+- **Link resolution** - Automatic resolution and upgrading of links to smart cards via the card provider
+- **Datasource support** - Integration with datasource modals for Jira, Confluence, and Assets
+- **Link toolbar** - Interactive toolbar for editing links and managing card appearances
+- **Analytics integration** - Comprehensive event tracking for card interactions and view changes
+- **Configurable options** - Flexible options for enabling/disabling features like block cards, embeds, resizing, and alignment
+
 ## Install
 ---
 - **Install** - *yarn add @atlaskit/editor-plugin-card*
@@ -25,6 +38,7 @@ Please see [Atlaskit - Editor plugin card](https://atlaskit.atlassian.com/packag
 ## Support
 ---
 For internal Atlassian, visit the slack channel [#help-editor](https://atlassian.slack.com/archives/CFG3PSQ9E) for support or visit [go/editor-help](https://go/editor-help) to submit a bug.
+
 ## License
 ---
- Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.
+Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.

package/dist/cjs/ui/analytics/events-from-tr.js

@@ -34,6 +34,7 @@ var findChanged = exports.findChanged = function findChanged(tr, state) {
   var updated = [];
   var queuedForUpgrade = isTransactionQueuedForUpgrade(tr);
   var isResolveReplace = isTransactionResolveReplace(tr);
+  var isAutoConvert = isAutoConvertTr(tr);
 
   // History
   var historyMeta = tr.getMeta(_utils.pmHistoryPluginKey);
@@ -118,9 +119,12 @@ var findChanged = exports.findChanged = function findChanged(tr, state) {
      * Skip "deletions" when the transaction is relating to
      * replacing links queued for upgrade to cards,
      * because the "deleted" link has not actually been
-     * tracked as "created" yet
+     * tracked as "created" yet.
+     * Also skip when the transaction is an auto-convert
+     * (e.g. a pasted link being converted to a native embed extension),
+     * because the link is being converted, not deleted by the user.
      */
-    if (!isResolveReplace) {
+    if (!isResolveReplace && !isAutoConvert) {
       removed.push.apply(removed, removedInStep);
     }
     inserted.push.apply(inserted, (0, _toConsumableArray2.default)(omitRequestsForUpgrade(insertedInStep)));
@@ -242,6 +246,20 @@ var isTransactionResolveReplace = function isTransactionResolveReplace(tr) {
   var pluginMeta = tr.getMeta(_pluginKey.pluginKey);
   return isMetadataResolve(pluginMeta);
 };
+
+/**
+ * Checks if the transaction is an auto-convert action
+ * (e.g. a pasted link being converted to a native embed extension node).
+ * In this case the link removal should not be tracked as a deletion.
+ */
+var isAutoConvertTr = function isAutoConvertTr(tr) {
+  return !!tr.steps.find(function (step) {
+    if (!(step instanceof _steps.LinkMetaStep)) {
+      return false;
+    }
+    return step.getMetadata().cardAction === 'AUTO_CONVERT';
+  });
+};
 var isMetadataResolve = function isMetadataResolve(metaData) {
   return hasType(metaData) && metaData.type === 'RESOLVE';
 };

package/dist/es2019/ui/analytics/events-from-tr.js

@@ -25,6 +25,7 @@ export const findChanged = (tr, state) => {
   const updated = [];
   const queuedForUpgrade = isTransactionQueuedForUpgrade(tr);
   const isResolveReplace = isTransactionResolveReplace(tr);
+  const isAutoConvert = isAutoConvertTr(tr);
 
   // History
   const historyMeta = tr.getMeta(pmHistoryPluginKey);
@@ -103,9 +104,12 @@ export const findChanged = (tr, state) => {
      * Skip "deletions" when the transaction is relating to
      * replacing links queued for upgrade to cards,
      * because the "deleted" link has not actually been
-     * tracked as "created" yet
+     * tracked as "created" yet.
+     * Also skip when the transaction is an auto-convert
+     * (e.g. a pasted link being converted to a native embed extension),
+     * because the link is being converted, not deleted by the user.
      */
-    if (!isResolveReplace) {
+    if (!isResolveReplace && !isAutoConvert) {
       removed.push(...removedInStep);
     }
     inserted.push(...omitRequestsForUpgrade(insertedInStep));
@@ -226,6 +230,20 @@ const isTransactionResolveReplace = tr => {
   const pluginMeta = tr.getMeta(pluginKey);
   return isMetadataResolve(pluginMeta);
 };
+
+/**
+ * Checks if the transaction is an auto-convert action
+ * (e.g. a pasted link being converted to a native embed extension node).
+ * In this case the link removal should not be tracked as a deletion.
+ */
+const isAutoConvertTr = tr => {
+  return !!tr.steps.find(step => {
+    if (!(step instanceof LinkMetaStep)) {
+      return false;
+    }
+    return step.getMetadata().cardAction === 'AUTO_CONVERT';
+  });
+};
 const isMetadataResolve = metaData => {
   return hasType(metaData) && metaData.type === 'RESOLVE';
 };

package/dist/esm/ui/analytics/events-from-tr.js

@@ -27,6 +27,7 @@ export var findChanged = function findChanged(tr, state) {
   var updated = [];
   var queuedForUpgrade = isTransactionQueuedForUpgrade(tr);
   var isResolveReplace = isTransactionResolveReplace(tr);
+  var isAutoConvert = isAutoConvertTr(tr);
 
   // History
   var historyMeta = tr.getMeta(pmHistoryPluginKey);
@@ -111,9 +112,12 @@ export var findChanged = function findChanged(tr, state) {
      * Skip "deletions" when the transaction is relating to
      * replacing links queued for upgrade to cards,
      * because the "deleted" link has not actually been
-     * tracked as "created" yet
+     * tracked as "created" yet.
+     * Also skip when the transaction is an auto-convert
+     * (e.g. a pasted link being converted to a native embed extension),
+     * because the link is being converted, not deleted by the user.
      */
-    if (!isResolveReplace) {
+    if (!isResolveReplace && !isAutoConvert) {
       removed.push.apply(removed, removedInStep);
     }
     inserted.push.apply(inserted, _toConsumableArray(omitRequestsForUpgrade(insertedInStep)));
@@ -235,6 +239,20 @@ var isTransactionResolveReplace = function isTransactionResolveReplace(tr) {
   var pluginMeta = tr.getMeta(pluginKey);
   return isMetadataResolve(pluginMeta);
 };
+
+/**
+ * Checks if the transaction is an auto-convert action
+ * (e.g. a pasted link being converted to a native embed extension node).
+ * In this case the link removal should not be tracked as a deletion.
+ */
+var isAutoConvertTr = function isAutoConvertTr(tr) {
+  return !!tr.steps.find(function (step) {
+    if (!(step instanceof LinkMetaStep)) {
+      return false;
+    }
+    return step.getMetadata().cardAction === 'AUTO_CONVERT';
+  });
+};
 var isMetadataResolve = function isMetadataResolve(metaData) {
   return hasType(metaData) && metaData.type === 'RESOLVE';
 };

package/dist/types/pm-plugins/utils.d.ts

@@ -42,7 +42,7 @@ export declare const isDatasourceNode: (node?: Node) => node is DatasourceNode;
  */
 export declare const focusEditorView: (editorView: EditorView) => void;
 export declare const getAwarenessProps: (editorState: EditorState, getPos: getPosHandler, allowEmbeds?: boolean, allowBlockCards?: boolean, disableOverlay?: boolean) => {
-    isPulseEnabled: boolean;
     isOverlayEnabled: boolean;
+    isPulseEnabled: boolean;
     isSelected: boolean;
 };

package/dist/types/ui/analytics/events-from-tr.d.ts

@@ -4,8 +4,8 @@ import type { CardPluginEvent, Entity } from './types';
  * Find the links, smartLinks, datasources that were changed in a transaction
  */
 export declare const findChanged: (tr: Transaction | ReadonlyTransaction, state: EditorState) => {
-    removed: Entity[];
     inserted: Entity[];
+    removed: Entity[];
     updated: ({
         inserted: Entity;
         removed: Entity;

package/dist/types/ui/datasourceErrorBoundary.d.ts

@@ -16,8 +16,8 @@ export declare class DatasourceErrorBoundary extends React.Component<DatasourceE
         error: null;
     };
     static getDerivedStateFromError(error: Error | APIError): {
-        isError: boolean;
         error: Error | APIError;
+        isError: boolean;
     };
     componentDidCatch(error: Error | APIError): void;
     render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;

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

@@ -42,7 +42,7 @@ export declare const isDatasourceNode: (node?: Node) => node is DatasourceNode;
  */
 export declare const focusEditorView: (editorView: EditorView) => void;
 export declare const getAwarenessProps: (editorState: EditorState, getPos: getPosHandler, allowEmbeds?: boolean, allowBlockCards?: boolean, disableOverlay?: boolean) => {
-    isPulseEnabled: boolean;
     isOverlayEnabled: boolean;
+    isPulseEnabled: boolean;
     isSelected: boolean;
 };

package/dist/types-ts4.5/ui/analytics/events-from-tr.d.ts

@@ -4,8 +4,8 @@ import type { CardPluginEvent, Entity } from './types';
  * Find the links, smartLinks, datasources that were changed in a transaction
  */
 export declare const findChanged: (tr: Transaction | ReadonlyTransaction, state: EditorState) => {
-    removed: Entity[];
     inserted: Entity[];
+    removed: Entity[];
     updated: ({
         inserted: Entity;
         removed: Entity;

package/dist/types-ts4.5/ui/datasourceErrorBoundary.d.ts

@@ -16,8 +16,8 @@ export declare class DatasourceErrorBoundary extends React.Component<DatasourceE
         error: null;
     };
     static getDerivedStateFromError(error: Error | APIError): {
-        isError: boolean;
         error: Error | APIError;
+        isError: boolean;
     };
     componentDidCatch(error: Error | APIError): void;
     render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "13.1.16",
+	"version": "13.1.18",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/editor-smart-link-draggable": "^0.4.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
 		"@atlaskit/icon": "^34.0.0",
-		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/link-analytics": "^11.0.0",
 		"@atlaskit/link-client-extension": "^6.0.0",
 		"@atlaskit/link-datasource": "^4.34.0",
@@ -60,8 +60,8 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/smart-card": "^43.29.0",
-		"@atlaskit/tmp-editor-statsig": "^54.0.0",
+		"@atlaskit/smart-card": "^43.31.0",
+		"@atlaskit/tmp-editor-statsig": "^55.0.0",
 		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.16.0",
+		"@atlaskit/editor-common": "^112.18.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"