@atlaskit/editor-plugin-card 0.8.0 → 0.8.2

package/.eslintrc.js

@@ -2,6 +2,18 @@ module.exports = {
   rules: {
     '@typescript-eslint/no-duplicate-imports': 'error',
     '@typescript-eslint/no-explicit-any': 'error',
+    '@typescript-eslint/ban-types': [
+      'error',
+      {
+        types: {
+          'React.FC':
+            'Please use types directly on props instead, and explicitly define children if required',
+          'React.FunctionalComponent':
+            'Please use types directly on props instead, and explicitly define children if required',
+        },
+        extendDefaults: false,
+      },
+    ],
   },
   overrides: [
     {

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-card
 
+## 0.8.2
+
+### Patch Changes
+
+- [`4e7058a65f4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e7058a65f4) - Add eslint rule to ban React.FC and React.FunctionalComponent in editor. In most packages this is still a warning.
+- [`08c899663fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/08c899663fa) - Add datasource failed analytic events to datasourceErrorBoundary
+- Updated dependencies
+
+## 0.8.1
+
+### Patch Changes
+
+- [`ae7c1132c88`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae7c1132c88) - Added analytics fix for undo/redo scenarious of link upgrade to a datasource
+- [`553b34b5fd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/553b34b5fd4) - Small analytics bug fixes relating to auto-linking on enter, legacy link picker, and unresolvable links.
+
 ## 0.8.0
 
 ### Minor Changes

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

@@ -143,7 +143,7 @@ var findChanged = function findChanged(tr, state) {
 
     /**
      * If there is no identifiable input method, and the links inserted and removed appear to be the same,
-     * then this transaction likely is not intended to be consided to be the insertion and removal of links
+     * then this transaction likely is not intended to be considered to be the insertion and removal of links
      */
     if (!inputMethod && (0, _utils2.areSameNodes)(removed, inserted)) {
       return {
@@ -158,6 +158,8 @@ var findChanged = function findChanged(tr, state) {
       updated: updated
     };
   }
+  var updateInserted = [];
+  var updateRemoved = [];
   for (var _i = 0; _i < inserted.length; _i++) {
     if (isResolveReplace) {
       var newLink = inserted[_i];
@@ -174,15 +176,22 @@ var findChanged = function findChanged(tr, state) {
       continue;
     }
     if (inserted.length === removed.length) {
-      updated.push({
-        removed: removed[_i],
-        inserted: inserted[_i]
-      });
+      var previousSubject = (0, _utils2.getNodeSubject)(removed[_i].node);
+      var currentSubject = (0, _utils2.getNodeSubject)(inserted[_i].node);
+      if (isDatasourceUpgrade(previousSubject, currentSubject) || isDatasourceDowngrade(previousSubject, currentSubject)) {
+        updateInserted.push(inserted[_i]);
+        updateRemoved.push(removed[_i]);
+      } else {
+        updated.push({
+          removed: removed[_i],
+          inserted: inserted[_i]
+        });
+      }
     }
   }
   return {
-    inserted: [],
-    removed: [],
+    inserted: updateInserted,
+    removed: updateRemoved,
     updated: updated
   };
 };
@@ -274,6 +283,12 @@ var getResolveLinkPrevDisplay = function getResolveLinkPrevDisplay(state, pos) {
     return request.pos === pos;
   })) === null || _cardState$requests$f === void 0 ? void 0 : _cardState$requests$f.previousAppearance;
 };
+var isDatasourceDowngrade = function isDatasourceDowngrade(previousSubject, currentSubject) {
+  return previousSubject === _types.EVENT_SUBJECT.DATASOURCE && currentSubject === _types.EVENT_SUBJECT.LINK;
+};
+var isDatasourceUpgrade = function isDatasourceUpgrade(previousSubject, currentSubject) {
+  return previousSubject === _types.EVENT_SUBJECT.LINK && currentSubject === _types.EVENT_SUBJECT.DATASOURCE;
+};
 function eventsFromTransaction(tr, state) {
   var events = [];
   try {

package/dist/cjs/datasourceErrorBoundary.js

@@ -14,6 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
+var _linkDatasource = require("@atlaskit/link-datasource");
 var _doc = require("./pm-plugins/doc");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @repo/internal/react/no-class-components */
@@ -52,11 +53,13 @@ var DatasourceErrorBoundary = /*#__PURE__*/function (_React$Component) {
         view = _this$props.view;
       if (this.state.isError) {
         if (url && (0, _adfSchema.isSafeUrl)(url)) {
-          return (0, _doc.setSelectedCardAppearance)('inline', undefined)(view.state, view.dispatch);
+          return /*#__PURE__*/_react.default.createElement(_linkDatasource.DatasourceRenderFailedAnalyticsWrapper, null, (0, _doc.setSelectedCardAppearance)('inline', undefined)(view.state, view.dispatch));
+        } else {
+          return /*#__PURE__*/_react.default.createElement(_linkDatasource.DatasourceRenderFailedAnalyticsWrapper, null, /*#__PURE__*/_react.default.createElement(UnsupportedComponent, null));
         }
-        return /*#__PURE__*/_react.default.createElement(UnsupportedComponent, null);
+      } else {
+        return this.props.children;
       }
-      return this.props.children;
     }
   }], [{
     key: "getDerivedStateFromError",

package/dist/cjs/pm-plugins/doc.js

@@ -140,7 +140,8 @@ var handleFallbackWithAnalytics = function handleFallbackWithAnalytics(request,
     }
     (0, _card.addLinkMetadata)(state.selection, tr, {
       action: request.analyticsAction,
-      inputMethod: request.source
+      inputMethod: request.source,
+      sourceEvent: request.sourceEvent
     });
     if (dispatch) {
       dispatch((0, _actions.resolveCard)(request.url)(tr));

package/dist/cjs/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js

@@ -45,9 +45,7 @@ function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
   var actions = [];
   if (metadata.inputMethod) {
     var _getMethod;
-    inputMethod = (_getMethod = (0, _common.getMethod)({
-      inputMethod: metadata.inputMethod
-    })) !== null && _getMethod !== void 0 ? _getMethod : '';
+    inputMethod = (_getMethod = (0, _common.getMethod)(metadata)) !== null && _getMethod !== void 0 ? _getMethod : '';
   } else if (metadata.sourceEvent instanceof _analyticsNext.UIAnalyticsEvent) {
     var _metadata$sourceEvent, _metadata$sourceEvent2;
     inputMethod = (_metadata$sourceEvent = metadata.sourceEvent.payload.attributes) === null || _metadata$sourceEvent === void 0 ? void 0 : _metadata$sourceEvent.inputMethod;

package/dist/cjs/ui/EditorLinkingPlatformAnalytics/common.js

@@ -34,6 +34,10 @@ var getMethod = withHistoryMethod(function (_ref) {
     case _analytics.INPUT_METHOD.AUTO_DETECT:
     case _analytics.INPUT_METHOD.FORMATTING:
       return 'editor_type';
+    case _analytics.INPUT_METHOD.TYPEAHEAD:
+      return 'linkpicker_searchResult';
+    case _analytics.INPUT_METHOD.MANUAL:
+      return 'linkpicker_manual';
     default:
       return 'unknown';
   }

package/dist/cjs/ui/LayoutButton/index.js

@@ -1,13 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LayoutButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
@@ -19,8 +18,6 @@ var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand
 var _colors = require("@atlaskit/theme/colors");
 var _actions = require("../../pm-plugins/actions");
 var _utils2 = require("./utils");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; } /** @jsx jsx */
 var toolbarButtonWrapperStyles = (0, _react2.css)({

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

@@ -5,7 +5,7 @@ import { isLinkMark, pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 import { AddMarkStep, RemoveMarkStep } from '@atlaskit/editor-prosemirror/transform';
 import { pluginKey } from '../pm-plugins/plugin-key';
 import { getPluginState } from '../pm-plugins/util/state';
-import { EVENT } from './types';
+import { EVENT, EVENT_SUBJECT } from './types';
 import { appearanceForLink, areSameNodes, findAtPositions, findInNodeRange, getNodeContext, getNodeSubject } from './utils';
 
 /**
@@ -126,7 +126,7 @@ export const findChanged = (tr, state) => {
 
     /**
      * If there is no identifiable input method, and the links inserted and removed appear to be the same,
-     * then this transaction likely is not intended to be consided to be the insertion and removal of links
+     * then this transaction likely is not intended to be considered to be the insertion and removal of links
      */
     if (!inputMethod && areSameNodes(removed, inserted)) {
       return {
@@ -141,6 +141,8 @@ export const findChanged = (tr, state) => {
       updated
     };
   }
+  const updateInserted = [];
+  const updateRemoved = [];
   for (let i = 0; i < inserted.length; i++) {
     if (isResolveReplace) {
       const newLink = inserted[i];
@@ -157,15 +159,22 @@ export const findChanged = (tr, state) => {
       continue;
     }
     if (inserted.length === removed.length) {
-      updated.push({
-        removed: removed[i],
-        inserted: inserted[i]
-      });
+      const previousSubject = getNodeSubject(removed[i].node);
+      const currentSubject = getNodeSubject(inserted[i].node);
+      if (isDatasourceUpgrade(previousSubject, currentSubject) || isDatasourceDowngrade(previousSubject, currentSubject)) {
+        updateInserted.push(inserted[i]);
+        updateRemoved.push(removed[i]);
+      } else {
+        updated.push({
+          removed: removed[i],
+          inserted: inserted[i]
+        });
+      }
     }
   }
   return {
-    inserted: [],
-    removed: [],
+    inserted: updateInserted,
+    removed: updateRemoved,
     updated
   };
 };
@@ -250,6 +259,8 @@ const getResolveLinkPrevDisplay = (state, pos) => {
   }
   return (_cardState$requests$f = cardState.requests.find(request => request.pos === pos)) === null || _cardState$requests$f === void 0 ? void 0 : _cardState$requests$f.previousAppearance;
 };
+const isDatasourceDowngrade = (previousSubject, currentSubject) => previousSubject === EVENT_SUBJECT.DATASOURCE && currentSubject === EVENT_SUBJECT.LINK;
+const isDatasourceUpgrade = (previousSubject, currentSubject) => previousSubject === EVENT_SUBJECT.LINK && currentSubject === EVENT_SUBJECT.DATASOURCE;
 export function eventsFromTransaction(tr, state) {
   const events = [];
   try {

package/dist/es2019/datasourceErrorBoundary.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @repo/internal/react/no-class-components */
 import React from 'react';
 import { isSafeUrl } from '@atlaskit/adf-schema';
+import { DatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
 import { setSelectedCardAppearance } from './pm-plugins/doc';
 export class DatasourceErrorBoundary extends React.Component {
   constructor(...args) {
@@ -32,10 +33,12 @@ export class DatasourceErrorBoundary extends React.Component {
     } = this.props;
     if (this.state.isError) {
       if (url && isSafeUrl(url)) {
-        return setSelectedCardAppearance('inline', undefined)(view.state, view.dispatch);
+        return /*#__PURE__*/React.createElement(DatasourceRenderFailedAnalyticsWrapper, null, setSelectedCardAppearance('inline', undefined)(view.state, view.dispatch));
+      } else {
+        return /*#__PURE__*/React.createElement(DatasourceRenderFailedAnalyticsWrapper, null, /*#__PURE__*/React.createElement(UnsupportedComponent, null));
       }
-      return /*#__PURE__*/React.createElement(UnsupportedComponent, null);
+    } else {
+      return this.props.children;
     }
-    return this.props.children;
   }
 }

package/dist/es2019/pm-plugins/doc.js

@@ -119,7 +119,8 @@ export const handleFallbackWithAnalytics = (request, editorAnalyticsApi) => (sta
   }
   addLinkMetadata(state.selection, tr, {
     action: request.analyticsAction,
-    inputMethod: request.source
+    inputMethod: request.source,
+    sourceEvent: request.sourceEvent
   });
   if (dispatch) {
     dispatch(resolveCard(request.url)(tr));

package/dist/es2019/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js

@@ -38,9 +38,7 @@ function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
   let actions = [];
   if (metadata.inputMethod) {
     var _getMethod;
-    inputMethod = (_getMethod = getMethod({
-      inputMethod: metadata.inputMethod
-    })) !== null && _getMethod !== void 0 ? _getMethod : '';
+    inputMethod = (_getMethod = getMethod(metadata)) !== null && _getMethod !== void 0 ? _getMethod : '';
   } else if (metadata.sourceEvent instanceof UIAnalyticsEvent) {
     var _metadata$sourceEvent, _metadata$sourceEvent2;
     inputMethod = (_metadata$sourceEvent = metadata.sourceEvent.payload.attributes) === null || _metadata$sourceEvent === void 0 ? void 0 : _metadata$sourceEvent.inputMethod;

package/dist/es2019/ui/EditorLinkingPlatformAnalytics/common.js

@@ -31,6 +31,10 @@ export const getMethod = withHistoryMethod(({
     case INPUT_METHOD.AUTO_DETECT:
     case INPUT_METHOD.FORMATTING:
       return 'editor_type';
+    case INPUT_METHOD.TYPEAHEAD:
+      return 'linkpicker_searchResult';
+    case INPUT_METHOD.MANUAL:
+      return 'linkpicker_manual';
     default:
       return 'unknown';
   }

package/dist/es2019/ui/LayoutButton/index.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { useCallback, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';

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

@@ -7,7 +7,7 @@ import { isLinkMark, pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 import { AddMarkStep, RemoveMarkStep } from '@atlaskit/editor-prosemirror/transform';
 import { pluginKey } from '../pm-plugins/plugin-key';
 import { getPluginState } from '../pm-plugins/util/state';
-import { EVENT } from './types';
+import { EVENT, EVENT_SUBJECT } from './types';
 import { appearanceForLink, areSameNodes, findAtPositions, findInNodeRange, getNodeContext, getNodeSubject } from './utils';
 
 /**
@@ -136,7 +136,7 @@ export var findChanged = function findChanged(tr, state) {
 
     /**
      * If there is no identifiable input method, and the links inserted and removed appear to be the same,
-     * then this transaction likely is not intended to be consided to be the insertion and removal of links
+     * then this transaction likely is not intended to be considered to be the insertion and removal of links
      */
     if (!inputMethod && areSameNodes(removed, inserted)) {
       return {
@@ -151,6 +151,8 @@ export var findChanged = function findChanged(tr, state) {
       updated: updated
     };
   }
+  var updateInserted = [];
+  var updateRemoved = [];
   for (var _i = 0; _i < inserted.length; _i++) {
     if (isResolveReplace) {
       var newLink = inserted[_i];
@@ -167,15 +169,22 @@ export var findChanged = function findChanged(tr, state) {
       continue;
     }
     if (inserted.length === removed.length) {
-      updated.push({
-        removed: removed[_i],
-        inserted: inserted[_i]
-      });
+      var previousSubject = getNodeSubject(removed[_i].node);
+      var currentSubject = getNodeSubject(inserted[_i].node);
+      if (isDatasourceUpgrade(previousSubject, currentSubject) || isDatasourceDowngrade(previousSubject, currentSubject)) {
+        updateInserted.push(inserted[_i]);
+        updateRemoved.push(removed[_i]);
+      } else {
+        updated.push({
+          removed: removed[_i],
+          inserted: inserted[_i]
+        });
+      }
     }
   }
   return {
-    inserted: [],
-    removed: [],
+    inserted: updateInserted,
+    removed: updateRemoved,
     updated: updated
   };
 };
@@ -266,6 +275,12 @@ var getResolveLinkPrevDisplay = function getResolveLinkPrevDisplay(state, pos) {
     return request.pos === pos;
   })) === null || _cardState$requests$f === void 0 ? void 0 : _cardState$requests$f.previousAppearance;
 };
+var isDatasourceDowngrade = function isDatasourceDowngrade(previousSubject, currentSubject) {
+  return previousSubject === EVENT_SUBJECT.DATASOURCE && currentSubject === EVENT_SUBJECT.LINK;
+};
+var isDatasourceUpgrade = function isDatasourceUpgrade(previousSubject, currentSubject) {
+  return previousSubject === EVENT_SUBJECT.LINK && currentSubject === EVENT_SUBJECT.DATASOURCE;
+};
 export function eventsFromTransaction(tr, state) {
   var events = [];
   try {

package/dist/esm/datasourceErrorBoundary.js

@@ -10,6 +10,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /* eslint-disable @repo/internal/react/no-class-components */
 import React from 'react';
 import { isSafeUrl } from '@atlaskit/adf-schema';
+import { DatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
 import { setSelectedCardAppearance } from './pm-plugins/doc';
 export var DatasourceErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(DatasourceErrorBoundary, _React$Component);
@@ -46,11 +47,13 @@ export var DatasourceErrorBoundary = /*#__PURE__*/function (_React$Component) {
         view = _this$props.view;
       if (this.state.isError) {
         if (url && isSafeUrl(url)) {
-          return setSelectedCardAppearance('inline', undefined)(view.state, view.dispatch);
+          return /*#__PURE__*/React.createElement(DatasourceRenderFailedAnalyticsWrapper, null, setSelectedCardAppearance('inline', undefined)(view.state, view.dispatch));
+        } else {
+          return /*#__PURE__*/React.createElement(DatasourceRenderFailedAnalyticsWrapper, null, /*#__PURE__*/React.createElement(UnsupportedComponent, null));
         }
-        return /*#__PURE__*/React.createElement(UnsupportedComponent, null);
+      } else {
+        return this.props.children;
       }
-      return this.props.children;
     }
   }], [{
     key: "getDerivedStateFromError",

package/dist/esm/pm-plugins/doc.js

@@ -132,7 +132,8 @@ export var handleFallbackWithAnalytics = function handleFallbackWithAnalytics(re
     }
     addLinkMetadata(state.selection, tr, {
       action: request.analyticsAction,
-      inputMethod: request.source
+      inputMethod: request.source,
+      sourceEvent: request.sourceEvent
     });
     if (dispatch) {
       dispatch(resolveCard(request.url)(tr));

package/dist/esm/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js

@@ -38,9 +38,7 @@ function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
   var actions = [];
   if (metadata.inputMethod) {
     var _getMethod;
-    inputMethod = (_getMethod = getMethod({
-      inputMethod: metadata.inputMethod
-    })) !== null && _getMethod !== void 0 ? _getMethod : '';
+    inputMethod = (_getMethod = getMethod(metadata)) !== null && _getMethod !== void 0 ? _getMethod : '';
   } else if (metadata.sourceEvent instanceof UIAnalyticsEvent) {
     var _metadata$sourceEvent, _metadata$sourceEvent2;
     inputMethod = (_metadata$sourceEvent = metadata.sourceEvent.payload.attributes) === null || _metadata$sourceEvent === void 0 ? void 0 : _metadata$sourceEvent.inputMethod;

package/dist/esm/ui/EditorLinkingPlatformAnalytics/common.js

@@ -28,6 +28,10 @@ export var getMethod = withHistoryMethod(function (_ref) {
     case INPUT_METHOD.AUTO_DETECT:
     case INPUT_METHOD.FORMATTING:
       return 'editor_type';
+    case INPUT_METHOD.TYPEAHEAD:
+      return 'linkpicker_searchResult';
+    case INPUT_METHOD.MANUAL:
+      return 'linkpicker_manual';
     default:
       return 'unknown';
   }

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

@@ -2,7 +2,7 @@ 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; }
 /** @jsx jsx */
-import React, { useCallback, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';

package/dist/types/datasourceErrorBoundary.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { APIError } from '@atlaskit/smart-card';
-import { DatasourceProps } from './nodeviews/datasource';
+import type { APIError } from '@atlaskit/smart-card';
+import type { DatasourceProps } from './nodeviews/datasource';
 export declare class DatasourceErrorBoundary extends React.Component<{
     url?: string;
     unsupportedComponent: React.ComponentType;

package/dist/types/ui/EditorLinkingPlatformAnalytics/common.d.ts

@@ -1,7 +1,7 @@
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { EditorCardPluginEvents } from '../../analytics/create-events-queue';
-import { CardPluginEvent } from '../../analytics/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorCardPluginEvents } from '../../analytics/create-events-queue';
+import type { CardPluginEvent } from '../../analytics/types';
 export type AnalyticsBindingsProps = {
     editorView: EditorView;
     cardPluginEvents: EditorCardPluginEvents<CardPluginEvent>;

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

@@ -1,9 +1,9 @@
-/** @jsx jsx */
-import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { LayoutButtonProps, LayoutButtonWrapperProps } from './types';
-export declare const LayoutButton: React.FC<LayoutButtonProps>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>;
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { LayoutButtonProps, LayoutButtonWrapperProps } from './types';
+export declare const LayoutButton: ({ onLayoutChange, layout, intl: { formatMessage }, mountPoint, boundariesElement, scrollableElement, targetElement, testId, }: LayoutButtonProps) => jsx.JSX.Element | null;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { APIError } from '@atlaskit/smart-card';
-import { DatasourceProps } from './nodeviews/datasource';
+import type { APIError } from '@atlaskit/smart-card';
+import type { DatasourceProps } from './nodeviews/datasource';
 export declare class DatasourceErrorBoundary extends React.Component<{
     url?: string;
     unsupportedComponent: React.ComponentType;

package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/common.d.ts

@@ -1,7 +1,7 @@
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { EditorCardPluginEvents } from '../../analytics/create-events-queue';
-import { CardPluginEvent } from '../../analytics/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorCardPluginEvents } from '../../analytics/create-events-queue';
+import type { CardPluginEvent } from '../../analytics/types';
 export type AnalyticsBindingsProps = {
     editorView: EditorView;
     cardPluginEvents: EditorCardPluginEvents<CardPluginEvent>;

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

@@ -1,9 +1,9 @@
-/** @jsx jsx */
-import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { LayoutButtonProps, LayoutButtonWrapperProps } from './types';
-export declare const LayoutButton: React.FC<LayoutButtonProps>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>;
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { LayoutButtonProps, LayoutButtonWrapperProps } from './types';
+export declare const LayoutButton: ({ onLayoutChange, layout, intl: { formatMessage }, mountPoint, boundariesElement, scrollableElement, targetElement, testId, }: LayoutButtonProps) => jsx.JSX.Element | null;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^29.1.0",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/editor-common": "^75.5.0",
+    "@atlaskit/editor-common": "^75.8.0",
     "@atlaskit/editor-plugin-analytics": "^0.2.0",
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
@@ -42,12 +42,12 @@
     "@atlaskit/editor-plugin-hyperlink": "^0.5.0",
     "@atlaskit/editor-plugin-width": "^0.2.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
-    "@atlaskit/editor-shared-styles": "^2.7.0",
+    "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/link-analytics": "^8.3.0",
-    "@atlaskit/link-datasource": "^1.3.0",
+    "@atlaskit/link-datasource": "^1.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/smart-card": "^26.27.0",
+    "@atlaskit/smart-card": "^26.28.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.25.0",
     "@babel/runtime": "^7.0.0",