@atlaskit/editor-core 220.1.0 → 220.1.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-core
 
+## 220.1.2
+
+### Patch Changes
+
+- [`76d9dbbc58730`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/76d9dbbc58730) -
+  fix compiled migrations for status, task item, sync block, native embed, and table styles
+- Updated dependencies
+
+## 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

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/ui/Appearance/FullPage/FullPageContentArea.js

@@ -17,6 +17,7 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
@@ -232,7 +233,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var contentAreaRef = (0, _react.useRef)(null);
   var containerRef = (0, _react.useRef)(null);
   var allowScrollGutter = (_props$editorAPI = props.editorAPI) === null || _props$editorAPI === void 0 || (_props$editorAPI = _props$editorAPI.base) === null || _props$editorAPI === void 0 || (_props$editorAPI = _props$editorAPI.sharedState.currentState()) === null || _props$editorAPI === void 0 ? void 0 : _props$editorAPI.allowScrollGutter;
-  var contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : theme.layoutMaxWidth : akEditorFullWidthLayoutWidth);
+  var contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true) || (0, _expValEquals.expValEquals)('platform_editor_core_static_css', 'isEnabled', true) ? _editorSharedStyles.akEditorDefaultLayoutWidth : theme.layoutMaxWidth : akEditorFullWidthLayoutWidth);
 
   // Get useStandardNodeWidth from block menu plugin shared state
   // Only access editorAPI when the experiment is enabled to avoid performance impact