@atlaskit/editor-core 187.48.0 → 187.48.4

package/dist/cjs/{editor-next → composable-editor}/editor-internal.js

@@ -4,8 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EditorInternalWithoutHooks = EditorInternalWithoutHooks;
-exports.default = EditorInternal;
+exports.EditorInternal = EditorInternal;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
@@ -20,33 +19,14 @@ var _contextAdapter = require("../nodeviews/context-adapter");
 var _EditorContext = _interopRequireDefault(require("../ui/EditorContext"));
 var _context = require("../presets/context");
 var _RenderTracking = require("../utils/performance/components/RenderTracking");
-var _useMeasureEditorMountTime = _interopRequireDefault(require("./hooks/useMeasureEditorMountTime"));
-var _useProviderFactory = _interopRequireDefault(require("./hooks/useProviderFactory"));
 var _getBaseFontSize = require("./utils/getBaseFontSize");
 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; } /** @jsx jsx */
-/**
- * EditorInternal is used for the internal editor react component
- * with the lifecycle methods extracted into hooks.
- */
-function EditorInternal(props) {
-  var editorProps = props.props,
-    getExperienceStore = props.getExperienceStore,
-    editorActions = props.editorActions,
-    createAnalyticsEvent = props.createAnalyticsEvent;
-  (0, _useMeasureEditorMountTime.default)(editorProps, getExperienceStore, createAnalyticsEvent);
-  var providerFactory = (0, _useProviderFactory.default)(editorProps, editorActions, createAnalyticsEvent);
-  var updatedProps = _objectSpread(_objectSpread({}, props), {}, {
-    providerFactory: providerFactory
-  });
-  return (0, _react2.jsx)(EditorInternalWithoutHooks, updatedProps);
-}
-
 /**
  * EditorInternalComponent is used to capture the common component
  * from the `render` method of `Editor` and share it with `EditorNext`.
  */
