@atlaskit/editor-core 219.0.6 → 219.1.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-core
 
+## 219.1.1
+
+### Patch Changes
+
+- [`344eb4664c404`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/344eb4664c404) -
+  Add akEditor className to chromeless editor behind experiment gate
+- Updated dependencies
+
+## 219.1.0
+
+### Minor Changes
+
+- [`e5cdd96dcf4f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5cdd96dcf4f9) -
+  Clean up platform_editor_hydratable_ui experiment (shipped as enabled)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 219.0.6
 
 ### Patch Changes

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditorInternal = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
@@ -81,16 +80,9 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, (0, _react2.jsx)("div", (0, _extends2.default)({
+  }, (0, _react2.jsx)("div", {
     css: editorContainerStyles
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, (0, _expValEquals.expValEquals)('cc_fix_hydration_ttvc', 'isEnabled', true) && !(0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? process.env.REACT_SSR ? {
-    'data-vc-ignore-if-no-layout-shift': true,
-    'data-ssr-placeholder': 'fallback'
-  } : {
-    'data-vc-ignore-if-no-layout-shift': true,
-    'data-ssr-placeholder-replace': 'fallback'
-  } : {}), (0, _react2.jsx)(_EditorContext.default, {
+  }, (0, _react2.jsx)(_EditorContext.default, {
     editorActions: editorActions
   }, (0, _react2.jsx)(_IntlProviderIfMissingWrapper.IntlProviderIfMissingWrapper, null, (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_ReactEditorView.default, {
     editorProps: overriddenEditorProps,

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

@@ -763,13 +763,13 @@ function ReactEditorView(props) {
       "aria-describedby": assistiveDescribedBy,
       "data-editor-id": editorId.current,
       "data-vc-ignore-if-no-layout-shift": true,
-      "data-ssr-placeholder": (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined,
-      "data-ssr-placeholder-replace": (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined
+      "data-ssr-placeholder": "editor-view",
+      "data-ssr-placeholder-replace": "editor-view"
       // eslint-disable-next-line react/no-danger -- needed for SSR and hydration so react keeps the HTML untouched
       ,
-      dangerouslySetInnerHTML: (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? {
+      dangerouslySetInnerHTML: {
         __html: ''
-      } : undefined
+      }
     }));
   }, [handleEditorViewRef, isPageAppearance, props.intl]);
   var previousPreset = (0, _hooks.usePreviousState)(preset);

package/dist/cjs/ui/Appearance/Chromeless.js

@@ -188,7 +188,10 @@ function ChromelessEditorContainer(_ref3) {
     children = _ref3.children,
     containerRef = _ref3.containerRef;
   return (0, _react2.jsx)("div", {
-    css: [chromelessEditorStylesNew, scrollbarStylesNew],
+    css: [chromelessEditorStylesNew, scrollbarStylesNew]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: (0, _expValEquals.expValEquals)('platform_editor_ai_chromeless_akEditor_class', 'isEnabled', true) ? 'akEditor' : undefined,
     style: {
       maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
       minHeight: "".concat(minHeight, "px")

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

@@ -8,11 +8,9 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 /**
  * ExcludeFromHydration component delays rendering of its children until after the initial
- * hydration phase, based on a feature flag check. If the feature flag is disabled,
- * it will render children immediately after hydration.
+ * hydration phase. It renders the fallback during SSR/hydration and children after.
  * @param children - The content to render after hydration
  * @param fallback - Optional fallback content to render during hydration (e.g., a placeholder to prevent layout shift)
  * @returns
@@ -31,7 +29,7 @@ function ExcludeFromHydration(_ref) {
     }
     setShouldRender(true);
   }, []);
-  if ((0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) && !shouldRender) {
+  if (!shouldRender) {
     return fallback !== null && fallback !== void 0 ? fallback : null;
   }
   return children;

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

@@ -37,7 +37,7 @@ var PluginSlot = function PluginSlot(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     wrapperElement = _ref.wrapperElement,
     pluginHooks = _ref.pluginHooks;
-  if (!items && !pluginHooks || !editorView && !(0, _expVal.expVal)('platform_editor_hydratable_ui', 'isEnabled', false)) {
+  if (!items && !pluginHooks) {
     return null;
   }
   return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "219.0.5";
+var version = exports.version = "219.1.0";

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

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -68,16 +67,9 @@ export const EditorInternal = /*#__PURE__*/memo(({
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, jsx("div", _extends({
+  }, jsx("div", {
     css: editorContainerStyles
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, expValEquals('cc_fix_hydration_ttvc', 'isEnabled', true) && !expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? process.env.REACT_SSR ? {
-    'data-vc-ignore-if-no-layout-shift': true,
-    'data-ssr-placeholder': 'fallback'
-  } : {
-    'data-vc-ignore-if-no-layout-shift': true,
-    'data-ssr-placeholder-replace': 'fallback'
-  } : {}), jsx(EditorContext, {
+  }, jsx(EditorContext, {
     editorActions: editorActions
   }, jsx(IntlProviderIfMissingWrapper, null, jsx(Fragment, null, jsx(ReactEditorViewNext, {
     editorProps: overriddenEditorProps,

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

@@ -715,13 +715,13 @@ export function ReactEditorView(props) {
       "aria-describedby": assistiveDescribedBy,
       "data-editor-id": editorId.current,
       "data-vc-ignore-if-no-layout-shift": true,
-      "data-ssr-placeholder": expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined,
-      "data-ssr-placeholder-replace": expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined
+      "data-ssr-placeholder": "editor-view",
+      "data-ssr-placeholder-replace": "editor-view"
       // eslint-disable-next-line react/no-danger -- needed for SSR and hydration so react keeps the HTML untouched
       ,
-      dangerouslySetInnerHTML: expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? {
+      dangerouslySetInnerHTML: {
         __html: ''
-      } : undefined
+      }
     }));
   }, [handleEditorViewRef, isPageAppearance, props.intl]);
   const previousPreset = usePreviousState(preset);

package/dist/es2019/ui/Appearance/Chromeless.js

@@ -165,7 +165,10 @@ export function ChromelessEditorContainer({
   containerRef
 }) {
   return jsx("div", {
-    css: [chromelessEditorStylesNew, scrollbarStylesNew],
+    css: [chromelessEditorStylesNew, scrollbarStylesNew]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: expValEquals('platform_editor_ai_chromeless_akEditor_class', 'isEnabled', true) ? 'akEditor' : undefined,
     style: {
       maxHeight: maxHeight ? `${maxHeight}px` : undefined,
       minHeight: `${minHeight}px`

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

@@ -1,11 +1,9 @@
 import { useEffect, useState } from 'react';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 /**
  * ExcludeFromHydration component delays rendering of its children until after the initial
- * hydration phase, based on a feature flag check. If the feature flag is disabled,
- * it will render children immediately after hydration.
+ * hydration phase. It renders the fallback during SSR/hydration and children after.
  * @param children - The content to render after hydration
  * @param fallback - Optional fallback content to render during hydration (e.g., a placeholder to prevent layout shift)
  * @returns
@@ -21,7 +19,7 @@ function ExcludeFromHydration({
     }
     setShouldRender(true);
   }, []);
-  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !shouldRender) {
+  if (!shouldRender) {
     return fallback !== null && fallback !== void 0 ? fallback : null;
   }
   return children;

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

@@ -30,7 +30,7 @@ const PluginSlot = ({
   wrapperElement,
   pluginHooks
 }) => {
-  if (!items && !pluginHooks || !editorView && !expVal('platform_editor_hydratable_ui', 'isEnabled', false)) {
+  if (!items && !pluginHooks) {
     return null;
   }
   return jsx(ErrorBoundary, {

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "219.0.5";
+export const version = "219.1.0";

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

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
@@ -76,16 +75,9 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, jsx("div", _extends({
+  }, jsx("div", {
     css: editorContainerStyles
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, expValEquals('cc_fix_hydration_ttvc', 'isEnabled', true) && !expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? process.env.REACT_SSR ? {
-    'data-vc-ignore-if-no-layout-shift': true,
-    'data-ssr-placeholder': 'fallback'
-  } : {
-    'data-vc-ignore-if-no-layout-shift': true,
-    'data-ssr-placeholder-replace': 'fallback'
-  } : {}), jsx(EditorContext, {
+  }, jsx(EditorContext, {
     editorActions: editorActions
   }, jsx(IntlProviderIfMissingWrapper, null, jsx(Fragment, null, jsx(ReactEditorViewNext, {
     editorProps: overriddenEditorProps,

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

@@ -754,13 +754,13 @@ export function ReactEditorView(props) {
       "aria-describedby": assistiveDescribedBy,
       "data-editor-id": editorId.current,
       "data-vc-ignore-if-no-layout-shift": true,
-      "data-ssr-placeholder": expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined,
-      "data-ssr-placeholder-replace": expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined
+      "data-ssr-placeholder": "editor-view",
+      "data-ssr-placeholder-replace": "editor-view"
       // eslint-disable-next-line react/no-danger -- needed for SSR and hydration so react keeps the HTML untouched
       ,
-      dangerouslySetInnerHTML: expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? {
+      dangerouslySetInnerHTML: {
         __html: ''
-      } : undefined
+      }
     }));
   }, [handleEditorViewRef, isPageAppearance, props.intl]);
   var previousPreset = usePreviousState(preset);

package/dist/esm/ui/Appearance/Chromeless.js

@@ -182,7 +182,10 @@ export function ChromelessEditorContainer(_ref3) {
     children = _ref3.children,
     containerRef = _ref3.containerRef;
   return jsx("div", {
-    css: [chromelessEditorStylesNew, scrollbarStylesNew],
+    css: [chromelessEditorStylesNew, scrollbarStylesNew]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: expValEquals('platform_editor_ai_chromeless_akEditor_class', 'isEnabled', true) ? 'akEditor' : undefined,
     style: {
       maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
       minHeight: "".concat(minHeight, "px")

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

@@ -1,12 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useState } from 'react';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 /**
  * ExcludeFromHydration component delays rendering of its children until after the initial
- * hydration phase, based on a feature flag check. If the feature flag is disabled,
- * it will render children immediately after hydration.
+ * hydration phase. It renders the fallback during SSR/hydration and children after.
  * @param children - The content to render after hydration
  * @param fallback - Optional fallback content to render during hydration (e.g., a placeholder to prevent layout shift)
  * @returns
@@ -25,7 +23,7 @@ function ExcludeFromHydration(_ref) {
     }
     setShouldRender(true);
   }, []);
-  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !shouldRender) {
+  if (!shouldRender) {
     return fallback !== null && fallback !== void 0 ? fallback : null;
   }
   return children;

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

@@ -29,7 +29,7 @@ var PluginSlot = function PluginSlot(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     wrapperElement = _ref.wrapperElement,
     pluginHooks = _ref.pluginHooks;
-  if (!items && !pluginHooks || !editorView && !expVal('platform_editor_hydratable_ui', 'isEnabled', false)) {
+  if (!items && !pluginHooks) {
     return null;
   }
   return jsx(ErrorBoundary, {

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "219.0.5";
+export var version = "219.1.0";

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

@@ -1,8 +1,7 @@
 import type React from 'react';
 /**
  * ExcludeFromHydration component delays rendering of its children until after the initial
- * hydration phase, based on a feature flag check. If the feature flag is disabled,
- * it will render children immediately after hydration.
+ * hydration phase. It renders the fallback during SSR/hydration and children after.
  * @param children - The content to render after hydration
  * @param fallback - Optional fallback content to render during hydration (e.g., a placeholder to prevent layout shift)
  * @returns

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

@@ -1,8 +1,7 @@
 import type React from 'react';
 /**
  * ExcludeFromHydration component delays rendering of its children until after the initial
- * hydration phase, based on a feature flag check. If the feature flag is disabled,
- * it will render children immediately after hydration.
+ * hydration phase. It renders the fallback during SSR/hydration and children after.
  * @param children - The content to render after hydration
  * @param fallback - Optional fallback content to render during hydration (e.g., a placeholder to prevent layout shift)
  * @returns

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "219.0.6",
+	"version": "219.1.1",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,17 +56,17 @@
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-performance-metrics": "^2.1.0",
 		"@atlaskit/editor-plugin-connectivity": "^10.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^10.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^10.1.0",
 		"@atlaskit/editor-plugin-user-preferences": "^8.0.0",
 		"@atlaskit/editor-plugins": "^13.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/editor-ssr-renderer": "^5.0.0",
+		"@atlaskit/editor-ssr-renderer": "^5.1.0",
 		"@atlaskit/editor-toolbar": "^1.0.0",
 		"@atlaskit/editor-toolbar-model": "^0.4.0",
 		"@atlaskit/emoji": "^70.1.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/icon": "^34.2.0",
+		"@atlaskit/icon": "^34.3.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/media-card": "^80.1.0",
 		"@atlaskit/mention": "^25.0.0",
@@ -74,7 +74,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^5.16.0",
 		"@atlaskit/task-decision": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^64.0.0",
+		"@atlaskit/tmp-editor-statsig": "^66.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/width-detector": "^5.1.0",
@@ -91,7 +91,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.6.0",
+		"@atlaskit/editor-common": "^114.7.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -105,8 +105,8 @@
 		"@atlaskit/adf-utils": "^19.27.0",
 		"@atlaskit/analytics-listeners": "^10.0.0",
 		"@atlaskit/collab-provider": "^18.0.0",
-		"@atlaskit/editor-plugin-annotation": "^10.0.0",
-		"@atlaskit/editor-plugin-card": "^16.1.0",
+		"@atlaskit/editor-plugin-annotation": "^10.1.0",
+		"@atlaskit/editor-plugin-card": "^16.3.0",
 		"@atlaskit/editor-plugin-list": "^12.0.0",
 		"@atlaskit/editor-plugin-paste": "^11.0.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
@@ -116,7 +116,7 @@
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^41.0.0",
-		"@atlaskit/modal-dialog": "^14.16.0",
+		"@atlaskit/modal-dialog": "^14.17.0",
 		"@atlaskit/renderer": "^130.2.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
@@ -125,10 +125,10 @@
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/a11y-playwright-testing": "^0.9.0",
 		"@atlassian/adf-schema-json": "^1.33.0",
-		"@atlassian/editor-rovo-bridge": "^8.2.0",
+		"@atlassian/editor-rovo-bridge": "^8.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
-		"@atlassian/search-client": "^1.1.0",
+		"@atlassian/search-client": "^1.2.0",
 		"@atlassian/search-provider": "^11.0.0",
 		"@emotion/jest": "^11.8.0",
 		"@testing-library/react": "^16.3.0",