@atlaskit/editor-core 220.0.3 → 220.1.1

package/CHANGELOG.md

@@ -1,5 +1,88 @@
 # @atlaskit/editor-core
 
+## 220.1.1
+
+### Patch Changes
+
+- [`4c44277d90774`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4c44277d90774) -
+  depreciate theme in editor
+- Updated dependencies
+
+## 220.1.0
+
+### Minor Changes
+
+- [`971e92e232624`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/971e92e232624) -
+  Added a new `DISABLED` visual variant for mention chips so rendering surfaces (such as the editor
+  mentions plugin) can render a chip in a non-interactive disabled state with an explanatory
+  tooltip. Includes optional `MentionProvider` hooks that let consumers drive the disabled state
+  reactively and observe mention deletions.
+
+  **`@atlaskit/mention`**
+  - New `MentionType.DISABLED` enum value and matching style on `PrimitiveMention`.
+  - New optional `isDisabled` and `disabledTooltip` props on the React `<Mention>` component. When
+    `isDisabled` is set the chip becomes non-clickable, exposes `aria-disabled="true"`, remains
+    keyboard-focusable (`tabindex="0"`), and — when `disabledTooltip` is also set — is wrapped in an
+    ADS `<Tooltip>` whose content is mirrored into `aria-label` for screen readers.
+  - New `MentionDisabledState` (`{ disabled: boolean; tooltip?: string }`) and
+    `MentionDisabledStateInput` (`{ id: string }`) types, re-exported from `@atlaskit/mention` and
+    `@atlaskit/mention/resource`.
+  - New optional `MentionResource` config option `getMentionDisabledState` (forwarded by
+    `ContextMentionResource`) that surfaces through three new optional methods on the
+    `MentionProvider` interface:
+    - `getMentionDisabledState?(mention)` — predicate the editor calls to determine whether a chip
+      should render disabled.
+    - `subscribeToDisabledStateChanges?(listener)` — lets the editor re-evaluate the predicate when
+      the consumer's inputs change.
+    - `notifyMentionDestroyed?(mention)` — lets the consumer observe chip removals (e.g. to update
+      its source of truth).
+
+    All three methods are optional so existing `MentionProvider` implementations continue to compile
+    and behave identically.
+
+  **`@atlaskit/editor-plugin-mentions` + `@atlaskit/editor-core`**
+  - The mention `NodeView` now reads `MentionProvider.getMentionDisabledState?.({ id })` on every
+    state update and re-evaluates whenever `subscribeToDisabledStateChanges` notifies. When the
+    predicate returns `{ disabled: true }` the chip gets a new `.mention-disabled` class,
+    `aria-disabled="true"`, and an ADS `<Tooltip>` (anchored to the chip via `portalProviderAPI`)
+    carrying the `tooltip` text. The chip remains keyboard-focusable.
+  - The mention `NodeView.destroy()` calls `notifyMentionDestroyed?.({ id })` on the subscribed
+    provider so consumers can react to chip removals without depending on the editor's `onChange`.
+  - Added a matching `.editor-mention-primitive.mention-disabled` style in `@atlaskit/editor-core`
+    so the new class renders correctly inside the editor content container.
+  - Providers that don't implement the new optional methods are entirely unaffected.
+
+  **`@atlassian/conversation-assistant`, `@atlassian/conversation-assistant-widget` (chat store)**
+  - New `addSelectedAgentId({ conversationId, agentId })` action — append-only, no-dedup push onto
+    the conversation's `selectedAgentIds` history. Each call adds exactly one entry; duplicates are
+    preserved so the history is a 1-to-1 log of every agent chip currently in the editor.
+  - New `removeSelectedAgentId({ conversationId, agentId })` action — removes the **rightmost**
+    occurrence of an id (preserving order of other entries) for use when a single agent chip is
+    deleted from the editor.
+  - `setSelectedAgentIds` retains its wholesale-replace semantics (unchanged externally).
+  - The picker callback in `chat-input-refresh` is now wired to `addSelectedAgentId`; chip-deletion
+    is wired to `removeSelectedAgentId`. The active agent is always `selectedAgentIds.at(-1)`.
+
+  **`@atlassian/conversation-assistant-chat-prompt-input`**
+  - `useChatMentionResource` accepts new options `getSelectedAgentIds`, `disabledAgentTooltip`, and
+    `onAgentMentionDestroyed` that wire the new `MentionProvider` capabilities described above.
+  - `withAgentSupport` extended with the same options, plus a `notifyMentionDestroyed`
+    implementation that forwards to the consumer when a known agent chip is destroyed (sourced from
+    the editor `NodeView` rather than from `onChange`, which is not reliably called on every chat
+    surface).
+  - `<RovoChatPromptInput>` exposes new optional `selectedAgentIds`, `disabledAgentTooltip`, and
+    `onAgentMentionDeleted` props for consumers that want to drive the disabled-agent chip state
+    from their own store.
+
+  **`@atlassian/conversation-assistant-store`**
+  - JSDoc on the `selectedAgentIds` conversation field updated to document the new append-only /
+    rightmost-remove semantics and the canonical read pattern (`.at(-1)` for the active agent). No
+    runtime or type-shape change.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 220.0.3
 
 ### Patch Changes

package/codemods/createRenameVariableTransform.ts

@@ -0,0 +1,17 @@
+import type { default as core } from 'jscodeshift';
+import type { Collection } from 'jscodeshift/src/Collection';
+
+/**
+ * Renames a variable with the given name.
+ *
+ * @param from String
+ * @param toName String
+ */
+export const createRenameVariableTransform = (from: string, toName: string) => {
+	return (j: core.JSCodeshift, source: Collection<unknown>): void => {
+		source.find(j.Identifier, { name: from }).forEach((x) => {
+			// eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
+			x.replace(j.identifier(toName));
+		});
+	};
+};

package/codemods/findImportFromPackage.ts

@@ -0,0 +1,54 @@
+import type { default as core } from 'jscodeshift';
+import type { Collection } from 'jscodeshift/src/Collection';
+
+/**
+ * Finds import from a particular path/package matching a particular name.
+ * Also deals with the case where import is renamed (ie. `import { X as Y } from 'Z';`)
+ *
+ * @param j
+ * @param source The source collection.
+ * @param pkg The path or package it came from.
+ * @param importName The import identifier.
+ * @returns String[] Array of result names which match the specified importName
+ */
+export const findImportFromPackage = (
+	j: core.JSCodeshift,
+	source: Collection<unknown>,
+	pkg: string,
+	importName: string,
+): string[] => {
+	// Find regular or renamed imports
+	return (
+		source
+			// find all import statements which import from the given package
+			.find(j.ImportDeclaration, {
+				source: {
+					value: pkg,
+				},
+			})
+			// narrow down to imports related to 'component'
+			.filter(
+				(importDeclaration) =>
+					j(importDeclaration).find(j.ImportSpecifier, {
+						imported: {
+							type: 'Identifier',
+							name: importName,
+						},
+					}).length > 0,
+			)
+			.nodes()
+			.map((importDeclaration): string => {
+				const importSpecifier = j(importDeclaration)
+					.find(j.ImportSpecifier, {
+						imported: {
+							type: 'Identifier',
+							name: importName,
+						},
+					})
+					.nodes()[0];
+
+				return importSpecifier.local?.name || '';
+			})
+			.filter((name) => Boolean(name))
+	);
+};

package/codemods/migrates/createJSXRenameVariableToNestedKeyTransform.ts

@@ -0,0 +1,43 @@
+import type core from 'jscodeshift';
+import type { Collection } from 'jscodeshift/src/Collection';
+
+/**
+ * Renames a JSX attribute with the given name to be a key
+ * within the JSX attribute toObjectName of the name toObjectKey.
+ *
+ * @param from String
+ * @param toObjectName String
+ * @param toObjectKey String
+ */
+export const createJSXRenameVariableToNestedKeyTransform = (
+	from: string,
+	toObjectName: string,
+	toObjectKey: string,
+) => {
+	return (j: core.JSCodeshift, source: Collection<unknown>): void => {
+		source
+			.find(j.JSXAttribute, { name: { type: 'JSXIdentifier', name: from } })
+			.forEach((fromAttribute) => {
+				// is there an existing destination prop
+				const isExistingAttribute =
+					source.find(j.JSXAttribute, {
+						name: { type: 'JSXIdentifier', name: toObjectName },
+					}).length !== 0;
+
+				if (
+					!isExistingAttribute &&
+					fromAttribute.node.value?.type === 'JSXExpressionContainer' &&
+					fromAttribute.node.value.expression.type === 'ObjectExpression'
+				) {
+					const existingProperties = fromAttribute.node.value.expression.properties;
+					const newObject = j.objectExpression([
+						j.property('init', j.identifier(toObjectKey), j.objectExpression(existingProperties)),
+					]);
+					// eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
+					fromAttribute.replace(
+						j.jsxAttribute(j.jsxIdentifier(toObjectName), j.jsxExpressionContainer(newObject)),
+					);
+				}
+			});
+	};
+};

package/codemods/migrates/createUpdateEditorToMigrationComponent.ts

@@ -0,0 +1,25 @@
+import type core from 'jscodeshift';
+import type { Collection } from 'jscodeshift/src/Collection';
+
+/**
+ * Generate a codemod to move component from Editor to
+ * EditorMigrationComponent
+ * Ref: ED-16826
+ */
+export const createUpdateEditorToMigrationComponent = (pkg: string, component: string) => {
+	return (j: core.JSCodeshift, source: Collection<unknown>): void => {
+		source
+			.find(j.ImportDeclaration, { source: { value: pkg } })
+			.filter(
+				(path) =>
+					j(path).find(j.ImportSpecifier, {
+						imported: { type: 'Identifier', name: component },
+					}).length > 0,
+			)
+			.find(j.ImportSpecifier)
+			.filter((path) => path.node.imported.name === component)
+			.replaceWith((currentImport) =>
+				j.importSpecifier(j.identifier('EditorMigrationComponent'), currentImport.node.local),
+			);
+	};
+};

package/codemods/migrates/next-remove-allow-more-text-colors-prop.ts

@@ -1,7 +1,7 @@
 import type core from 'jscodeshift';
 import type { Collection } from 'jscodeshift/src/Collection';
 