-function EditorInternalWithoutHooks(_ref) {
+function EditorInternal(_ref) {
   var _props$performanceTra, _props$performanceTra2, _props$performanceTra3, _props$performanceTra4;
   var props = _ref.props,
     handleAnalyticsEvent = _ref.handleAnalyticsEvent,

package/dist/cjs/{editor-next/index.js → composable-editor/editor.js}

@@ -4,8 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Editor = Editor;
-exports.default = EditorNext;
+exports.ComposableEditor = ComposableEditor;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
@@ -22,11 +21,16 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _EditorContext = require("../ui/EditorContext");
 var _measureEnum = _interopRequireDefault(require("../utils/performance/measure-enum"));
-var _editorInternal = _interopRequireDefault(require("./editor-internal"));
+var _editorInternal = require("./editor-internal");
 var _sendDurationAnalytics = _interopRequireDefault(require("./utils/sendDurationAnalytics"));
 var _trackEditorActions = _interopRequireDefault(require("./utils/trackEditorActions"));
+var _useMeasureEditorMountTime = _interopRequireDefault(require("./hooks/useMeasureEditorMountTime"));
+var _useProviderFactory = _interopRequireDefault(require("./hooks/useProviderFactory"));
 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; } /** @jsx jsx */
+/**
+ * Editor wrapper that deals with the lifecycle logic of the editor
+ */
 function Editor(passedProps) {
   var _editorContext$editor;
   var defaultProps = {
@@ -75,7 +79,9 @@ function Editor(passedProps) {
     editorActions.current._privateUnregisterEditor();
     (_props$onDestroy = props.onDestroy) === null || _props$onDestroy === void 0 ? void 0 : _props$onDestroy.call(props);
   };
-  return (0, _react2.jsx)(_editorInternal.default, {
+  (0, _useMeasureEditorMountTime.default)(props, getExperienceStore, createAnalyticsEvent);
+  var providerFactory = (0, _useProviderFactory.default)(props, editorActions.current, createAnalyticsEvent);
+  return (0, _react2.jsx)(_editorInternal.EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,
@@ -85,12 +91,12 @@ function Editor(passedProps) {
       return (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, view);
     },
     editorActions: editorActions.current,
-    getExperienceStore: getExperienceStore,
     onEditorCreated: onEditorCreated,
-    onEditorDestroyed: onEditorDestroyed
+    onEditorDestroyed: onEditorDestroyed,
+    providerFactory: providerFactory
   });
 }
-function EditorNext(props) {
+function ComposableEditor(props) {
   var editorSessionId = (0, _react.useRef)((0, _v.default)());
   return (0, _react2.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
     data: {
@@ -102,7 +108,7 @@ function EditorNext(props) {
     }
   }, (0, _react2.jsx)(Editor, props));
 }
-EditorNext.propTypes = {
+ComposableEditor.propTypes = {
   minHeight: function minHeight(_ref) {
     var appearance = _ref.appearance,
       _minHeight = _ref.minHeight;

package/dist/cjs/composable-editor.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ComposableEditor", {
   enumerable: true,
   get: function get() {
-    return _editorNext.default;
+    return _editor.ComposableEditor;
   }
 });
-var _editorNext = _interopRequireDefault(require("./editor-next"));
+var _editor = require("./composable-editor/editor");

package/dist/cjs/editor.js

@@ -15,16 +15,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _editorDeprecationWarnings = _interopRequireDefault(require("./utils/editorDeprecationWarnings"));
-var _editorNext = _interopRequireDefault(require("./editor-next"));
+var _composableEditor = require("./composable-editor");
 var _useUniversalPreset = _interopRequireDefault(require("./labs/next/presets/useUniversalPreset"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
-var EditorNextWrapper = function EditorNextWrapper(_ref) {
+var ComposableEditorWrapper = function ComposableEditorWrapper(_ref) {
   var props = _ref.props;
   var preset = (0, _useUniversalPreset.default)({
     props: props
   });
-  return (0, _react2.jsx)(_editorNext.default, (0, _extends2.default)({
+  return (0, _react2.jsx)(_composableEditor.ComposableEditor, (0, _extends2.default)({
     preset: preset
   }, props));
 };
@@ -41,7 +41,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(Editor, [{
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)(EditorNextWrapper, {
+      return (0, _react2.jsx)(ComposableEditorWrapper, {
         props: this.props
       });
     }

package/dist/cjs/plugins/floating-toolbar/ui/Toolbar.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isSameItem = exports.default = exports.areSameItems = void 0;
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -22,7 +22,6 @@ var _editorPalette = require("@atlaskit/editor-palette");
 var _components = require("@atlaskit/theme/components");
 var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
-var _utils = require("../utils");
 var _commands = require("../pm-plugins/toolbar-data/commands");
 var _ui = require("@atlaskit/editor-common/ui");
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
@@ -30,6 +29,7 @@ var _Select = _interopRequireDefault(require("./Select"));
 var _Separator = _interopRequireDefault(require("./Separator"));
 var _Input = _interopRequireDefault(require("./Input"));
 var _ExtensionsPlaceholder = require("./ExtensionsPlaceholder");
+var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _EmojiPickerButton = require("./EmojiPickerButton");
@@ -244,7 +244,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
   }
   // only rerender toolbar items if the node is different
   // otherwise it causes an issue where multiple popups stays open
-  return !(prevProps.node.type !== nextProps.node.type || prevProps.node.attrs.localId !== nextProps.node.attrs.localId || !areSameItems(prevProps.items, nextProps.items) || !prevProps.mounted !== !nextProps.mounted);
+  return !(prevProps.node.type !== nextProps.node.type || prevProps.node.attrs.localId !== nextProps.node.attrs.localId || !(0, _floatingToolbar.areSameItems)(prevProps.items, nextProps.items) || !prevProps.mounted !== !nextProps.mounted);
 });
 var toolbarContainer = function toolbarContainer(theme, scrollable, hasSelect, firstElementIsSelect) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  display: flex;\n  line-height: 1;\n  box-sizing: border-box;\n\n  & > div > div {\n    align-items: center;\n  }\n  ", "\n"])), (0, _components.themed)({
@@ -255,73 +255,6 @@ var toolbarContainer = function toolbarContainer(theme, scrollable, hasSelect, f
 var toolbarOverflow = function toolbarOverflow(scrollable, scrollDisabled, firstElementIsSelect) {
   return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), scrollable ? (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n        ", "\n        -webkit-overflow-scrolling: touch;\n        padding: ", " 0 50px;\n        > div {\n          > div:first-child {\n            ", "\n          }\n          > div:last-child {\n            margin-right: ", ";\n          }\n        }\n      "])), scrollDisabled ? (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n              overflow: hidden;\n            "]))) : (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n              overflow-x: auto;\n              overflow-y: hidden;\n            "]))), "var(--ds-space-050, 4px)", firstElementIsSelect ? (0, _react2.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n                  margin-left: ", ";\n                "])), "var(--ds-space-050, 4px)") : (0, _react2.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n                  margin-left: ", ";\n                "])), "var(--ds-space-100, 8px)"), "var(--ds-space-100, 8px)") : (0, _react2.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n        display: flex;\n      "]))));
 };
-function makeSameType(_a, _b) {
-  return true;
-}
-var compareItemWithKeys = function compareItemWithKeys(leftItem, rightItem) {
-  var excludedKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  return Object.keys(leftItem).filter(function (key) {
-    return excludedKeys.indexOf(key) === -1;
-  }).every(function (key) {
-    return leftItem[key] instanceof Object ? (0, _utils.shallowEqual)(leftItem[key], rightItem[key]) : leftItem[key] === rightItem[key];
-  });
-};
-var isSameItem = function isSameItem(leftItem, rightItem) {
-  if (leftItem.type !== rightItem.type) {
-    return false;
-  }
-  switch (leftItem.type) {
-    case 'button':
-      // Need to typecast `rightItem as typeof leftItem` otherwise we will
-      // have to put the `type !==` inside each case.
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'onClick', 'onMouseEnter', 'onMouseLeave']);
-    case 'copy-button':
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'items']);
-    case 'input':
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'onSubmit', 'onBlur']);
-    case 'select':
-      if (makeSameType(leftItem, rightItem) && Array.isArray(leftItem.options) && Array.isArray(rightItem.options) && !(0, _utils.compareArrays)(leftItem.options, rightItem.options, function (left, right) {
-        return compareItemWithKeys(left, right);
-      })) {
-        return false;
-      }
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'onChange', 'options']);
-    case 'dropdown':
-      if (makeSameType(leftItem, rightItem) && Array.isArray(leftItem.options) && Array.isArray(rightItem.options) &&
-      // @ts-expect-error TS2345: Argument of type 'DropdownOptionT<Function>[]' is not assignable to parameter of type 'any[][]'
-      !(0, _utils.compareArrays)(leftItem.options, rightItem.options, function (left, right) {
-        return (
-          // @ts-expect-error  TS2322: Type '"onClick"' is not assignable to type 'keyof any[]'
-          compareItemWithKeys(left, right, ['onClick'])
-        );
-      })) {
-        return false;
-      }
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'options']);
-    case 'custom':
-      return false;
-    case 'separator':
-      return compareItemWithKeys(leftItem, rightItem);
-    case 'extensions-placeholder':
-      return compareItemWithKeys(leftItem, rightItem);
-  }
-};
-exports.isSameItem = isSameItem;
-var areSameItems = function areSameItems(leftArr, rightArr) {
-  if (leftArr === undefined && rightArr === undefined) {
-    return true;
-  }
-  if (leftArr === undefined || rightArr === undefined) {
-    return false;
-  }
-  if (leftArr.length !== rightArr.length) {
-    return false;
-  }
-  return leftArr.every(function (item, index) {
-    return isSameItem(rightArr[index], item);
-  });
-};
-exports.areSameItems = areSameItems;
 var Toolbar = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Toolbar, _Component);
   var _super = _createSuper(Toolbar);

