@atlaskit/editor-plugin-extension 33.0.19 → 33.1.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-extension
 
+## 33.1.1
+
+### Patch Changes
+
+- [`57ad371c701cd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/57ad371c701cd) -
+  Behind `platform_editor_config_panel_field_analytics`, tag the ConfigPanel's `checkbox changed`
+  analytics event with the field name and the extension key and type.
+- Updated dependencies
+
+## 33.1.0
+
+### Minor Changes
+
+- [`8bcfd4cbc0135`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8bcfd4cbc0135) -
+  Scope generated media and native embed entrance animations to the final Rovo create insertion
+  using existing media and extension plugin state behind cwr_remix_animate_stream_only.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 33.0.19
 
 ### Patch Changes

package/dist/cjs/extensionPlugin.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extensionPlugin = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _uuid = require("uuid");
 var _extension = require("@atlaskit/adf-schema/extension");
 var _inlineExtension = require("@atlaskit/adf-schema/inline-extension");
 var _multiBodiedExtension = require("@atlaskit/adf-schema/multi-bodied-extension");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _actions = require("./editor-actions/actions");
 var _commands = require("./editor-commands/commands");
@@ -25,8 +27,8 @@ var _uniqueId = require("./pm-plugins/unique-id");
 var _constants = require("./ui/ConfigPanel/constants");
 var _contextPanel = require("./ui/context-panel");
 var _useConfigPanelPluginHook = require("./ui/useConfigPanelPluginHook");
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-
+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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
   var _api$featureFlags, _api$contextPanel, _api$analytics2, _api$analytics3, _api$contextPanel4;
   var _ref$config = _ref.config,
@@ -64,25 +66,42 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
       return extensionNodes;
     },
     getSharedState: function getSharedState(state) {
+      var _pluginState$shouldAn;
       if (!state) {
         return undefined;
       }
       var pluginState = _pluginKey.pluginKey.getState(state);
-      return {
-        showContextPanel: pluginState === null || pluginState === void 0 ? void 0 : pluginState.showContextPanel,
+      return _objectSpread(_objectSpread({
+        showContextPanel: pluginState === null || pluginState === void 0 ? void 0 : pluginState.showContextPanel
+      }, (0, _isExperimentEnabled.isExperimentEnabled)('cwr_remix_animate_stream_only') && {
+        shouldAnimateInsertedContent: (_pluginState$shouldAn = pluginState === null || pluginState === void 0 ? void 0 : pluginState.shouldAnimateInsertedContent) !== null && _pluginState$shouldAn !== void 0 ? _pluginState$shouldAn : false
+      }), {}, {
         extensionProvider: pluginState === null || pluginState === void 0 ? void 0 : pluginState.extensionProvider,
         processParametersAfter: pluginState === null || pluginState === void 0 ? void 0 : pluginState.processParametersAfter
-      };
+      });
+    },
+    commands: {
+      setInsertAnimationEnabled: function setInsertAnimationEnabled(enabled) {
+        return function (_ref2) {
+          var tr = _ref2.tr;
+          return (0, _isExperimentEnabled.isExperimentEnabled)('cwr_remix_animate_stream_only') ? tr.setMeta(_pluginKey.pluginKey, {
+            type: 'UPDATE_STATE',
+            data: {
+              shouldAnimateInsertedContent: enabled
+            }
+          }).setMeta('addToHistory', false) : null;
+        };
+      }
     },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'extension',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch,
-            providerFactory = _ref2.providerFactory,
-            portalProviderAPI = _ref2.portalProviderAPI,
-            eventDispatcher = _ref2.eventDispatcher,
-            getIntl = _ref2.getIntl;
+        plugin: function plugin(_ref3) {
+          var dispatch = _ref3.dispatch,
+            providerFactory = _ref3.providerFactory,
+            portalProviderAPI = _ref3.portalProviderAPI,
+            eventDispatcher = _ref3.eventDispatcher,
+            getIntl = _ref3.getIntl;
           var extensionHandlers = options.extensionHandlers || {};
           return (0, _main.createPlugin)(dispatch, providerFactory, extensionHandlers, extensionLoadingHandlers, portalProviderAPI, eventDispatcher, _api, options.useLongPressSelection, {
             appearance: options.appearance,
@@ -119,9 +138,9 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
         }
       }, {
         name: 'macro',
-        plugin: function plugin(_ref3) {
-          var dispatch = _ref3.dispatch,
-            providerFactory = _ref3.providerFactory;
+        plugin: function plugin(_ref4) {
+          var dispatch = _ref4.dispatch,
+            providerFactory = _ref4.providerFactory;
           return (0, _plugin.createPlugin)(dispatch, providerFactory);
         }
       }];
@@ -141,14 +160,14 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
         return extensionLoadingHandlers;
       },
       insertMacroFromMacroBrowser: (0, _actions2.insertMacroFromMacroBrowser)(_api === null || _api === void 0 || (_api$analytics2 = _api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
-      insertOrReplaceExtension: function insertOrReplaceExtension(_ref4) {
-        var editorView = _ref4.editorView,
-          action = _ref4.action,
-          attrs = _ref4.attrs,
-          content = _ref4.content,
-          position = _ref4.position,
-          size = _ref4.size,
-          tr = _ref4.tr;
+      insertOrReplaceExtension: function insertOrReplaceExtension(_ref5) {
+        var editorView = _ref5.editorView,
+          action = _ref5.action,
+          attrs = _ref5.attrs,
+          content = _ref5.content,
+          position = _ref5.position,
+          size = _ref5.size,
+          tr = _ref5.tr;
         return (0, _actions.insertOrReplaceExtension)({
           editorView: editorView,
           action: action,
@@ -159,14 +178,14 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
           tr: tr
         });
       },
-      insertOrReplaceBodiedExtension: function insertOrReplaceBodiedExtension(_ref5) {
-        var editorView = _ref5.editorView,
-          action = _ref5.action,
-          attrs = _ref5.attrs,
-          content = _ref5.content,
-          position = _ref5.position,
-          size = _ref5.size,
-          tr = _ref5.tr;
+      insertOrReplaceBodiedExtension: function insertOrReplaceBodiedExtension(_ref6) {
+        var editorView = _ref6.editorView,
+          action = _ref6.action,
+          attrs = _ref6.attrs,
+          content = _ref6.content,
+          position = _ref6.position,
+          size = _ref6.size,
+          tr = _ref6.tr;
         return (0, _actions.insertOrReplaceBodiedExtension)({
           editorView: editorView,
           action: action,
@@ -182,9 +201,9 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
         editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions,
         applyChangeToContextPanel: _api === null || _api === void 0 || (_api$contextPanel4 = _api.contextPanel) === null || _api$contextPanel4 === void 0 ? void 0 : _api$contextPanel4.actions.applyChange
       }),
-      registerExtensionLoadingHandler: function registerExtensionLoadingHandler(_ref6) {
-        var extensionType = _ref6.extensionType,
-          handler = _ref6.handler;
+      registerExtensionLoadingHandler: function registerExtensionLoadingHandler(_ref7) {
+        var extensionType = _ref7.extensionType,
+          handler = _ref7.handler;
         extensionLoadingHandlers[extensionType] = handler;
         return function () {
           if (extensionLoadingHandlers[extensionType] === handler) {
@@ -208,8 +227,8 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
         return (_editorViewRef$curren = editorViewRef.current) !== null && _editorViewRef$curren !== void 0 ? _editorViewRef$curren : undefined;
       })(_api, featureFlags) : undefined
     },
-    usePluginHook: showContextPanel ? function (_ref7) {
-      var editorView = _ref7.editorView;
+    usePluginHook: showContextPanel ? function (_ref8) {
+      var editorView = _ref8.editorView;
       (0, _useConfigPanelPluginHook.useConfigPanelPluginHook)({
         api: _api,
         configPanelId: configPanelId,

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.handleUpdate = exports.createPlugin = exports.createExtensionProviderHandler = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extensionNodeView = _interopRequireDefault(require("@atlaskit/editor-common/extensionNodeView"));
@@ -14,12 +15,15 @@ var _selection2 = require("@atlaskit/editor-common/selection");
 var _selection3 = require("@atlaskit/editor-common/selection/gap-cursor/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _commands = require("../editor-commands/commands");
 var _blockTransforms = require("./block-transforms");
 var _pluginFactory = require("./plugin-factory");
 var _pluginKey = require("./plugin-key");
 var _updateEditButton = require("./update-edit-button");
 var _utils2 = require("./utils");
+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; }
 var shouldShowEditButton = function shouldShowEditButton(extensionHandler, extensionProvider) {
   var usesLegacyMacroBrowser = !extensionHandler && !extensionProvider || typeof extensionHandler === 'function';
   var usesModernUpdateMethod = (0, _typeof2.default)(extensionHandler) === 'object' && typeof extensionHandler.update === 'function';
@@ -191,15 +195,21 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
   var featureFlags = arguments.length > 9 ? arguments[9] : undefined;
   var __rendererExtensionOptions = arguments.length > 10 ? arguments[10] : undefined;
   var intl = arguments.length > 11 ? arguments[11] : undefined;
-  var state = (0, _pluginFactory.createPluginState)(dispatch, {
+  var state = (0, _pluginFactory.createPluginState)(dispatch, _objectSpread(_objectSpread({}, (0, _isExperimentEnabled.isExperimentEnabled)('cwr_remix_animate_stream_only') && {
+    shouldAnimateInsertedContent: false
+  }), {}, {
     showEditButton: false,
     showCopyButton: true,
     showContextPanel: false
-  });
+  }));
   var extensionNodeViewOptions = {
     appearance: options.appearance,
     getExtensionHeight: options.getExtensionHeight,
-    allowAIGeneratedContentMotion: options.allowAIGeneratedContentMotion
+    allowAIGeneratedContentMotion: options.allowAIGeneratedContentMotion,
+    shouldAnimateGeneratedContent: function shouldAnimateGeneratedContent() {
+      var _pluginInjectionApi$e, _pluginInjectionApi$e2;
+      return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.extension) === null || _pluginInjectionApi$e2 === void 0 || (_pluginInjectionApi$e2 = _pluginInjectionApi$e2.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.shouldAnimateInsertedContent) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
+    }
   };
   var macroInteractionDesignFeatureFlags = {
     showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false

package/dist/cjs/ui/ConfigPanel/Fields/Boolean.js

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _checkbox = require("@atlaskit/checkbox/checkbox");
 var _field = _interopRequireDefault(require("@atlaskit/form/field"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _text = require("@atlaskit/primitives/compiled/text");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle/toggle"));
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
@@ -57,6 +58,7 @@ function handleOnChange(onChange, onFieldChange, event) {
 function Checkbox(_ref) {
   var name = _ref.name,
     field = _ref.field,
+    extensionManifest = _ref.extensionManifest,
     onFieldChange = _ref.onFieldChange;
   var label = field.label,
     description = field.description,
@@ -65,6 +67,19 @@ function Checkbox(_ref) {
     _field$defaultValue = field.defaultValue,
     defaultValue = _field$defaultValue === void 0 ? false : _field$defaultValue,
     isDisabled = field.isDisabled;
+  var extensionKey = extensionManifest.key,
+    extensionType = extensionManifest.type;
+  // Without this, the checkbox's `checkbox changed` event has only `source: 'ConfigPanel'`, so it
+  // cannot say which field of which extension changed.
+  var analyticsContext = (0, _react.useMemo)(function () {
+    return (0, _fg.fg)('platform_editor_config_panel_field_analytics') ? {
+      attributes: {
+        fieldName: name,
+        extensionKey: extensionKey,
+        extensionType: extensionType
+      }
+    } : undefined;
+  }, [name, extensionKey, extensionType]);
   return (0, _react2.jsx)(_field.default, {
     name: name,
     isRequired: isRequired
@@ -84,7 +99,8 @@ function Checkbox(_ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
     , (0, _extends2.default)({}, restFieldProps, {
-      label: label
+      label: label,
+      analyticsContext: analyticsContext
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       onChange: function onChange(event) {
@@ -154,6 +170,7 @@ function Toggle(_ref3) {
 function Boolean(_ref5) {
   var name = _ref5.name,
     field = _ref5.field,
+    extensionManifest = _ref5.extensionManifest,
     onFieldChange = _ref5.onFieldChange;
   if (field.style === 'toggle') {
     return (0, _react2.jsx)(Toggle, {
@@ -165,6 +182,7 @@ function Boolean(_ref5) {
   return (0, _react2.jsx)(Checkbox, {
     name: name,
     field: field,
+    extensionManifest: extensionManifest,
     onFieldChange: onFieldChange
   });
 }

package/dist/cjs/ui/ConfigPanel/FormContent.js

@@ -70,6 +70,7 @@ function FieldComponent(_ref) {
       return /*#__PURE__*/_react.default.createElement(_Boolean.default, {
         name: parentedName,
         field: field,
+        extensionManifest: extensionManifest,
         onFieldChange: onFieldChange
       });
     case 'color':

package/dist/es2019/extensionPlugin.js

@@ -4,6 +4,7 @@ import { extension, extensionWithAnnotationStage0 } from '@atlaskit/adf-schema/e
 import { inlineExtension } from '@atlaskit/adf-schema/inline-extension';
 import { extensionFrame, multiBodiedExtension } from '@atlaskit/adf-schema/multi-bodied-extension';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createEditSelectedExtensionAction, insertOrReplaceBodiedExtension, insertOrReplaceExtension } from './editor-actions/actions';
 import { forceAutoSave } from './editor-commands/commands';
@@ -56,16 +57,30 @@ export const extensionPlugin = ({
       return extensionNodes;
     },
     getSharedState(state) {
+      var _pluginState$shouldAn;
       if (!state) {
         return undefined;
       }
       const pluginState = pluginKey.getState(state);
       return {
         showContextPanel: pluginState === null || pluginState === void 0 ? void 0 : pluginState.showContextPanel,
+        ...(isExperimentEnabled('cwr_remix_animate_stream_only') && {
+          shouldAnimateInsertedContent: (_pluginState$shouldAn = pluginState === null || pluginState === void 0 ? void 0 : pluginState.shouldAnimateInsertedContent) !== null && _pluginState$shouldAn !== void 0 ? _pluginState$shouldAn : false
+        }),
         extensionProvider: pluginState === null || pluginState === void 0 ? void 0 : pluginState.extensionProvider,
         processParametersAfter: pluginState === null || pluginState === void 0 ? void 0 : pluginState.processParametersAfter
       };
     },
+    commands: {
+      setInsertAnimationEnabled: enabled => ({
+        tr
+      }) => isExperimentEnabled('cwr_remix_animate_stream_only') ? tr.setMeta(pluginKey, {
+        type: 'UPDATE_STATE',
+        data: {
+          shouldAnimateInsertedContent: enabled
+        }
+      }).setMeta('addToHistory', false) : null
+    },
     pmPlugins() {
       return [{
         name: 'extension',

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

@@ -4,6 +4,7 @@ import { createSelectionClickHandler, isSelectionAtEndOfNode, isSelectionAtStart
 import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { clearEditingContext, updateState } from '../editor-commands/commands';
 import { buildExtensionBlockTransforms } from './block-transforms';
 import { createPluginState, getPluginState } from './plugin-factory';
@@ -130,6 +131,9 @@ export const handleUpdate = ({
 export const createPlugin = (dispatch, providerFactory, extensionHandlers, extensionLoadingHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi, useLongPressSelection = false, options = {}, featureFlags, __rendererExtensionOptions, intl) => {
   var _featureFlags$macroIn;
   const state = createPluginState(dispatch, {
+    ...(isExperimentEnabled('cwr_remix_animate_stream_only') && {
+      shouldAnimateInsertedContent: false
+    }),
     showEditButton: false,
     showCopyButton: true,
     showContextPanel: false
@@ -137,7 +141,11 @@ export const createPlugin = (dispatch, providerFactory, extensionHandlers, exten
   const extensionNodeViewOptions = {
     appearance: options.appearance,
     getExtensionHeight: options.getExtensionHeight,
-    allowAIGeneratedContentMotion: options.allowAIGeneratedContentMotion
+    allowAIGeneratedContentMotion: options.allowAIGeneratedContentMotion,
+    shouldAnimateGeneratedContent: () => {
+      var _pluginInjectionApi$e, _pluginInjectionApi$e2, _pluginInjectionApi$e3;
+      return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e2 = pluginInjectionApi.extension) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : (_pluginInjectionApi$e3 = _pluginInjectionApi$e2.sharedState.currentState()) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.shouldAnimateInsertedContent) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
+    }
   };
   const macroInteractionDesignFeatureFlags = {
     showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false

package/dist/es2019/ui/ConfigPanel/Fields/Boolean.js

@@ -3,12 +3,13 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { Fragment } from 'react';
+import React, { Fragment, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { Checkbox as AKCheckbox } from '@atlaskit/checkbox/checkbox';
 import Field from '@atlaskit/form/field';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Text } from '@atlaskit/primitives/compiled/text';
 import AKToggle from '@atlaskit/toggle/toggle';
 import FieldMessages from '../FieldMessages';
@@ -46,6 +47,7 @@ function handleOnChange(onChange, onFieldChange, event) {
 function Checkbox({
   name,
   field,
+  extensionManifest,
   onFieldChange
 }) {
   const {
@@ -55,6 +57,19 @@ function Checkbox({
     defaultValue = false,
     isDisabled
   } = field;
+  const {
+    key: extensionKey,
+    type: extensionType
+  } = extensionManifest;
+  // Without this, the checkbox's `checkbox changed` event has only `source: 'ConfigPanel'`, so it
+  // cannot say which field of which extension changed.
+  const analyticsContext = useMemo(() => fg('platform_editor_config_panel_field_analytics') ? {
+    attributes: {
+      fieldName: name,
+      extensionKey,
+      extensionType
+    }
+  } : undefined, [name, extensionKey, extensionType]);
   return jsx(Field, {
     name: name,
     isRequired: isRequired
@@ -75,7 +90,8 @@ function Checkbox({
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
     , _extends({}, restFieldProps, {
-      label: label
+      label: label,
+      analyticsContext: analyticsContext
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       onChange: event => handleOnChange(fieldProps.onChange, onFieldChange, event),
@@ -143,6 +159,7 @@ function Toggle({
 export default function Boolean({
   name,
   field,
+  extensionManifest,
   onFieldChange
 }) {
   if (field.style === 'toggle') {
@@ -155,6 +172,7 @@ export default function Boolean({
   return jsx(Checkbox, {
     name: name,
     field: field,
+    extensionManifest: extensionManifest,
     onFieldChange: onFieldChange
   });
 }

package/dist/es2019/ui/ConfigPanel/FormContent.js

@@ -64,6 +64,7 @@ export function FieldComponent({
       return /*#__PURE__*/React.createElement(Boolean, {
         name: parentedName,
         field: field,
+        extensionManifest: extensionManifest,
         onFieldChange: onFieldChange
       });
     case 'color':

package/dist/esm/extensionPlugin.js

@@ -1,9 +1,13 @@
+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; }
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
 import { extension, extensionWithAnnotationStage0 } from '@atlaskit/adf-schema/extension';
 import { inlineExtension } from '@atlaskit/adf-schema/inline-extension';
 import { extensionFrame, multiBodiedExtension } from '@atlaskit/adf-schema/multi-bodied-extension';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createEditSelectedExtensionAction, insertOrReplaceBodiedExtension as _insertOrReplaceBodiedExtension, insertOrReplaceExtension as _insertOrReplaceExtension } from './editor-actions/actions';
 import { forceAutoSave } from './editor-commands/commands';
@@ -56,25 +60,42 @@ export var extensionPlugin = function extensionPlugin(_ref) {
       return extensionNodes;
     },
     getSharedState: function getSharedState(state) {
+      var _pluginState$shouldAn;
       if (!state) {
         return undefined;
       }
       var pluginState = pluginKey.getState(state);
-      return {
-        showContextPanel: pluginState === null || pluginState === void 0 ? void 0 : pluginState.showContextPanel,
+      return _objectSpread(_objectSpread({
+        showContextPanel: pluginState === null || pluginState === void 0 ? void 0 : pluginState.showContextPanel
+      }, isExperimentEnabled('cwr_remix_animate_stream_only') && {
+        shouldAnimateInsertedContent: (_pluginState$shouldAn = pluginState === null || pluginState === void 0 ? void 0 : pluginState.shouldAnimateInsertedContent) !== null && _pluginState$shouldAn !== void 0 ? _pluginState$shouldAn : false
+      }), {}, {
         extensionProvider: pluginState === null || pluginState === void 0 ? void 0 : pluginState.extensionProvider,
         processParametersAfter: pluginState === null || pluginState === void 0 ? void 0 : pluginState.processParametersAfter
-      };
+      });
+    },
+    commands: {
+      setInsertAnimationEnabled: function setInsertAnimationEnabled(enabled) {
+        return function (_ref2) {
+          var tr = _ref2.tr;
+          return isExperimentEnabled('cwr_remix_animate_stream_only') ? tr.setMeta(pluginKey, {
+            type: 'UPDATE_STATE',
+            data: {
+              shouldAnimateInsertedContent: enabled
+            }
+          }).setMeta('addToHistory', false) : null;
+        };
+      }
     },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'extension',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch,
-            providerFactory = _ref2.providerFactory,
-            portalProviderAPI = _ref2.portalProviderAPI,
-            eventDispatcher = _ref2.eventDispatcher,
-            getIntl = _ref2.getIntl;
+        plugin: function plugin(_ref3) {
+          var dispatch = _ref3.dispatch,
+            providerFactory = _ref3.providerFactory,
+            portalProviderAPI = _ref3.portalProviderAPI,
+            eventDispatcher = _ref3.eventDispatcher,
+            getIntl = _ref3.getIntl;
           var extensionHandlers = options.extensionHandlers || {};
           return createPlugin(dispatch, providerFactory, extensionHandlers, extensionLoadingHandlers, portalProviderAPI, eventDispatcher, _api, options.useLongPressSelection, {
             appearance: options.appearance,
@@ -111,9 +132,9 @@ export var extensionPlugin = function extensionPlugin(_ref) {
         }
       }, {
         name: 'macro',
-        plugin: function plugin(_ref3) {
-          var dispatch = _ref3.dispatch,
-            providerFactory = _ref3.providerFactory;
+        plugin: function plugin(_ref4) {
+          var dispatch = _ref4.dispatch,
+            providerFactory = _ref4.providerFactory;
           return createMacroPlugin(dispatch, providerFactory);
         }
       }];
@@ -133,14 +154,14 @@ export var extensionPlugin = function extensionPlugin(_ref) {
         return extensionLoadingHandlers;
       },
       insertMacroFromMacroBrowser: insertMacroFromMacroBrowser(_api === null || _api === void 0 || (_api$analytics2 = _api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
-      insertOrReplaceExtension: function insertOrReplaceExtension(_ref4) {
-        var editorView = _ref4.editorView,
-          action = _ref4.action,
-          attrs = _ref4.attrs,
-          content = _ref4.content,
-          position = _ref4.position,
-          size = _ref4.size,
-          tr = _ref4.tr;
+      insertOrReplaceExtension: function insertOrReplaceExtension(_ref5) {
+        var editorView = _ref5.editorView,
+          action = _ref5.action,
+          attrs = _ref5.attrs,
+          content = _ref5.content,
+          position = _ref5.position,
+          size = _ref5.size,
+          tr = _ref5.tr;
         return _insertOrReplaceExtension({
           editorView: editorView,
           action: action,
@@ -151,14 +172,14 @@ export var extensionPlugin = function extensionPlugin(_ref) {
           tr: tr
         });
       },
-      insertOrReplaceBodiedExtension: function insertOrReplaceBodiedExtension(_ref5) {
-        var editorView = _ref5.editorView,
-          action = _ref5.action,
-          attrs = _ref5.attrs,
-          content = _ref5.content,
-          position = _ref5.position,
-          size = _ref5.size,
-          tr = _ref5.tr;
+      insertOrReplaceBodiedExtension: function insertOrReplaceBodiedExtension(_ref6) {
+        var editorView = _ref6.editorView,
+          action = _ref6.action,
+          attrs = _ref6.attrs,
+          content = _ref6.content,
+          position = _ref6.position,
+          size = _ref6.size,
+          tr = _ref6.tr;
         return _insertOrReplaceBodiedExtension({
           editorView: editorView,
           action: action,
@@ -174,9 +195,9 @@ export var extensionPlugin = function extensionPlugin(_ref) {
         editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions,
         applyChangeToContextPanel: _api === null || _api === void 0 || (_api$contextPanel4 = _api.contextPanel) === null || _api$contextPanel4 === void 0 ? void 0 : _api$contextPanel4.actions.applyChange
       }),
-      registerExtensionLoadingHandler: function registerExtensionLoadingHandler(_ref6) {
-        var extensionType = _ref6.extensionType,
-          handler = _ref6.handler;
+      registerExtensionLoadingHandler: function registerExtensionLoadingHandler(_ref7) {
+        var extensionType = _ref7.extensionType,
+          handler = _ref7.handler;
         extensionLoadingHandlers[extensionType] = handler;
         return function () {
           if (extensionLoadingHandlers[extensionType] === handler) {
@@ -200,8 +221,8 @@ export var extensionPlugin = function extensionPlugin(_ref) {
         return (_editorViewRef$curren = editorViewRef.current) !== null && _editorViewRef$curren !== void 0 ? _editorViewRef$curren : undefined;
       })(_api, featureFlags) : undefined
     },
-    usePluginHook: showContextPanel ? function (_ref7) {
-      var editorView = _ref7.editorView;
+    usePluginHook: showContextPanel ? function (_ref8) {
+      var editorView = _ref8.editorView;
       useConfigPanelPluginHook({
         api: _api,
         configPanelId: configPanelId,

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

@@ -1,5 +1,8 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _typeof from "@babel/runtime/helpers/typeof";
+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 _regeneratorRuntime from "@babel/runtime/regenerator";
 import ExtensionNodeView from '@atlaskit/editor-common/extensionNodeView';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -7,6 +10,7 @@ import { createSelectionClickHandler, isSelectionAtEndOfNode, isSelectionAtStart
 import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { clearEditingContext, updateState } from '../editor-commands/commands';
 import { buildExtensionBlockTransforms } from './block-transforms';
 import { createPluginState, getPluginState } from './plugin-factory';
@@ -184,15 +188,21 @@ export var createPlugin = function createPlugin(dispatch, providerFactory, exten
   var featureFlags = arguments.length > 9 ? arguments[9] : undefined;
   var __rendererExtensionOptions = arguments.length > 10 ? arguments[10] : undefined;
   var intl = arguments.length > 11 ? arguments[11] : undefined;
-  var state = createPluginState(dispatch, {
+  var state = createPluginState(dispatch, _objectSpread(_objectSpread({}, isExperimentEnabled('cwr_remix_animate_stream_only') && {
+    shouldAnimateInsertedContent: false
+  }), {}, {
     showEditButton: false,
     showCopyButton: true,
     showContextPanel: false
-  });
+  }));
   var extensionNodeViewOptions = {
     appearance: options.appearance,
     getExtensionHeight: options.getExtensionHeight,
-    allowAIGeneratedContentMotion: options.allowAIGeneratedContentMotion
+    allowAIGeneratedContentMotion: options.allowAIGeneratedContentMotion,
+    shouldAnimateGeneratedContent: function shouldAnimateGeneratedContent() {
+      var _pluginInjectionApi$e, _pluginInjectionApi$e2;
+      return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.extension) === null || _pluginInjectionApi$e2 === void 0 || (_pluginInjectionApi$e2 = _pluginInjectionApi$e2.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.shouldAnimateInsertedContent) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
+    }
   };
   var macroInteractionDesignFeatureFlags = {
     showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false

package/dist/esm/ui/ConfigPanel/Fields/Boolean.js

@@ -6,12 +6,13 @@ var _excluded = ["value"],
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { Fragment } from 'react';
+import React, { Fragment, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { Checkbox as AKCheckbox } from '@atlaskit/checkbox/checkbox';
 import Field from '@atlaskit/form/field';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Text } from '@atlaskit/primitives/compiled/text';
 import AKToggle from '@atlaskit/toggle/toggle';
 import FieldMessages from '../FieldMessages';
@@ -49,6 +50,7 @@ function handleOnChange(onChange, onFieldChange, event) {
 function Checkbox(_ref) {
   var name = _ref.name,
     field = _ref.field,
+    extensionManifest = _ref.extensionManifest,
     onFieldChange = _ref.onFieldChange;
   var label = field.label,
     description = field.description,
@@ -57,6 +59,19 @@ function Checkbox(_ref) {
     _field$defaultValue = field.defaultValue,
     defaultValue = _field$defaultValue === void 0 ? false : _field$defaultValue,
     isDisabled = field.isDisabled;
+  var extensionKey = extensionManifest.key,
+    extensionType = extensionManifest.type;
+  // Without this, the checkbox's `checkbox changed` event has only `source: 'ConfigPanel'`, so it
+  // cannot say which field of which extension changed.
+  var analyticsContext = useMemo(function () {
+    return fg('platform_editor_config_panel_field_analytics') ? {
+      attributes: {
+        fieldName: name,
+        extensionKey: extensionKey,
+        extensionType: extensionType
+      }
+    } : undefined;
+  }, [name, extensionKey, extensionType]);
   return jsx(Field, {
     name: name,
     isRequired: isRequired
@@ -76,7 +91,8 @@ function Checkbox(_ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
     , _extends({}, restFieldProps, {
-      label: label
+      label: label,
+      analyticsContext: analyticsContext
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       onChange: function onChange(event) {
@@ -146,6 +162,7 @@ function Toggle(_ref3) {
 export default function Boolean(_ref5) {
   var name = _ref5.name,
     field = _ref5.field,
+    extensionManifest = _ref5.extensionManifest,
     onFieldChange = _ref5.onFieldChange;
   if (field.style === 'toggle') {
     return jsx(Toggle, {
@@ -157,6 +174,7 @@ export default function Boolean(_ref5) {
   return jsx(Checkbox, {
     name: name,
     field: field,
+    extensionManifest: extensionManifest,
     onFieldChange: onFieldChange
   });
 }

package/dist/esm/ui/ConfigPanel/FormContent.js

@@ -62,6 +62,7 @@ export function FieldComponent(_ref) {
       return /*#__PURE__*/React.createElement(Boolean, {
         name: parentedName,
         field: field,
+        extensionManifest: extensionManifest,
         onFieldChange: onFieldChange
       });
     case 'color':

package/dist/types/extensionPluginType.d.ts

@@ -6,6 +6,7 @@ import type { Parameters } from '@atlaskit/editor-common/extensions/extension-pa
 import type { ExtensionProvider } from '@atlaskit/editor-common/extensions/extension-provider';
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory/macro-provider';
 import type { EditorAppearance } from '@atlaskit/editor-common/types/editor-appearance';
+import type { EditorCommand } from '@atlaskit/editor-common/types/editor-command';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types/next-editor-plugin';
 import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types/selection';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer/types';
@@ -35,6 +36,7 @@ export type ExtensionState<T extends Parameters = Parameters> = {
     positions?: Record<number, number>;
     processParametersAfter?: TransformAfter<T>;
     processParametersBefore?: TransformBefore<T>;
+    shouldAnimateInsertedContent?: boolean;
     showContextPanel: boolean;
     showCopyButton: boolean;
     showEditButton: boolean;
@@ -135,11 +137,16 @@ export type ExtensionPluginActions = {
 };
 export type ExtensionPlugin = NextEditorPlugin<'extension', {
     actions: ExtensionPluginActions;
+    commands: {
+        /** Controls entrance motion for node views created while enabled. */
+        setInsertAnimationEnabled: (enabled: boolean) => EditorCommand;
+    };
     dependencies: ExtensionPluginDependencies;
     pluginConfiguration: ExtensionPluginOptions | undefined;
     sharedState: {
         extensionProvider?: ExtensionState['extensionProvider'];
         processParametersAfter?: ExtensionState['processParametersAfter'];
+        shouldAnimateInsertedContent?: boolean;
         showContextPanel: boolean | undefined;
     } | undefined;
 }>;

package/dist/types/ui/ConfigPanel/Fields/Boolean.d.ts

@@ -1,7 +1,9 @@
 import { jsx } from '@emotion/react';
+import type { ExtensionManifest } from '@atlaskit/editor-common/extensions/extension-manifest';
 import type { BooleanField } from '@atlaskit/editor-common/extensions/field-definitions';
 import type { OnFieldChange } from '../types';
-export default function Boolean({ name, field, onFieldChange, }: {
+export default function Boolean({ name, field, extensionManifest, onFieldChange, }: {
+    extensionManifest: ExtensionManifest;
     field: BooleanField;
     name: string;
     onFieldChange: OnFieldChange;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "33.0.19",
+	"version": "33.1.1",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -45,7 +45,7 @@
 		"@atlaskit/editor-plugin-decorations": "^30.0.0",
 		"@atlaskit/editor-plugin-feature-flags": "^29.0.0",
 		"@atlaskit/editor-plugin-mentions": "^32.2.0",
-		"@atlaskit/editor-plugin-toolbar": "^27.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^27.1.0",
 		"@atlaskit/editor-plugin-width": "^31.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
 		"@atlaskit/editor-shared-styles": "^5.1.0",
@@ -53,7 +53,7 @@
 		"@atlaskit/empty-state": "^12.2.0",
 		"@atlaskit/form": "^18.3.0",
 		"@atlaskit/heading": "^8.0.0",
-		"@atlaskit/icon": "^38.0.0",
+		"@atlaskit/icon": "^38.1.0",
 		"@atlaskit/link": "^5.1.0",
 		"@atlaskit/mention": "^30.9.0",
 		"@atlaskit/menu": "^11.0.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/primitives": "^22.7.0",
 		"@atlaskit/radio": "^10.2.0",
 		"@atlaskit/react-select": "^4.12.0",
-		"@atlaskit/section-message": "^10.2.0",
+		"@atlaskit/section-message": "^10.3.0",
 		"@atlaskit/select": "^23.2.0",
 		"@atlaskit/smart-user-picker": "^12.12.0",
 		"@atlaskit/spinner": "^20.4.0",
@@ -71,7 +71,7 @@
 		"@atlaskit/textfield": "^10.3.0",
 		"@atlaskit/tmp-editor-statsig": "^262.0.0",
 		"@atlaskit/toggle": "^17.3.0",
-		"@atlaskit/tokens": "^20.11.0",
+		"@atlaskit/tokens": "^20.12.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/user-picker": "^14.8.0",
 		"@babel/runtime": "^7.0.0",
@@ -85,12 +85,12 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^134.16.0",
+		"@atlaskit/editor-common": "^134.19.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
-		"@atlaskit/editor-common": "^134.16.0",
+		"@atlaskit/editor-common": "^134.19.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/workbench": "workspace:*",
 		"react": "^19.2.0",