@atlaskit/editor-plugin-card 7.4.2 → 7.4.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-card
 
+## 7.4.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.4.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/toDOM-fixes/blockCard.js

@@ -8,12 +8,14 @@ exports.blockCardSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // @nodeSpecException:toDOM patch
 var blockCardSpecWithFixedToDOM = exports.blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, _adfSchema.blockCard), {}, {
+  var blockCardNode = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.blockCardWithLocalId : _adfSchema.blockCard;
+  return _objectSpread(_objectSpread({}, blockCardNode), {}, {
     toDOM: function toDOM(node) {
       var _node$attrs;
       var _ref = node.attrs,
@@ -24,7 +26,7 @@ var blockCardSpecWithFixedToDOM = exports.blockCardSpecWithFixedToDOM = function
         layout = _ref3.layout,
         width = _ref3.width,
         datasource = _ref3.datasource;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-block-card': '',
         'data-card-url': url || '',
         'data-card-data': data ? JSON.stringify(data) : '',
@@ -32,7 +34,9 @@ var blockCardSpecWithFixedToDOM = exports.blockCardSpecWithFixedToDOM = function
         'data-layout': layout,
         'data-width': "".concat(width),
         class: 'blockCardView-content-wrap'
-      };
+      }, (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       return ['div', attrs, ['a', {
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
         // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`

package/dist/cjs/nodeviews/toDOM-fixes/embedCard.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
@@ -61,7 +62,8 @@ var LINE_LENGTH = 760;
 
 // @nodeSpecException:toDOM patch
 var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, _adfSchema.embedCard), {}, {
+  var embedCardNode = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.embedCardWithLocalId : _adfSchema.embedCard;
+  return _objectSpread(_objectSpread({}, embedCardNode), {}, {
     toDOM: function toDOM(node) {
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
@@ -70,7 +72,7 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
         originalWidth = _node$attrs.originalWidth,
         originalHeight = _node$attrs.originalHeight;
       var aspectRatio = originalWidth && originalHeight ? originalWidth / originalHeight : _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH / _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-embed-card': '',
         'data-card-url': url,
         'data-layout': layout,
@@ -86,7 +88,9 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
           marginLeft: layout === 'align-start' ? '0' : '',
           float: float(layout)
         })
-      };
+      }, (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       return ['div', attrs,
       // This is the only modification to the embed card `toDOM`
       // This is to match the behaviour of Card which lazy loads

package/dist/cjs/nodeviews/toDOM-fixes/inlineCard.js

@@ -8,12 +8,14 @@ exports.inlineCardSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // @nodeSpecException:toDOM patch
 var inlineCardSpecWithFixedToDOM = exports.inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, _adfSchema.inlineCard), {}, {
+  var inlineCardNode = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.inlineCardWithLocalId : _adfSchema.inlineCard;
+  return _objectSpread(_objectSpread({}, inlineCardNode), {}, {
     toDOM: function toDOM(node) {
       var wrapperAttrs = {
         class: 'inlineCardView-content-wrap inlineNodeView'
@@ -22,7 +24,7 @@ var inlineCardSpecWithFixedToDOM = exports.inlineCardSpecWithFixedToDOM = functi
         'aria-busy': 'true',
         class: 'card'
       };
-      var attrs = {
+      var attrs = _objectSpread({
         'data-inline-card': '',
         href: node.attrs.url || '',
         'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
@@ -45,7 +47,9 @@ var inlineCardSpecWithFixedToDOM = exports.inlineCardSpecWithFixedToDOM = functi
           msUserSelect: 'text',
           MozUserSelect: 'none' // -moz-user-select
         })
-      };
+      }, (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       if (node.attrs.url) {
         return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs, node.attrs.url]]];
       } else {

package/dist/es2019/nodeviews/toDOM-fixes/blockCard.js

@@ -1,10 +1,12 @@
-import { blockCard } from '@atlaskit/adf-schema';
+import { blockCard, blockCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export const blockCardSpecWithFixedToDOM = () => {
+  const blockCardNode = fg('platform_editor_adf_with_localid') ? blockCardWithLocalId : blockCard;
   return {
-    ...blockCard,
+    ...blockCardNode,
     toDOM: node => {
       var _node$attrs;
       const {
@@ -25,7 +27,10 @@ export const blockCardSpecWithFixedToDOM = () => {
         'data-datasource': datasource ? JSON.stringify(datasource) : '',
         'data-layout': layout,
         'data-width': `${width}`,
-        class: 'blockCardView-content-wrap'
+        class: 'blockCardView-content-wrap',
+        ...(fg('platform_editor_adf_with_localid') ? {
+          'data-local-id': node.attrs.localId
+        } : {})
       };
       return ['div', attrs, ['a', {
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`

package/dist/es2019/nodeviews/toDOM-fixes/embedCard.js

@@ -8,9 +8,10 @@
  * In the long term likely `toDOM` will move back out of `adf-schema` in which
  * case we can consolidate them.
  */
-import { embedCard } from '@atlaskit/adf-schema';
+import { embedCard, embedCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // From `packages/editor/editor-common/src/ui/MediaSingle/styled.tsx`
 function calcMargin(layout) {
@@ -52,8 +53,9 @@ const LINE_LENGTH = 760;
 
 // @nodeSpecException:toDOM patch
 export const embedCardSpecWithFixedToDOM = () => {
+  const embedCardNode = fg('platform_editor_adf_with_localid') ? embedCardWithLocalId : embedCard;
   return {
-    ...embedCard,
+    ...embedCardNode,
     toDOM: node => {
       const {
         url,
@@ -78,7 +80,10 @@ export const embedCardSpecWithFixedToDOM = () => {
           marginRight: layout === 'align-end' ? '0' : '',
           marginLeft: layout === 'align-start' ? '0' : '',
           float: float(layout)
-        })
+        }),
+        ...(fg('platform_editor_adf_with_localid') ? {
+          'data-local-id': node.attrs.localId
+        } : {})
       };
       return ['div', attrs,
       // This is the only modification to the embed card `toDOM`

package/dist/es2019/nodeviews/toDOM-fixes/inlineCard.js

@@ -1,10 +1,12 @@
-import { inlineCard } from '@atlaskit/adf-schema';
+import { inlineCard, inlineCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export const inlineCardSpecWithFixedToDOM = () => {
+  const inlineCardNode = fg('platform_editor_adf_with_localid') ? inlineCardWithLocalId : inlineCard;
   return {
-    ...inlineCard,
+    ...inlineCardNode,
     toDOM: node => {
       const wrapperAttrs = {
         class: 'inlineCardView-content-wrap inlineNodeView'
@@ -35,7 +37,10 @@ export const inlineCardSpecWithFixedToDOM = () => {
           WebkitUserSelect: 'text',
           msUserSelect: 'text',
           MozUserSelect: 'none' // -moz-user-select
-        })
+        }),
+        ...(fg('platform_editor_adf_with_localid') ? {
+          'data-local-id': node.attrs.localId
+        } : {})
       };
       if (node.attrs.url) {
         return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs, node.attrs.url]]];

package/dist/esm/nodeviews/toDOM-fixes/blockCard.js

@@ -1,12 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { blockCard } from '@atlaskit/adf-schema';
+import { blockCard, blockCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, blockCard), {}, {
+  var blockCardNode = fg('platform_editor_adf_with_localid') ? blockCardWithLocalId : blockCard;
+  return _objectSpread(_objectSpread({}, blockCardNode), {}, {
     toDOM: function toDOM(node) {
       var _node$attrs;
       var _ref = node.attrs,
@@ -17,7 +19,7 @@ export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM()
         layout = _ref3.layout,
         width = _ref3.width,
         datasource = _ref3.datasource;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-block-card': '',
         'data-card-url': url || '',
         'data-card-data': data ? JSON.stringify(data) : '',
@@ -25,7 +27,9 @@ export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM()
         'data-layout': layout,
         'data-width': "".concat(width),
         class: 'blockCardView-content-wrap'
-      };
+      }, fg('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       return ['div', attrs, ['a', {
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
         // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`

package/dist/esm/nodeviews/toDOM-fixes/embedCard.js

@@ -11,9 +11,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * In the long term likely `toDOM` will move back out of `adf-schema` in which
  * case we can consolidate them.
  */
-import { embedCard } from '@atlaskit/adf-schema';
+import { embedCard, embedCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // From `packages/editor/editor-common/src/ui/MediaSingle/styled.tsx`
 function calcMargin(layout) {
@@ -55,7 +56,8 @@ var LINE_LENGTH = 760;
 
 // @nodeSpecException:toDOM patch
 export var embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, embedCard), {}, {
+  var embedCardNode = fg('platform_editor_adf_with_localid') ? embedCardWithLocalId : embedCard;
+  return _objectSpread(_objectSpread({}, embedCardNode), {}, {
     toDOM: function toDOM(node) {
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
@@ -64,7 +66,7 @@ export var embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM()
         originalWidth = _node$attrs.originalWidth,
         originalHeight = _node$attrs.originalHeight;
       var aspectRatio = originalWidth && originalHeight ? originalWidth / originalHeight : DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-embed-card': '',
         'data-card-url': url,
         'data-layout': layout,
@@ -80,7 +82,9 @@ export var embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM()
           marginLeft: layout === 'align-start' ? '0' : '',
           float: float(layout)
         })
-      };
+      }, fg('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       return ['div', attrs,
       // This is the only modification to the embed card `toDOM`
       // This is to match the behaviour of Card which lazy loads

package/dist/esm/nodeviews/toDOM-fixes/inlineCard.js

@@ -1,12 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { inlineCard } from '@atlaskit/adf-schema';
+import { inlineCard, inlineCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export var inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, inlineCard), {}, {
+  var inlineCardNode = fg('platform_editor_adf_with_localid') ? inlineCardWithLocalId : inlineCard;
+  return _objectSpread(_objectSpread({}, inlineCardNode), {}, {
     toDOM: function toDOM(node) {
       var wrapperAttrs = {
         class: 'inlineCardView-content-wrap inlineNodeView'
@@ -15,7 +17,7 @@ export var inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM(
         'aria-busy': 'true',
         class: 'card'
       };
-      var attrs = {
+      var attrs = _objectSpread({
         'data-inline-card': '',
         href: node.attrs.url || '',
         'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
@@ -38,7 +40,9 @@ export var inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM(
           msUserSelect: 'text',
           MozUserSelect: 'none' // -moz-user-select
         })
-      };
+      }, fg('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       if (node.attrs.url) {
         return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs, node.attrs.url]]];
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "7.4.2",
+	"version": "7.4.3",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -54,7 +54,7 @@
 		"@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-common": "^9.4.0",
 		"@atlaskit/linking-types": "^14.0.0",
 		"@atlaskit/menu": "^8.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/smart-card": "^40.10.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^10.0.0",
+		"@atlaskit/tmp-editor-statsig": "^11.0.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -73,7 +73,7 @@
 	},
 	"peerDependencies": {
 		"@atlaskit/editor-common": "^107.25.0",
-		"@atlaskit/link-provider": "^3.4.0",
+		"@atlaskit/link-provider": "^3.6.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -131,6 +131,9 @@
 		},
 		"platform_editor_controls_patch_15": {
 			"type": "boolean"
+		},
+		"platform_editor_adf_with_localid": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {