@atlaskit/editor-core 189.6.5 → 189.6.6

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-core
 
+## 189.6.6
+
+### Patch Changes
+
+- [#60153](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60153) [`5764d44cc93b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5764d44cc93b) - Cleaned references for feature flag: platform.editor.table.overflow-state-analytics
+- [#60143](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60143) [`2088c0f833e1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2088c0f833e1) - Memonized the Editor feature flags to avoid unnecessary re-renders on Confluence
+
 ## 189.6.5
 
 ### Patch Changes

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ComposableEditor = ComposableEditor;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _v = _interopRequireDefault(require("uuid/v4"));
@@ -13,6 +14,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _ufo = require("@atlaskit/editor-common/ufo");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorPluginBase = require("@atlaskit/editor-plugin-base");
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _actions = _interopRequireDefault(require("../actions"));
 var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
 var _versionWrapper = require("../version-wrapper");
@@ -110,6 +112,13 @@ function Editor(passedProps) {
     providerFactory: providerFactory
   });
 }
+var useMemoEditorFeatureFlags = function useMemoEditorFeatureFlags(featureFlags) {
+  var ffRef = (0, _react.useRef)(featureFlags);
+  if (!(0, _isEqual.default)(ffRef.current, featureFlags)) {
+    ffRef.current = featureFlags;
+  }
+  return ffRef.current;
+};
 function ComposableEditor(props) {
   var editorSessionId = (0, _react.useRef)((0, _v.default)());
   var data = (0, _react.useMemo)(function () {
@@ -121,11 +130,14 @@ function ComposableEditor(props) {
       editorSessionId: editorSessionId.current
     };
   }, [props.appearance]);
+  var memodEditorFeatureFlags = useMemoEditorFeatureFlags(props.featureFlags);
   return (0, _react2.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext
   // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
   , {
     data: data
-  }, (0, _react2.jsx)(Editor, props));
+  }, (0, _react2.jsx)(Editor, (0, _extends2.default)({}, props, {
+    featureFlags: memodEditorFeatureFlags
+  })));
 }
 ComposableEditor.propTypes = {
   minHeight: function minHeight(_ref) {

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 = "189.6.5";
+var version = exports.version = "189.6.6";

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { useRef, useCallback, useMemo } from 'react';
 import { jsx } from '@emotion/react';
@@ -7,6 +8,7 @@ import { ACTION, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { getAnalyticsAppearance, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { basePlugin } from '@atlaskit/editor-plugin-base';
+import isEqual from 'lodash/isEqual';
 import EditorActions from '../actions';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
 import { name, version } from '../version-wrapper';
@@ -105,6 +107,13 @@ function Editor(passedProps) {
     providerFactory: providerFactory
   });
 }
+const useMemoEditorFeatureFlags = featureFlags => {
+  const ffRef = useRef(featureFlags);
+  if (!isEqual(ffRef.current, featureFlags)) {
+    ffRef.current = featureFlags;
+  }
+  return ffRef.current;
+};
 export function ComposableEditor(props) {
   const editorSessionId = useRef(uuid());
   const data = useMemo(() => {
@@ -116,11 +125,14 @@ export function ComposableEditor(props) {
       editorSessionId: editorSessionId.current
     };
   }, [props.appearance]);
+  const memodEditorFeatureFlags = useMemoEditorFeatureFlags(props.featureFlags);
   return jsx(FabricEditorAnalyticsContext
   // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
   , {
     data: data
-  }, jsx(Editor, props));
+  }, jsx(Editor, _extends({}, props, {
+    featureFlags: memodEditorFeatureFlags
+  })));
 }
 ComposableEditor.propTypes = {
   minHeight: ({

package/dist/es2019/version-wrapper.js

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

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { useRef, useCallback, useMemo } from 'react';
 import { jsx } from '@emotion/react';
@@ -7,6 +8,7 @@ import { ACTION, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { getAnalyticsAppearance, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { basePlugin } from '@atlaskit/editor-plugin-base';
+import isEqual from 'lodash/isEqual';
 import EditorActions from '../actions';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
 import { name, version } from '../version-wrapper';
@@ -103,6 +105,13 @@ function Editor(passedProps) {
     providerFactory: providerFactory
   });
 }
+var useMemoEditorFeatureFlags = function useMemoEditorFeatureFlags(featureFlags) {
+  var ffRef = useRef(featureFlags);
+  if (!isEqual(ffRef.current, featureFlags)) {
+    ffRef.current = featureFlags;
+  }
+  return ffRef.current;
+};
 export function ComposableEditor(props) {
   var editorSessionId = useRef(uuid());
   var data = useMemo(function () {
@@ -114,11 +123,14 @@ export function ComposableEditor(props) {
       editorSessionId: editorSessionId.current
     };
   }, [props.appearance]);
+  var memodEditorFeatureFlags = useMemoEditorFeatureFlags(props.featureFlags);
   return jsx(FabricEditorAnalyticsContext
   // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
   , {
     data: data
-  }, jsx(Editor, props));
+  }, jsx(Editor, _extends({}, props, {
+    featureFlags: memodEditorFeatureFlags
+  })));
 }
 ComposableEditor.propTypes = {
   minHeight: function minHeight(_ref) {

package/dist/esm/version-wrapper.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "189.6.5",
+  "version": "189.6.6",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -288,10 +288,6 @@
     "platform.editor.table.drag-and-drop": {
       "type": "boolean"
     },
-    "platform.editor.table.overflow-state-analytics": {
-      "type": "boolean",
-      "referenceOnly": "true"
-    },
     "platform.editor.table.increase-shadow-visibility_lh89r": {
       "type": "boolean",
       "referenceOnly": "true"