-import { findImportFromPackage } from '../utils';
+import { findImportFromPackage } from '../findImportFromPackage';
 /**
  * Generate a codemod to remove `allowMoreTextColors` field
  * from `allowTextColor` Editor prop.

package/codemods/migrates/remove-config-panel-width-prop.ts

@@ -1,7 +1,7 @@
 import type core from 'jscodeshift';
 import type { Collection } from 'jscodeshift/src/Collection';
 
-import { findImportFromPackage } from '../utils';
+import { findImportFromPackage } from '../findImportFromPackage';
 
 const createRemoveComponentPropTransform = (pkg: string, component: string, propName: string) => {
 	return (j: core.JSCodeshift, source: Collection<unknown>): void => {

package/codemods/migrates/rename-editor-to-editor-migration-component.ts

@@ -1,28 +1,7 @@
 import type core from 'jscodeshift';
 import type { Collection } from 'jscodeshift/src/Collection';
 
-/**
- * Generate a codemod to move component from Editor to
- * EditorMigrationComponent
- * Ref: ED-16826
- */
-export const createUpdateEditorToMigrationComponent = (pkg: string, component: string) => {
-	return (j: core.JSCodeshift, source: Collection<unknown>): void => {
-		source
-			.find(j.ImportDeclaration, { source: { value: pkg } })
-			.filter(
-				(path) =>
-					j(path).find(j.ImportSpecifier, {
-						imported: { type: 'Identifier', name: component },
-					}).length > 0,
-			)
-			.find(j.ImportSpecifier)
-			.filter((path) => path.node.imported.name === component)
-			.replaceWith((currentImport) =>
-				j.importSpecifier(j.identifier('EditorMigrationComponent'), currentImport.node.local),
-			);
-	};
-};
+import { createUpdateEditorToMigrationComponent } from './createUpdateEditorToMigrationComponent';
 
 export const renameEditorToMigrationComponent: (
 	j: core.JSCodeshift,

package/codemods/migrates/rename-smartlinks-prop.ts

@@ -1,46 +1,7 @@
 import type core from 'jscodeshift';
 import type { Collection } from 'jscodeshift/src/Collection';
 
-/**
- * Renames a JSX attribute with the given name to be a key
- * within the JSX attribute toObjectName of the name toObjectKey.
- *
- * @param from String
- * @param toObjectName String
- * @param toObjectKey String
- */
-export const createJSXRenameVariableToNestedKeyTransform = (
-	from: string,
-	toObjectName: string,
-	toObjectKey: string,
-) => {
-	return (j: core.JSCodeshift, source: Collection<unknown>): void => {
-		source
-			.find(j.JSXAttribute, { name: { type: 'JSXIdentifier', name: from } })
-			.forEach((fromAttribute) => {
-				// is there an existing destination prop
-				const isExistingAttribute =
-					source.find(j.JSXAttribute, {
-						name: { type: 'JSXIdentifier', name: toObjectName },
-					}).length !== 0;
-
-				if (
-					!isExistingAttribute &&
-					fromAttribute.node.value?.type === 'JSXExpressionContainer' &&
-					fromAttribute.node.value.expression.type === 'ObjectExpression'
-				) {
-					const existingProperties = fromAttribute.node.value.expression.properties;
-					const newObject = j.objectExpression([
-						j.property('init', j.identifier(toObjectKey), j.objectExpression(existingProperties)),
-					]);
-					// eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
-					fromAttribute.replace(
-						j.jsxAttribute(j.jsxIdentifier(toObjectName), j.jsxExpressionContainer(newObject)),
-					);
-				}
-			});
-	};
-};
+import { createJSXRenameVariableToNestedKeyTransform } from './createJSXRenameVariableToNestedKeyTransform';
 
 export const renameSmartLinksProp: (j: core.JSCodeshift, source: Collection<unknown>) => void =
 	createJSXRenameVariableToNestedKeyTransform('smartLinks', 'linking', 'smartLinks');

package/codemods/migrates/rename-unsafe-allowUndoRedoButtons-prop.ts

@@ -1,7 +1,7 @@
 import type { JSCodeshift } from 'jscodeshift';
 import type { Collection } from 'jscodeshift/src/Collection';
 
-import { createRenameVariableTransform } from '../utils';
+import { createRenameVariableTransform } from '../createRenameVariableTransform';
 
 export const renameUnsafeAllowUndoRedoButtonsProp: (
 	j: JSCodeshift,

package/codemods/migrates/rename-unsafe-cards-prop.ts

@@ -1,7 +1,7 @@
 import type { JSCodeshift } from 'jscodeshift';
 import type { Collection } from 'jscodeshift/src/Collection';
 
-import { createRenameVariableTransform } from '../utils';
+import { createRenameVariableTransform } from '../createRenameVariableTransform';
 
 export const renameUnsafeCardProp: (j: JSCodeshift, source: Collection<unknown>) => void =
 	createRenameVariableTransform('UNSAFE_cards', 'smartLinks');

package/codemods/utils.ts

@@ -36,70 +36,3 @@ export const createTransformer =
 
 		return source.toSource(options.printOptions || { quote: 'single' });
 	};
-
-/**
- * Finds import from a particular path/package matching a particular name.
- * Also deals with the case where import is renamed (ie. `import { X as Y } from 'Z';`)
- *
- * @param j
- * @param source The source collection.
- * @param pkg The path or package it came from.
- * @param importName The import identifier.
- * @returns String[] Array of result names which match the specified importName
- */
-export const findImportFromPackage = (
-	j: core.JSCodeshift,
-	source: Collection<unknown>,
-	pkg: string,
-	importName: string,
-): string[] => {
-	// Find regular or renamed imports
-	return (
-		source
-			// find all import statements which import from the given package
-			.find(j.ImportDeclaration, {
-				source: {
-					value: pkg,
-				},
-			})
-			// narrow down to imports related to 'component'
-			.filter(
-				(importDeclaration) =>
-					j(importDeclaration).find(j.ImportSpecifier, {
-						imported: {
-							type: 'Identifier',
-							name: importName,
-						},
-					}).length > 0,
-			)
-			.nodes()
-			.map((importDeclaration): string => {
-				const importSpecifier = j(importDeclaration)
-					.find(j.ImportSpecifier, {
-						imported: {
-							type: 'Identifier',
-							name: importName,
-						},
-					})
-					.nodes()[0];
-
-				return importSpecifier.local?.name || '';
-			})
-			.filter((name) => Boolean(name))
-	);
-};
-
-/**
- * Renames a variable with the given name.
- *
- * @param from String
- * @param toName String
- */
-export const createRenameVariableTransform = (from: string, toName: string) => {
-	return (j: core.JSCodeshift, source: Collection<unknown>): void => {
-		source.find(j.Identifier, { name: from }).forEach((x) => {
-			// eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
-			x.replace(j.identifier(toName));
-		});
-	};
-};

package/dist/cjs/actions/isEmptyParagraph.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEmptyParagraph = isEmptyParagraph;
+/**
+ * Checks if node is an empty paragraph.
+ */
+function isEmptyParagraph(node) {
+  return !!node && node.type.name === 'paragraph' && !node.childCount;
+}

package/dist/cjs/actions/temp-is-empty-document.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isEmptyDocument = isEmptyDocument;
-exports.isEmptyParagraph = isEmptyParagraph;
+var _isEmptyParagraph = require("./isEmptyParagraph");
 /**
  * Temporary file which extracts function from `editor-common`.
  *
@@ -12,13 +12,6 @@ exports.isEmptyParagraph = isEmptyParagraph;
  * help decouple it from editor-common
  */
 
-/**
- * Checks if node is an empty paragraph.
- */
-function isEmptyParagraph(node) {
-  return !!node && node.type.name === 'paragraph' && !node.childCount;
-}
-
 /**
  * Checks if a node looks like an empty document
  */
@@ -27,5 +20,5 @@ function isEmptyDocument(node) {
   if (node.childCount !== 1 || !nodeChild) {
     return false;
   }
-  return isEmptyParagraph(nodeChild);
+  return (0, _isEmptyParagraph.isEmptyParagraph)(nodeChild);
 }

package/dist/cjs/composable-editor/BaseThemeWrapper.js

@@ -4,18 +4,31 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BaseThemeWrapper = BaseThemeWrapper;
+exports.BaseThemeWrapper = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // Default value from: `import { fontSize } from '@atlaskit/theme/constants';`
 var defaultFontSize = 14;
-function BaseThemeWrapper(_ref) {
-  var baseFontSize = _ref.baseFontSize,
-    children = _ref.children;
+
+// No-op variant used when the static-css experiment is enabled. Editor consumers
+// no longer read theme.baseFontSize / theme.layoutMaxWidth via Emotion's useTheme(),
+// so no <ThemeProvider> is required in the React tree.
+var BaseThemeWrapperNoop = function BaseThemeWrapperNoop(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+
+// Legacy variant keeping the original Emotion <ThemeProvider> behaviour for
+// callers that still rely on theme.baseFontSize / theme.layoutMaxWidth.
+var BaseThemeWrapperLegacy = function BaseThemeWrapperLegacy(_ref2) {
+  var baseFontSize = _ref2.baseFontSize,
+    children = _ref2.children;
   var memoizedTheme = (0, _react.useMemo)(function () {
     return {
       baseFontSize: baseFontSize || defaultFontSize,
@@ -25,4 +38,10 @@ function BaseThemeWrapper(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react2.ThemeProvider, {
     theme: memoizedTheme
   }, children);
-}
+};
+
+// Gated at module load — when the experiment is enabled, this becomes a no-op
+// wrapper; otherwise it preserves today's Emotion <ThemeProvider> behaviour.
+var BaseThemeWrapper = exports.BaseThemeWrapper = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, BaseThemeWrapperNoop, BaseThemeWrapperLegacy);

package/dist/cjs/composable-editor/editor-internal-compiled.js

@@ -20,8 +20,12 @@ var editorContainerCompiledStyles = {
   root: "_kqswh2mm _1bsb1osq _4t3i1osq"
 };
 var EditorInternalContainerCompiled = exports.EditorInternalContainerCompiled = function EditorInternalContainerCompiled(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    fontSize = _ref.fontSize;
   return /*#__PURE__*/React.createElement("div", {
+    style: {
+      '--ak-editor-base-font-size': "".concat(fontSize, "px")
+    },
     className: (0, _runtime.ax)([editorContainerCompiledStyles.root])
   }, children);
 };

package/dist/cjs/composable-editor/editor-internal-emotion.js

@@ -24,8 +24,12 @@ var editorContainerEmotionStyles = (0, _react.css)({
   height: '100%'
 });
 var EditorInternalContainerEmotion = exports.EditorInternalContainerEmotion = function EditorInternalContainerEmotion(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    fontSize = _ref.fontSize;
   return (0, _react.jsx)("div", {
-    css: editorContainerEmotionStyles
+    css: editorContainerEmotionStyles,
+    style: {
+      '--ak-editor-base-font-size': "".concat(fontSize, "px")
+    }
   }, children);
 };

package/dist/cjs/composable-editor/editor-internal.js

@@ -11,6 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _portal = require("@atlaskit/editor-common/portal");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -67,6 +68,12 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
     nodeViewPortalProviderAPI = _usePortalProvider4[0],
     NodeViewPortalRenderer = _usePortalProvider4[1];
   var propsToIgnore = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? DEFAULT_VALUE_PROP_TO_IGNORE : ['defaultValue'];
+  var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(props.appearance, props.contentMode);
+  var fontSize = (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true) || (0, _expValEquals.expValEquals)('platform_editor_core_static_css', 'isEnabled', true) ? (0, _editorSharedStyles.editorFontSize)({
+    theme: {
+      baseFontSize: baseFontSize
+    }
+  }) : undefined;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, renderTrackingEnabled && /*#__PURE__*/_react.default.createElement(_RenderTracking.RenderTracking, {
     componentProps: props,
     action: _analytics.ACTION.RE_RENDERED,
@@ -79,7 +86,9 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, /*#__PURE__*/_react.default.createElement(EditorInternalContainerMigration, null, /*#__PURE__*/_react.default.createElement(_EditorContext.default, {
+  }, /*#__PURE__*/_react.default.createElement(EditorInternalContainerMigration, {
+    fontSize: fontSize
+  }, /*#__PURE__*/_react.default.createElement(_EditorContext.default, {
     editorActions: editorActions
   }, /*#__PURE__*/_react.default.createElement(_IntlProviderIfMissingWrapper.IntlProviderIfMissingWrapper, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_ReactEditorView.default, {
     editorProps: overriddenEditorProps,
@@ -103,7 +112,7 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
         editorRef = _ref2.editorRef,
         editorAPI = _ref2.editorAPI;
       return /*#__PURE__*/_react.default.createElement(_BaseThemeWrapper.BaseThemeWrapper, {
-        baseFontSize: (0, _getBaseFontSize.getBaseFontSize)(props.appearance, props.contentMode)
+        baseFontSize: baseFontSize
       }, /*#__PURE__*/_react.default.createElement(AppearanceComponent, {
         innerRef: editorRef,
         editorAPI: editorAPI

package/dist/cjs/create-editor/ReactEditorView/useDispatchTransaction.js

@@ -13,6 +13,7 @@ var _findChangedNodesFromTransaction = require("../../utils/findChangedNodesFrom
 var _saferTransactions = require("../../utils/performance/safer-transactions");
 var _trackTransactions = require("../../utils/performance/track-transactions");
 var _validateNodes = require("../../utils/validateNodes");
+var _validNode = require("../../utils/validNode");
 var useDispatchTransaction = exports.useDispatchTransaction = function useDispatchTransaction(_ref) {
   var onChange = _ref.onChange,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
@@ -69,7 +70,7 @@ var useDispatchTransaction = exports.useDispatchTransaction = function useDispat
     }
     if (!changedNodesValid) {
       var invalidNodes = nodes.filter(function (node) {
-        return !(0, _validateNodes.validNode)(node);
+        return !(0, _validNode.validNode)(node);
       }).map(function (node) {
         return (0, _coreUtils.getDocStructure)(node, {
           compact: true

package/dist/cjs/create-editor/ReactEditorView.js

@@ -50,6 +50,8 @@ var _consts = require("./consts");
 var _createEditor = require("./create-editor");
 var _createPluginsList = _interopRequireDefault(require("./create-plugins-list"));
 var _createSchema = require("./create-schema");
+var _createErrorReporter = require("./createErrorReporter");
+var _createPMPlugins = require("./createPMPlugins");
 var _filterPluginsForReconfigure = require("./filter-plugins-for-reconfigure");
 var _messages = require("./messages");
 var _focusEditorElement = require("./ReactEditorView/focusEditorElement");
@@ -151,7 +153,7 @@ function ReactEditorView(props) {
     return (0, _eventDispatcher.createDispatch)(eventDispatcher);
   }, [eventDispatcher]);
   var errorReporter = (0, _react.useMemo)(function () {
-    return (0, _createEditor.createErrorReporter)(errorReporterHandler);
+    return (0, _createErrorReporter.createErrorReporter)(errorReporterHandler);
   }, [errorReporterHandler]);
   var handleAnalyticsEvent = (0, _react.useCallback)(function (payload) {
     (0, _analytics.fireAnalyticsEvent)(props.createAnalyticsEvent)(payload);
@@ -213,7 +215,7 @@ function ReactEditorView(props) {
       schema = (0, _createSchema.createSchema)(config.current);
     }
     var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
-    var plugins = (0, _createEditor.createPMPlugins)({
+    var plugins = (0, _createPMPlugins.createPMPlugins)({
       schema: schema,
       dispatch: dispatch,
       errorReporter: errorReporter,
@@ -511,7 +513,7 @@ function ReactEditorView(props) {
         // Old selection's positions / node types may not map onto the new schema.
         newSelection = _state2.Selection.atStart(newDoc);
       }
-      var plugins = (0, _createEditor.createPMPlugins)({
+      var plugins = (0, _createPMPlugins.createPMPlugins)({
         schema: newSchema,
         dispatch: dispatch,
         errorReporter: errorReporter,
@@ -534,7 +536,7 @@ function ReactEditorView(props) {
         plugins: plugins
       });
     } else {
-      var _plugins = (0, _createEditor.createPMPlugins)({
+      var _plugins = (0, _createPMPlugins.createPMPlugins)({
         schema: state.schema,
         dispatch: dispatch,
         errorReporter: errorReporter,