package/dist/cjs/plugins/floating-toolbar/utils.js

@@ -3,49 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.compareArrays = void 0;
 exports.findNode = findNode;
-exports.shallowEqual = void 0;
-var shallowEqual = function shallowEqual(objA, objB) {
-  if (objA === objB) {
-    return true;
-  }
-  if (objA == null || objB == null) {
-    return false;
-  }
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
-  for (var idx = 0; idx < keysA.length; idx++) {
-    var key = keysA[idx];
-    if (!bHasOwnProperty(key)) {
-      return false;
-    }
-    if (objA[key] !== objB[key]) {
-      return false;
-    }
-  }
-  return true;
-};
-exports.shallowEqual = shallowEqual;
-var compareArrays = function compareArrays(left, right) {
-  var compareFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : shallowEqual;
-  if (left.length !== right.length) {
-    return false;
-  }
-  for (var idx = 0; idx < left.length; idx++) {
-    if (!compareFn(left[idx], right[idx])) {
-      return false;
-    }
-  }
-  return true;
-};
-
 // find node in descendants by condition
-exports.compareArrays = compareArrays;
 function findNode(parent, predicate) {
   var matchedNode;
   parent.descendants(function (node) {

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -21,6 +21,7 @@ var _picker = require("@atlaskit/emoji/picker");
 var _ui = require("@atlaskit/editor-common/ui");
 var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
 var _styles = require("@atlaskit/editor-common/styles");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _actions = require("../../../date/actions");
 var _actions2 = require("../../../placeholder-text/actions");
 var _actions3 = require("../../../layout/actions");
@@ -438,7 +439,8 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement,
-        focusTrap: true
+        focusTrap: true,
+        zIndex: _editorSharedStyles.akEditorMenuZIndex
       }, (0, _react2.jsx)(EmojiPickerWithListeners, {
         emojiProvider: emojiProvider,
         onSelection: this.handleSelectedEmoji,

package/dist/cjs/plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.subscribeToToolbarAndPickerUpdates = void 0;
-var _pluginKey = require("../../date/pm-plugins/plugin-key");
-var _floatingToolbar = require("../../floating-toolbar");
-var _pluginKey2 = require("../../status/plugin-key");
-var _Toolbar = require("../../floating-toolbar/ui/Toolbar");
+var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
 var _utils = require("../../type-ahead/utils");
 var _ = require("..");
 var areToolbarsSame = function areToolbarsSame(left, right) {
@@ -27,7 +24,7 @@ var areToolbarsSame = function areToolbarsSame(left, right) {
   }
   var leftItems = Array.isArray(leftConfig.items) ? leftConfig.items : leftConfig.items(left.node);
   var rightItems = Array.isArray(rightConfig.items) ? rightConfig.items : rightConfig.items(right.node);
-  return (0, _Toolbar.areSameItems)(leftItems, rightItems);
+  return (0, _floatingToolbar.areSameItems)(leftItems, rightItems);
 };
 var subscribeToToolbarAndPickerUpdates = function subscribeToToolbarAndPickerUpdates(editorView, cb) {
   var lastUpdatedState = null;
@@ -39,16 +36,36 @@ var subscribeToToolbarAndPickerUpdates = function subscribeToToolbarAndPickerUpd
     if ((0, _utils.isTypeAheadOpen)(newEditorState)) {
       return;
     }
-    var dateState = _pluginKey.pluginKey.getState(newEditorState);
-    var statusState = _pluginKey2.pluginKey.getState(newEditorState);
-    var _ref2 = _floatingToolbar.pluginKey.getState(newEditorState),
+
+    // Creating fake plugin keys for these plugins for the mean time until all these plugins are extracted.
+    var datePluginKey = {
+      key: 'datePlugin$',
+      getState: function getState(state) {
+        return state['datePlugin$'];
+      }
+    };
+    var statusPluginKey = {
+      key: 'statusPlugin$',
+      getState: function getState(state) {
+        return state['statusPlugin$'];
+      }
+    };
+    var floatingToolbarPluginKey = {
+      key: 'floatingToolbarPluginKey$',
+      getState: function getState(state) {
+        return state['floatingToolbarPluginKey$'];
+      }
+    };
+    var dateState = datePluginKey.getState(newEditorState);
+    var statusState = statusPluginKey.getState(newEditorState);
+    var _ref2 = floatingToolbarPluginKey.getState(newEditorState),
       getConfigWithNodeInfo = _ref2.getConfigWithNodeInfo;
     var toolbarConfig = getConfigWithNodeInfo(newEditorState);
     var shouldCallback = false;
     if (lastUpdatedState) {
-      var oldDateState = _pluginKey.pluginKey.getState(lastUpdatedState);
-      var oldStatusState = _pluginKey2.pluginKey.getState(lastUpdatedState);
-      var _ref3 = _floatingToolbar.pluginKey.getState(lastUpdatedState),
+      var oldDateState = datePluginKey.getState(lastUpdatedState);
+      var oldStatusState = statusPluginKey.getState(lastUpdatedState);
+      var _ref3 = floatingToolbarPluginKey.getState(lastUpdatedState),
         getOldConfigWithNodeInfo = _ref3.getConfigWithNodeInfo;
       var oldToolbarConfig = getOldConfigWithNodeInfo(lastUpdatedState);
       var isToolbarEqual = areToolbarsSame(toolbarConfig, oldToolbarConfig);

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

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _ui = require("@atlaskit/editor-common/ui");
 var _react = _interopRequireDefault(require("react"));
 var _editor = _interopRequireDefault(require("../../editor"));
-var _editorNext = _interopRequireDefault(require("../../editor-next"));
+var _composableEditor = require("../../composable-editor");
 var _EditorWithActions = _interopRequireDefault(require("../../labs/EditorWithActions"));
 var _ChromeCollapsed = _interopRequireDefault(require("../ChromeCollapsed"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -52,10 +52,10 @@ var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
       var child = _react.default.Children.only(this.props.children);
-      if (child.type !== _editor.default && child.type !== _EditorWithActions.default && child.type !== _editorNext.default) {
+      if (child.type !== _editor.default && child.type !== _EditorWithActions.default && child.type !== _composableEditor.ComposableEditor) {
         throw new Error('Expected child to be of type `Editor`');
       }
-      this.functionalEditor = child.type === _editorNext.default;
+      this.functionalEditor = child.type === _composableEditor.ComposableEditor;
       if (!this.props.isExpanded) {
         return /*#__PURE__*/_react.default.createElement(_ui.IntlProviderIfMissingWrapper, null, /*#__PURE__*/_react.default.createElement(_ChromeCollapsed.default, {
           onFocus: this.props.onFocus,

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.48.0";
+var version = "187.48.4";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/{editor-next → composable-editor}/editor-internal.js

@@ -12,34 +12,12 @@ import { ContextAdapter } from '../nodeviews/context-adapter';
 import EditorContext from '../ui/EditorContext';
 import { useSetPresetContext } from '../presets/context';
 import { RenderTracking } from '../utils/performance/components/RenderTracking';
-import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
-import useProviderFactory from './hooks/useProviderFactory';
 import { getBaseFontSize } from './utils/getBaseFontSize';
-/**
- * EditorInternal is used for the internal editor react component
- * with the lifecycle methods extracted into hooks.
- */
-export default function EditorInternal(props) {
-  const {
-    props: editorProps,
-    getExperienceStore,
-    editorActions,
-    createAnalyticsEvent
-  } = props;
-  useMeasureEditorMountTime(editorProps, getExperienceStore, createAnalyticsEvent);
-  const providerFactory = useProviderFactory(editorProps, editorActions, createAnalyticsEvent);
-  const updatedProps = {
-    ...props,
-    providerFactory
-  };
-  return jsx(EditorInternalWithoutHooks, updatedProps);
-}
-
 /**
  * EditorInternalComponent is used to capture the common component
  * from the `render` method of `Editor` and share it with `EditorNext`.
  */
-export function EditorInternalWithoutHooks({
+export function EditorInternal({
   props,
   handleAnalyticsEvent,
   createAnalyticsEvent,

package/dist/es2019/{editor-next/index.js → composable-editor/editor.js}

@@ -14,10 +14,16 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useConstructor } from '@atlaskit/editor-common/hooks';
 import { useEditorContext } from '../ui/EditorContext';
 import measurements from '../utils/performance/measure-enum';
-import EditorInternal from './editor-internal';
+import { EditorInternal } from './editor-internal';
 import sendDurationAnalytics from './utils/sendDurationAnalytics';
 import trackEditorActions from './utils/trackEditorActions';
-export function Editor(passedProps) {
+import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
+import useProviderFactory from './hooks/useProviderFactory';
+
+/**
+ * Editor wrapper that deals with the lifecycle logic of the editor
+ */
+function Editor(passedProps) {
   var _editorContext$editor;
   const defaultProps = {
     appearance: 'comment',
@@ -61,6 +67,8 @@ export function Editor(passedProps) {
     editorActions.current._privateUnregisterEditor();
     (_props$onDestroy = props.onDestroy) === null || _props$onDestroy === void 0 ? void 0 : _props$onDestroy.call(props);
   };
+  useMeasureEditorMountTime(props, getExperienceStore, createAnalyticsEvent);
+  const providerFactory = useProviderFactory(props, editorActions.current, createAnalyticsEvent);
   return jsx(EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
@@ -71,12 +79,12 @@ export function Editor(passedProps) {
       return (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, view);
     },
     editorActions: editorActions.current,
-    getExperienceStore: getExperienceStore,
     onEditorCreated: onEditorCreated,
-    onEditorDestroyed: onEditorDestroyed
+    onEditorDestroyed: onEditorDestroyed,
+    providerFactory: providerFactory
   });
 }
-export default function EditorNext(props) {
+export function ComposableEditor(props) {
   const editorSessionId = useRef(uuid());
   return jsx(FabricEditorAnalyticsContext, {
     data: {
@@ -88,7 +96,7 @@ export default function EditorNext(props) {
     }
   }, jsx(Editor, props));
 }
-EditorNext.propTypes = {
+ComposableEditor.propTypes = {
   minHeight: ({
     appearance,
     minHeight

package/dist/es2019/composable-editor.js

@@ -1 +1 @@
-export { default as ComposableEditor } from './editor-next';
+export { ComposableEditor } from './composable-editor/editor';

package/dist/es2019/editor.js

@@ -4,15 +4,15 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { jsx } from '@emotion/react';
 import editorDeprecationWarnings from './utils/editorDeprecationWarnings';
-import EditorNext from './editor-next';
+import { ComposableEditor } from './composable-editor';
 import useUniversalPreset from './labs/next/presets/useUniversalPreset';
-const EditorNextWrapper = ({
+const ComposableEditorWrapper = ({
   props
 }) => {
   const preset = useUniversalPreset({
     props
   });
-  return jsx(EditorNext, _extends({
+  return jsx(ComposableEditor, _extends({
     preset: preset
   }, props));
 };
@@ -22,7 +22,7 @@ export default class Editor extends React.Component {
     editorDeprecationWarnings(props);
   }
   render() {
-    return jsx(EditorNextWrapper, {
+    return jsx(ComposableEditorWrapper, {
       props: this.props
     });
   }

package/dist/es2019/plugins/floating-toolbar/ui/Toolbar.js

@@ -8,7 +8,6 @@ import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { DN70 } from '@atlaskit/theme/colors';
-import { compareArrays, shallowEqual } from '../utils';
 import { showConfirmDialog } from '../pm-plugins/toolbar-data/commands';
 import { FloatingToolbarButton as Button, Announcer } from '@atlaskit/editor-common/ui';
 import Dropdown from './Dropdown';
@@ -16,6 +15,7 @@ import Select from './Select';
 import Separator from './Separator';
 import Input from './Input';
 import { ExtensionsPlaceholder } from './ExtensionsPlaceholder';
+import { areSameItems } from '@atlaskit/editor-common/floating-toolbar';
 import { ColorPickerButton } from '@atlaskit/editor-common/ui-menu';
 import { backgroundPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
 import { EmojiPickerButton } from './EmojiPickerButton';
@@ -265,57 +265,6 @@ const toolbarOverflow = (scrollable, scrollDisabled, firstElementIsSelect) => cs
         display: flex;
       `}
 `;
-function makeSameType(_a, _b) {
-  return true;
-}
-const compareItemWithKeys = (leftItem, rightItem, excludedKeys = []) => Object.keys(leftItem).filter(key => excludedKeys.indexOf(key) === -1).every(key => leftItem[key] instanceof Object ? shallowEqual(leftItem[key], rightItem[key]) : leftItem[key] === rightItem[key]);
-export const isSameItem = (leftItem, rightItem) => {
-  if (leftItem.type !== rightItem.type) {
-    return false;
-  }
-  switch (leftItem.type) {
-    case 'button':
-      // Need to typecast `rightItem as typeof leftItem` otherwise we will
-      // have to put the `type !==` inside each case.
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'onClick', 'onMouseEnter', 'onMouseLeave']);
-    case 'copy-button':
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'items']);
-    case 'input':
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'onSubmit', 'onBlur']);
-    case 'select':
-      if (makeSameType(leftItem, rightItem) && Array.isArray(leftItem.options) && Array.isArray(rightItem.options) && !compareArrays(leftItem.options, rightItem.options, (left, right) => compareItemWithKeys(left, right))) {
-        return false;
-      }
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'onChange', 'options']);
-    case 'dropdown':
-      if (makeSameType(leftItem, rightItem) && Array.isArray(leftItem.options) && Array.isArray(rightItem.options) &&
-      // @ts-expect-error TS2345: Argument of type 'DropdownOptionT<Function>[]' is not assignable to parameter of type 'any[][]'
-      !compareArrays(leftItem.options, rightItem.options, (left, right) =>
-      // @ts-expect-error  TS2322: Type '"onClick"' is not assignable to type 'keyof any[]'
-      compareItemWithKeys(left, right, ['onClick']))) {
-        return false;
-      }
-      return compareItemWithKeys(leftItem, rightItem, ['type', 'options']);
-    case 'custom':
-      return false;
-    case 'separator':
-      return compareItemWithKeys(leftItem, rightItem);
-    case 'extensions-placeholder':
-      return compareItemWithKeys(leftItem, rightItem);
-  }
-};
-export const areSameItems = (leftArr, rightArr) => {
-  if (leftArr === undefined && rightArr === undefined) {
-    return true;
-  }
-  if (leftArr === undefined || rightArr === undefined) {
-    return false;
-  }
-  if (leftArr.length !== rightArr.length) {
-    return false;
-  }
-  return leftArr.every((item, index) => isSameItem(rightArr[index], item));
-};
 class Toolbar extends Component {
   constructor(props) {
     super(props);