@atlaskit/editor-core 189.1.12 → 189.1.13

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-core
 
+## 189.1.13
+
+### Patch Changes
+
+- [#42391](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42391) [`f46e9fd8b00`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f46e9fd8b00) - [ux] ED-20479: Extracts placeholder-test editor plugin from editor-core
+- Updated dependencies
+
 ## 189.1.12
 
 ### Patch Changes

package/dist/cjs/plugins/index.js

@@ -161,12 +161,6 @@ Object.defineProperty(exports, "pastePlugin", {
     return _paste.default;
   }
 });
-Object.defineProperty(exports, "placeholderTextPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _placeholderText.placeholderTextPlugin;
-  }
-});
 Object.defineProperty(exports, "tasksAndDecisionsPlugin", {
   enumerable: true,
   get: function get() {
@@ -202,7 +196,6 @@ var _macro = _interopRequireDefault(require("./macro"));
 var _maxContentSize = _interopRequireDefault(require("./max-content-size"));
 var _panel = _interopRequireDefault(require("./panel"));
 var _paste = _interopRequireDefault(require("./paste"));
-var _placeholderText = require("./placeholder-text");
 var _tasksAndDecisions = _interopRequireDefault(require("./tasks-and-decisions"));
 var _breakout = _interopRequireDefault(require("./breakout"));
 var _alignment = _interopRequireDefault(require("./alignment"));

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

@@ -12,8 +12,7 @@ var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"
 var _ToolbarInsertBlock = _interopRequireDefault(require("./ui/ToolbarInsertBlock"));
 var _consts = require("@atlaskit/editor-plugin-block-type/consts");
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _pluginKey = require("../placeholder-text/plugin-key");
-var _pluginKey2 = require("../macro/plugin-key");
+var _pluginKey = require("../macro/plugin-key");
 var _types = require("../../ui/Toolbar/types");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
@@ -74,13 +73,11 @@ var insertBlockPlugin = function insertBlockPlugin(_ref) {
         // `ToolbarInsertBlockWithInjectionApi` and remove `WithPluginState`
         return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
           plugins: {
-            macroState: _pluginKey2.pluginKey,
-            placeholderTextState: _pluginKey.pluginKey
+            macroState: _pluginKey.pluginKey
           },
           render: function render(_ref3) {
             var _ref3$macroState = _ref3.macroState,
-              macroState = _ref3$macroState === void 0 ? {} : _ref3$macroState,
-              placeholderTextState = _ref3.placeholderTextState;
+              macroState = _ref3$macroState === void 0 ? {} : _ref3$macroState;
             return /*#__PURE__*/_react.default.createElement(ToolbarInsertBlockWithInjectionApi, {
               pluginInjectionApi: api,
               editorView: editorView,
@@ -96,7 +93,6 @@ var insertBlockPlugin = function insertBlockPlugin(_ref) {
               isLastItem: isLastItem,
               featureFlags: featureFlags,
               macroState: macroState,
-              placeholderTextState: placeholderTextState,
               providers: providers,
               options: options
             });
@@ -127,10 +123,9 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     pluginInjectionApi = _ref4.pluginInjectionApi,
     options = _ref4.options,
     macroState = _ref4.macroState,
-    placeholderTextState = _ref4.placeholderTextState,
     featureFlags = _ref4.featureFlags;
   var buttons = toolbarSizeToButtons(toolbarSize);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead']),
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']),
     dateState = _useSharedPluginState.dateState,
     hyperlinkState = _useSharedPluginState.hyperlinkState,
     imageUploadState = _useSharedPluginState.imageUploadState,
@@ -138,7 +133,8 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     emojiState = _useSharedPluginState.emojiState,
     blockTypeState = _useSharedPluginState.blockTypeState,
     mediaState = _useSharedPluginState.mediaState,
-    typeAheadState = _useSharedPluginState.typeAheadState;
+    typeAheadState = _useSharedPluginState.typeAheadState,
+    placeholderTextState = _useSharedPluginState.placeholderTextState;
   return /*#__PURE__*/_react.default.createElement(_ToolbarInsertBlock.default, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,

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

@@ -22,7 +22,6 @@ 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("../../../placeholder-text/actions");
 var _commands = require("../../../tasks-and-decisions/commands");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("./messages");
@@ -208,29 +207,32 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       return true;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createPlaceholderText", function () {
-      var editorView = _this.props.editorView;
-      (0, _actions.showPlaceholderFloatingToolbar)(editorView.state, editorView.dispatch);
+      var _pluginInjectionApi$p;
+      var _this$props3 = _this.props,
+        editorView = _this$props3.editorView,
+        pluginInjectionApi = _this$props3.pluginInjectionApi;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$p = pluginInjectionApi.placeholderText) === null || _pluginInjectionApi$p === void 0 || _pluginInjectionApi$p.actions.showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
       return true;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertLayoutColumns", function (inputMethod) {
       var _pluginInjectionApi$l;
-      var _this$props3 = _this.props,
-        editorView = _this$props3.editorView,
-        pluginInjectionApi = _this$props3.pluginInjectionApi;
+      var _this$props4 = _this.props,
+        editorView = _this$props4.editorView,
+        pluginInjectionApi = _this$props4.pluginInjectionApi;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$l = pluginInjectionApi.layout) === null || _pluginInjectionApi$l === void 0 || _pluginInjectionApi$l.actions.insertLayoutColumns(inputMethod)(editorView.state, editorView.dispatch);
       return true;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createStatus", function (inputMethod) {
       var _pluginInjectionApi$s, _pluginInjectionApi$s2;
-      var _this$props4 = _this.props,
-        pluginInjectionApi = _this$props4.pluginInjectionApi,
-        editorView = _this$props4.editorView;
+      var _this$props5 = _this.props,
+        pluginInjectionApi = _this$props5.pluginInjectionApi,
+        editorView = _this$props5.editorView;
       return (_pluginInjectionApi$s = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s2 = pluginInjectionApi.status) === null || _pluginInjectionApi$s2 === void 0 || (_pluginInjectionApi$s2 = _pluginInjectionApi$s2.actions) === null || _pluginInjectionApi$s2 === void 0 ? void 0 : _pluginInjectionApi$s2.updateStatus(inputMethod)(editorView.state, editorView.dispatch)) !== null && _pluginInjectionApi$s !== void 0 ? _pluginInjectionApi$s : false;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openMediaPicker", function (inputMethod) {
-      var _this$props5 = _this.props,
-        onShowMediaPicker = _this$props5.onShowMediaPicker,
-        dispatchAnalyticsEvent = _this$props5.dispatchAnalyticsEvent;
+      var _this$props6 = _this.props,
+        onShowMediaPicker = _this$props6.onShowMediaPicker,
+        dispatchAnalyticsEvent = _this$props6.dispatchAnalyticsEvent;
       if (onShowMediaPicker) {
         onShowMediaPicker();
         if (dispatchAnalyticsEvent) {
@@ -260,27 +262,27 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
       var _pluginInjectionApi$r, _pluginInjectionApi$r2;
-      var _this$props6 = _this.props,
-        _this$props6$editorVi = _this$props6.editorView,
-        state = _this$props6$editorVi.state,
-        dispatch = _this$props6$editorVi.dispatch,
-        pluginInjectionApi = _this$props6.pluginInjectionApi;
-      return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
-      var _pluginInjectionApi$e, _pluginInjectionApi$e2;
       var _this$props7 = _this.props,
         _this$props7$editorVi = _this$props7.editorView,
         state = _this$props7$editorVi.state,
         dispatch = _this$props7$editorVi.dispatch,
         pluginInjectionApi = _this$props7.pluginInjectionApi;
+      return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
+      var _pluginInjectionApi$e, _pluginInjectionApi$e2;
+      var _this$props8 = _this.props,
+        _this$props8$editorVi = _this$props8.editorView,
+        state = _this$props8$editorVi.state,
+        dispatch = _this$props8$editorVi.dispatch,
+        pluginInjectionApi = _this$props8.pluginInjectionApi;
       return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.expand) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.actions.insertExpand(state, dispatch)) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertBlockType", function (itemName) {
       return function () {
-        var _this$props8 = _this.props,
-          editorView = _this$props8.editorView,
-          onInsertBlockType = _this$props8.onInsertBlockType;
+        var _this$props9 = _this.props,
+          editorView = _this$props9.editorView,
+          onInsertBlockType = _this$props9.onInsertBlockType;
         var state = editorView.state,
           dispatch = editorView.dispatch;
         onInsertBlockType(itemName)(state, dispatch);
@@ -304,11 +306,11 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       var _this$props$pluginInj;
       var item = _ref2.item,
         inputMethod = _ref2.inputMethod;
-      var _this$props9 = _this.props,
-        editorView = _this$props9.editorView,
-        editorActions = _this$props9.editorActions,
-        handleImageUpload = _this$props9.handleImageUpload,
-        expandEnabled = _this$props9.expandEnabled;
+      var _this$props10 = _this.props,
+        editorView = _this$props10.editorView,
+        editorActions = _this$props10.editorActions,
+        handleImageUpload = _this$props10.handleImageUpload,
+        expandEnabled = _this$props10.expandEnabled;
 
       // need to do this before inserting nodes so scrollIntoView works properly
       if (!editorView.hasFocus()) {
@@ -424,12 +426,12 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
     key: "renderPopup",
     value: function renderPopup() {
       var emojiPickerOpen = this.state.emojiPickerOpen;
-      var _this$props10 = this.props,
-        popupsMountPoint = _this$props10.popupsMountPoint,
-        popupsBoundariesElement = _this$props10.popupsBoundariesElement,
-        popupsScrollableElement = _this$props10.popupsScrollableElement,
-        emojiProvider = _this$props10.emojiProvider,
-        replacePlusMenuWithElementBrowser = _this$props10.replacePlusMenuWithElementBrowser;
+      var _this$props11 = this.props,
+        popupsMountPoint = _this$props11.popupsMountPoint,
+        popupsBoundariesElement = _this$props11.popupsBoundariesElement,
+        popupsScrollableElement = _this$props11.popupsScrollableElement,
+        emojiProvider = _this$props11.emojiProvider,
+        replacePlusMenuWithElementBrowser = _this$props11.replacePlusMenuWithElementBrowser;
       var dropdownEmoji = this.state.dropdownItems.some(function (_ref4) {
         var name = _ref4.value.name;
         return name === 'emoji';
@@ -466,9 +468,9 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         buttons = _this$state.buttons,
         dropdownItems = _this$state.dropdownItems,
         emojiPickerOpen = _this$state.emojiPickerOpen;
-      var _this$props11 = this.props,
-        isDisabled = _this$props11.isDisabled,
-        isReducedSpacing = _this$props11.isReducedSpacing;
+      var _this$props12 = this.props,
+        isDisabled = _this$props12.isDisabled,
+        isReducedSpacing = _this$props12.isReducedSpacing;
       if (buttons.length === 0 && dropdownItems.length === 0) {
         return null;
       }

package/dist/cjs/presets/universal.js

@@ -33,6 +33,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _editorPluginSaveOnEnter = require("@atlaskit/editor-plugin-save-on-enter");
 var _editorPluginScrollIntoView = require("@atlaskit/editor-plugin-scroll-into-view");
 var _editorPluginMentions = require("@atlaskit/editor-plugin-mentions");
+var _editorPluginPlaceholderText = require("@atlaskit/editor-plugin-placeholder-text");
 var _isFullPage = require("../utils/is-full-page");
 var _mediaCommon = require("@atlaskit/media-common");
 var _default = require("./default");
@@ -288,7 +289,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       }]);
     }
     return builder;
-  }).maybeAdd(_plugins.placeholderTextPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginPlaceholderText.placeholderTextPlugin, function (plugin, builder) {
     if (props.allowTemplatePlaceholders) {
       var options = props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {};
       return builder.add([plugin, options]);

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

@@ -20,7 +20,7 @@ var _styles5 = require("../../plugins/code-block/styles");
 var _media = require("./media");
 var _layout = require("./layout");
 var _styles6 = require("../../plugins/panel/styles");
-var _styles7 = require("../../plugins/placeholder-text/styles");
+var _styles7 = require("@atlaskit/editor-plugin-placeholder-text/styles");
 var _styles8 = require("../../plugins/extension/ui/styles");
 var _styles9 = require("../../plugins/expand/ui/styles");
 var _styles10 = require("../../plugins/find-replace/styles");

package/dist/cjs/version-wrapper.js

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

package/dist/es2019/plugins/index.js

@@ -9,7 +9,6 @@ export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
-export { placeholderTextPlugin } from './placeholder-text';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';
 export { default as alignmentPlugin } from './alignment';

package/dist/es2019/plugins/insert-block/index.js

@@ -5,7 +5,6 @@ import WithPluginState from '../../ui/WithPluginState';
 import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
 import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-type/consts';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { pluginKey as placeholderTextStateKey } from '../placeholder-text/plugin-key';
 import { pluginKey as macroStateKey } from '../macro/plugin-key';
 import { ToolbarSize } from '../../ui/Toolbar/types';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
@@ -66,12 +65,10 @@ const insertBlockPlugin = ({
         // `ToolbarInsertBlockWithInjectionApi` and remove `WithPluginState`
         return /*#__PURE__*/React.createElement(WithPluginState, {
           plugins: {
-            macroState: macroStateKey,
-            placeholderTextState: placeholderTextStateKey
+            macroState: macroStateKey
           },
           render: ({
-            macroState = {},
-            placeholderTextState
+            macroState = {}
           }) => {
             return /*#__PURE__*/React.createElement(ToolbarInsertBlockWithInjectionApi, {
               pluginInjectionApi: api,
@@ -88,7 +85,6 @@ const insertBlockPlugin = ({
               isLastItem: isLastItem,
               featureFlags: featureFlags,
               macroState: macroState,
-              placeholderTextState: placeholderTextState,
               providers: providers,
               options: options
             });
@@ -118,7 +114,6 @@ function ToolbarInsertBlockWithInjectionApi({
   pluginInjectionApi,
   options,
   macroState,
-  placeholderTextState,
   featureFlags
 }) {
   var _ref, _ref2, _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b;
@@ -131,8 +126,9 @@ function ToolbarInsertBlockWithInjectionApi({
     emojiState,
     blockTypeState,
     mediaState,
-    typeAheadState
-  } = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead']);
+    typeAheadState,
+    placeholderTextState
+  } = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']);
   return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,

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

@@ -9,7 +9,6 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
-import { showPlaceholderFloatingToolbar } from '../../../placeholder-text/actions';
 import { insertTaskDecisionCommand } from '../../../tasks-and-decisions/commands';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from './messages';
@@ -197,10 +196,12 @@ export class ToolbarInsertBlock extends React.PureComponent {
       return true;
     });
     _defineProperty(this, "createPlaceholderText", () => {
+      var _pluginInjectionApi$p;
       const {
-        editorView
+        editorView,
+        pluginInjectionApi
       } = this.props;
-      showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$p = pluginInjectionApi.placeholderText) === null || _pluginInjectionApi$p === void 0 ? void 0 : _pluginInjectionApi$p.actions.showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
       return true;
     });
     _defineProperty(this, "insertLayoutColumns", inputMethod => {

package/dist/es2019/presets/universal.js

@@ -1,4 +1,4 @@
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, panelPlugin, placeholderTextPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, panelPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
@@ -24,6 +24,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { saveOnEnterPlugin } from '@atlaskit/editor-plugin-save-on-enter';
 import { scrollIntoViewPlugin } from '@atlaskit/editor-plugin-scroll-into-view';
 import { mentionsPlugin } from '@atlaskit/editor-plugin-mentions';
+import { placeholderTextPlugin } from '@atlaskit/editor-plugin-placeholder-text';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { createDefaultPreset } from './default';

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

@@ -12,7 +12,7 @@ import { codeBlockStyles } from '../../plugins/code-block/styles';
 import { mediaStyles } from './media';
 import { layoutStyles } from './layout';
 import { panelStyles } from '../../plugins/panel/styles';
-import { placeholderTextStyles } from '../../plugins/placeholder-text/styles';
+import { placeholderTextStyles } from '@atlaskit/editor-plugin-placeholder-text/styles';
 import { extensionStyles } from '../../plugins/extension/ui/styles';
 import { expandStyles } from '../../plugins/expand/ui/styles';
 import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "189.1.12";
+export const version = "189.1.13";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/plugins/index.js

@@ -9,7 +9,6 @@ export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
-export { placeholderTextPlugin } from './placeholder-text';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';
 export { default as alignmentPlugin } from './alignment';

package/dist/esm/plugins/insert-block/index.js

@@ -5,7 +5,6 @@ import WithPluginState from '../../ui/WithPluginState';
 import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
 import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-type/consts';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { pluginKey as placeholderTextStateKey } from '../placeholder-text/plugin-key';
 import { pluginKey as macroStateKey } from '../macro/plugin-key';
 import { ToolbarSize } from '../../ui/Toolbar/types';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
@@ -67,13 +66,11 @@ var insertBlockPlugin = function insertBlockPlugin(_ref) {
         // `ToolbarInsertBlockWithInjectionApi` and remove `WithPluginState`
         return /*#__PURE__*/React.createElement(WithPluginState, {
           plugins: {
-            macroState: macroStateKey,
-            placeholderTextState: placeholderTextStateKey
+            macroState: macroStateKey
           },
           render: function render(_ref3) {
             var _ref3$macroState = _ref3.macroState,
-              macroState = _ref3$macroState === void 0 ? {} : _ref3$macroState,
-              placeholderTextState = _ref3.placeholderTextState;
+              macroState = _ref3$macroState === void 0 ? {} : _ref3$macroState;
             return /*#__PURE__*/React.createElement(ToolbarInsertBlockWithInjectionApi, {
               pluginInjectionApi: api,
               editorView: editorView,
@@ -89,7 +86,6 @@ var insertBlockPlugin = function insertBlockPlugin(_ref) {
               isLastItem: isLastItem,
               featureFlags: featureFlags,
               macroState: macroState,
-              placeholderTextState: placeholderTextState,
               providers: providers,
               options: options
             });
@@ -120,10 +116,9 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     pluginInjectionApi = _ref4.pluginInjectionApi,
     options = _ref4.options,
     macroState = _ref4.macroState,
-    placeholderTextState = _ref4.placeholderTextState,
     featureFlags = _ref4.featureFlags;
   var buttons = toolbarSizeToButtons(toolbarSize);
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead']),
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']),
     dateState = _useSharedPluginState.dateState,
     hyperlinkState = _useSharedPluginState.hyperlinkState,
     imageUploadState = _useSharedPluginState.imageUploadState,
@@ -131,7 +126,8 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     emojiState = _useSharedPluginState.emojiState,
     blockTypeState = _useSharedPluginState.blockTypeState,
     mediaState = _useSharedPluginState.mediaState,
-    typeAheadState = _useSharedPluginState.typeAheadState;
+    typeAheadState = _useSharedPluginState.typeAheadState,
+    placeholderTextState = _useSharedPluginState.placeholderTextState;
   return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,

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

@@ -20,7 +20,6 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
-import { showPlaceholderFloatingToolbar } from '../../../placeholder-text/actions';
 import { insertTaskDecisionCommand } from '../../../tasks-and-decisions/commands';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from './messages';
@@ -203,29 +202,32 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return true;
     });
     _defineProperty(_assertThisInitialized(_this), "createPlaceholderText", function () {
-      var editorView = _this.props.editorView;
-      showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
+      var _pluginInjectionApi$p;
+      var _this$props3 = _this.props,
+        editorView = _this$props3.editorView,
+        pluginInjectionApi = _this$props3.pluginInjectionApi;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$p = pluginInjectionApi.placeholderText) === null || _pluginInjectionApi$p === void 0 || _pluginInjectionApi$p.actions.showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
       return true;
     });
     _defineProperty(_assertThisInitialized(_this), "insertLayoutColumns", function (inputMethod) {
       var _pluginInjectionApi$l;
-      var _this$props3 = _this.props,
-        editorView = _this$props3.editorView,
-        pluginInjectionApi = _this$props3.pluginInjectionApi;
+      var _this$props4 = _this.props,
+        editorView = _this$props4.editorView,
+        pluginInjectionApi = _this$props4.pluginInjectionApi;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$l = pluginInjectionApi.layout) === null || _pluginInjectionApi$l === void 0 || _pluginInjectionApi$l.actions.insertLayoutColumns(inputMethod)(editorView.state, editorView.dispatch);
       return true;
     });
     _defineProperty(_assertThisInitialized(_this), "createStatus", function (inputMethod) {
       var _pluginInjectionApi$s, _pluginInjectionApi$s2;
-      var _this$props4 = _this.props,
-        pluginInjectionApi = _this$props4.pluginInjectionApi,
-        editorView = _this$props4.editorView;
+      var _this$props5 = _this.props,
+        pluginInjectionApi = _this$props5.pluginInjectionApi,
+        editorView = _this$props5.editorView;
       return (_pluginInjectionApi$s = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s2 = pluginInjectionApi.status) === null || _pluginInjectionApi$s2 === void 0 || (_pluginInjectionApi$s2 = _pluginInjectionApi$s2.actions) === null || _pluginInjectionApi$s2 === void 0 ? void 0 : _pluginInjectionApi$s2.updateStatus(inputMethod)(editorView.state, editorView.dispatch)) !== null && _pluginInjectionApi$s !== void 0 ? _pluginInjectionApi$s : false;
     });
     _defineProperty(_assertThisInitialized(_this), "openMediaPicker", function (inputMethod) {
-      var _this$props5 = _this.props,
-        onShowMediaPicker = _this$props5.onShowMediaPicker,
-        dispatchAnalyticsEvent = _this$props5.dispatchAnalyticsEvent;
+      var _this$props6 = _this.props,
+        onShowMediaPicker = _this$props6.onShowMediaPicker,
+        dispatchAnalyticsEvent = _this$props6.dispatchAnalyticsEvent;
       if (onShowMediaPicker) {
         onShowMediaPicker();
         if (dispatchAnalyticsEvent) {
@@ -255,27 +257,27 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "insertHorizontalRule", function (inputMethod) {
       var _pluginInjectionApi$r, _pluginInjectionApi$r2;
-      var _this$props6 = _this.props,
-        _this$props6$editorVi = _this$props6.editorView,
-        state = _this$props6$editorVi.state,
-        dispatch = _this$props6$editorVi.dispatch,
-        pluginInjectionApi = _this$props6.pluginInjectionApi;
-      return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
-    });
-    _defineProperty(_assertThisInitialized(_this), "insertExpand", function () {
-      var _pluginInjectionApi$e, _pluginInjectionApi$e2;
       var _this$props7 = _this.props,
         _this$props7$editorVi = _this$props7.editorView,
         state = _this$props7$editorVi.state,
         dispatch = _this$props7$editorVi.dispatch,
         pluginInjectionApi = _this$props7.pluginInjectionApi;
+      return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
+    });
+    _defineProperty(_assertThisInitialized(_this), "insertExpand", function () {
+      var _pluginInjectionApi$e, _pluginInjectionApi$e2;
+      var _this$props8 = _this.props,
+        _this$props8$editorVi = _this$props8.editorView,
+        state = _this$props8$editorVi.state,
+        dispatch = _this$props8$editorVi.dispatch,
+        pluginInjectionApi = _this$props8.pluginInjectionApi;
       return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.expand) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.actions.insertExpand(state, dispatch)) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
     });
     _defineProperty(_assertThisInitialized(_this), "insertBlockType", function (itemName) {
       return function () {
-        var _this$props8 = _this.props,
-          editorView = _this$props8.editorView,
-          onInsertBlockType = _this$props8.onInsertBlockType;
+        var _this$props9 = _this.props,
+          editorView = _this$props9.editorView,
+          onInsertBlockType = _this$props9.onInsertBlockType;
         var state = editorView.state,
           dispatch = editorView.dispatch;
         onInsertBlockType(itemName)(state, dispatch);
@@ -299,11 +301,11 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props$pluginInj;
       var item = _ref2.item,
         inputMethod = _ref2.inputMethod;
-      var _this$props9 = _this.props,
-        editorView = _this$props9.editorView,
-        editorActions = _this$props9.editorActions,
-        handleImageUpload = _this$props9.handleImageUpload,
-        expandEnabled = _this$props9.expandEnabled;
+      var _this$props10 = _this.props,
+        editorView = _this$props10.editorView,
+        editorActions = _this$props10.editorActions,
+        handleImageUpload = _this$props10.handleImageUpload,
+        expandEnabled = _this$props10.expandEnabled;
 
       // need to do this before inserting nodes so scrollIntoView works properly
       if (!editorView.hasFocus()) {
@@ -419,12 +421,12 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     key: "renderPopup",
     value: function renderPopup() {
       var emojiPickerOpen = this.state.emojiPickerOpen;
-      var _this$props10 = this.props,
-        popupsMountPoint = _this$props10.popupsMountPoint,
-        popupsBoundariesElement = _this$props10.popupsBoundariesElement,
-        popupsScrollableElement = _this$props10.popupsScrollableElement,
-        emojiProvider = _this$props10.emojiProvider,
-        replacePlusMenuWithElementBrowser = _this$props10.replacePlusMenuWithElementBrowser;
+      var _this$props11 = this.props,
+        popupsMountPoint = _this$props11.popupsMountPoint,
+        popupsBoundariesElement = _this$props11.popupsBoundariesElement,
+        popupsScrollableElement = _this$props11.popupsScrollableElement,
+        emojiProvider = _this$props11.emojiProvider,
+        replacePlusMenuWithElementBrowser = _this$props11.replacePlusMenuWithElementBrowser;
       var dropdownEmoji = this.state.dropdownItems.some(function (_ref4) {
         var name = _ref4.value.name;
         return name === 'emoji';
@@ -461,9 +463,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         buttons = _this$state.buttons,
         dropdownItems = _this$state.dropdownItems,
         emojiPickerOpen = _this$state.emojiPickerOpen;
-      var _this$props11 = this.props,
-        isDisabled = _this$props11.isDisabled,
-        isReducedSpacing = _this$props11.isReducedSpacing;
+      var _this$props12 = this.props,
+        isDisabled = _this$props12.isDisabled,
+        isReducedSpacing = _this$props12.isReducedSpacing;
       if (buttons.length === 0 && dropdownItems.length === 0) {
         return null;
       }

package/dist/esm/presets/universal.js

@@ -2,7 +2,7 @@ import _typeof from "@babel/runtime/helpers/typeof";
 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; }
 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) { _defineProperty(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; }
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, panelPlugin, placeholderTextPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, panelPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
@@ -28,6 +28,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { saveOnEnterPlugin } from '@atlaskit/editor-plugin-save-on-enter';
 import { scrollIntoViewPlugin } from '@atlaskit/editor-plugin-scroll-into-view';
 import { mentionsPlugin } from '@atlaskit/editor-plugin-mentions';
+import { placeholderTextPlugin } from '@atlaskit/editor-plugin-placeholder-text';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { createDefaultPreset } from './default';

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

@@ -14,7 +14,7 @@ import { codeBlockStyles } from '../../plugins/code-block/styles';
 import { mediaStyles } from './media';
 import { layoutStyles } from './layout';
 import { panelStyles } from '../../plugins/panel/styles';
-import { placeholderTextStyles } from '../../plugins/placeholder-text/styles';
+import { placeholderTextStyles } from '@atlaskit/editor-plugin-placeholder-text/styles';
 import { extensionStyles } from '../../plugins/extension/ui/styles';
 import { expandStyles } from '../../plugins/expand/ui/styles';
 import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';