@atlaskit/editor-core 189.0.1 → 189.0.4

package/dist/esm/plugins/placeholder-text/index.js

@@ -1,239 +1 @@
-import React from 'react';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { placeholder } from '@atlaskit/adf-schema';
-import MediaServicesTextIcon from '@atlaskit/icon/glyph/media-services/text';
-import WithPluginState from '../../ui/WithPluginState';
-import { isNodeEmpty } from '@atlaskit/editor-common/utils';
-import { FakeTextCursorSelection } from '../fake-text-cursor/cursor';
-import PlaceholderFloatingToolbar from './ui/PlaceholderFloatingToolbar';
-import { hidePlaceholderFloatingToolbar, insertPlaceholderTextAtSelection } from './actions';
-import { PlaceholderTextNodeView } from './placeholder-text-nodeview';
-import { pluginKey } from './plugin-key';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
-import { isSelectionAtPlaceholder } from './selection-utils';
-var getOpenTypeAhead = function getOpenTypeAhead(trigger, api) {
-  var _api$typeAhead, _api$typeAhead2;
-  var typeAheadHandler = api === null || api === void 0 || (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 || (_api$typeAhead = _api$typeAhead.actions) === null || _api$typeAhead === void 0 ? void 0 : _api$typeAhead.findHandlerByTrigger(trigger);
-  if (!typeAheadHandler || !typeAheadHandler.id) {
-    return null;
-  }
-  return api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 ? void 0 : _api$typeAhead2.openAtTransaction({
-    triggerHandler: typeAheadHandler,
-    inputMethod: INPUT_METHOD.KEYBOARD
-  });
-};
-export function createPlugin(dispatch, options, api) {
-  var allowInserting = !!options.allowInserting;
-  return new SafePlugin({
-    key: pluginKey,
-    state: {
-      init: function init() {
-        return {
-          showInsertPanelAt: null,
-          allowInserting: allowInserting
-        };
-      },
-      apply: function apply(tr, state) {
-        var meta = tr.getMeta(pluginKey);
-        if (meta && meta.showInsertPanelAt !== undefined) {
-          var newState = {
-            showInsertPanelAt: meta.showInsertPanelAt,
-            allowInserting: allowInserting
-          };
-          dispatch(pluginKey, newState);
-          return newState;
-        } else if (state.showInsertPanelAt) {
-          var _newState = {
-            showInsertPanelAt: tr.mapping.map(state.showInsertPanelAt),
-            allowInserting: allowInserting
-          };
-          dispatch(pluginKey, _newState);
-          return _newState;
-        }
-        return state;
-      }
-    },
-    appendTransaction: function appendTransaction(transactions, oldState, newState) {
-      if (transactions.some(function (txn) {
-        return txn.docChanged;
-      })) {
-        var didPlaceholderExistBeforeTxn = oldState.selection.$head.nodeAfter === newState.selection.$head.nodeAfter;
-        var adjacentNode = newState.selection.$head.nodeAfter;
-        var adjacentNodePos = newState.selection.$head.pos;
-        var placeholderNodeType = newState.schema.nodes.placeholder;
-        if (adjacentNode && adjacentNode.type === placeholderNodeType && didPlaceholderExistBeforeTxn) {
-          var _$newHead$nodeBefore;
-          var $newHead = newState.selection.$head;
-          var $oldHead = oldState.selection.$head;
-          // Check that cursor has moved forward in the document **and** that there is content before the cursor
-          var cursorMoved = $oldHead.pos < $newHead.pos;
-          var nodeBeforeHasContent = !isNodeEmpty($newHead.nodeBefore);
-          var nodeBeforeIsInline = (_$newHead$nodeBefore = $newHead.nodeBefore) === null || _$newHead$nodeBefore === void 0 ? void 0 : _$newHead$nodeBefore.type.isInline;
-          if (cursorMoved && (nodeBeforeHasContent || nodeBeforeIsInline)) {
-            var _NodeSelection$create = NodeSelection.create(newState.doc, adjacentNodePos),
-              $from = _NodeSelection$create.$from,
-              $to = _NodeSelection$create.$to;
-            return newState.tr.deleteRange($from.pos, $to.pos);
-          }
-        }
-      }
-
-      // Handle Fake Text Cursor for Floating Toolbar
-      if (!pluginKey.getState(oldState).showInsertPanelAt && pluginKey.getState(newState).showInsertPanelAt) {
-        return newState.tr.setSelection(new FakeTextCursorSelection(newState.selection.$from));
-      }
-      if (pluginKey.getState(oldState).showInsertPanelAt && !pluginKey.getState(newState).showInsertPanelAt) {
-        if (newState.selection instanceof FakeTextCursorSelection) {
-          return newState.tr.setSelection(new TextSelection(newState.selection.$from));
-        }
-      }
-      return;
-    },
-    props: {
-      handleDOMEvents: {
-        beforeinput: function beforeinput(view, event) {
-          var state = view.state;
-          if (event instanceof InputEvent && !event.isComposing && event.inputType === 'insertText' && isSelectionAtPlaceholder(view.state.selection)) {
-            event.stopPropagation();
-            event.preventDefault();
-            var startNodePosition = state.selection.from;
-            var content = event.data || '';
-            var tr = view.state.tr;
-            tr.delete(startNodePosition, startNodePosition + 1);
-            var openTypeAhead = getOpenTypeAhead(content, api);
-            if (openTypeAhead) {
-              openTypeAhead(tr);
-            } else {
-              tr.insertText(content);
-            }
-            view.dispatch(tr);
-            return true;
-          }
-          return false;
-        }
-      },
-      nodeViews: {
-        placeholder: function placeholder(node, view, getPos) {
-          return new PlaceholderTextNodeView(node, view, getPos);
-        }
-      }
-    }
-  });
-}
-var basePlaceholderTextPlugin = function basePlaceholderTextPlugin(_ref) {
-  var api = _ref.api,
-    options = _ref.config;
-  return {
-    name: 'placeholderText',
-    nodes: function nodes() {
-      return [{
-        name: 'placeholder',
-        node: placeholder
-      }];
-    },
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'placeholderText',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch;
-          return createPlugin(dispatch, options, api);
-        }
-      }];
-    },
-    contentComponent: function contentComponent(_ref3) {
-      var editorView = _ref3.editorView,
-        popupsMountPoint = _ref3.popupsMountPoint,
-        popupsBoundariesElement = _ref3.popupsBoundariesElement;
-      var insertPlaceholderText = function insertPlaceholderText(value) {
-        return insertPlaceholderTextAtSelection(value)(editorView.state, editorView.dispatch);
-      };
-      var hidePlaceholderToolbar = function hidePlaceholderToolbar() {
-        return hidePlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
-      };
-      var getNodeFromPos = function getNodeFromPos(pos) {
-        return editorView.domAtPos(pos).node;
-      };
-      var getFixedCoordinatesFromPos = function getFixedCoordinatesFromPos(pos) {
-        return editorView.coordsAtPos(pos);
-      };
-      var setFocusInEditor = function setFocusInEditor() {
-        return editorView.focus();
-      };
-      return /*#__PURE__*/React.createElement(WithPluginState, {
-        plugins: {
-          placeholderTextState: pluginKey
-        },
-        render: function render(_ref4) {
-          var _ref4$placeholderText = _ref4.placeholderTextState,
-            placeholderTextState = _ref4$placeholderText === void 0 ? {} : _ref4$placeholderText;
-          if (placeholderTextState.showInsertPanelAt) {
-            return /*#__PURE__*/React.createElement(PlaceholderFloatingToolbar, {
-              editorViewDOM: editorView.dom,
-              popupsMountPoint: popupsMountPoint,
-              popupsBoundariesElement: popupsBoundariesElement,
-              getFixedCoordinatesFromPos: getFixedCoordinatesFromPos,
-              getNodeFromPos: getNodeFromPos,
-              hidePlaceholderFloatingToolbar: hidePlaceholderToolbar,
-              showInsertPanelAt: placeholderTextState.showInsertPanelAt,
-              insertPlaceholder: insertPlaceholderText,
-              setFocusInEditor: setFocusInEditor
-            });
-          }
-          return null;
-        }
-      });
-    }
-  };
-};
-var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, options, api) {
-  if (!options.allowInserting) {
-    return plugin;
-  }
-  plugin.pluginsOptions = {
-    quickInsert: function quickInsert(_ref5) {
-      var formatMessage = _ref5.formatMessage;
-      return [{
-        id: 'placeholderText',
-        title: formatMessage(messages.placeholderText),
-        description: formatMessage(messages.placeholderTextDescription),
-        priority: 1400,
-        keywords: ['placeholder'],
-        icon: function icon() {
-          return /*#__PURE__*/React.createElement(MediaServicesTextIcon, {
-            label: ""
-          });
-        },
-        action: function action(insert, state) {
-          var _api$analytics;
-          var tr = state.tr;
-          tr.setMeta(pluginKey, {
-            showInsertPanelAt: tr.selection.anchor
-          });
-          api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
-            action: ACTION.INSERTED,
-            actionSubject: ACTION_SUBJECT.DOCUMENT,
-            actionSubjectId: ACTION_SUBJECT_ID.PLACEHOLDER_TEXT,
-            attributes: {
-              inputMethod: INPUT_METHOD.QUICK_INSERT
-            },
-            eventType: EVENT_TYPE.TRACK
-          })(tr);
-          return tr;
-        }
-      }];
-    }
-  };
-  return plugin;
-};
-var placeholderTextPlugin = function placeholderTextPlugin(_ref6) {
-  var _ref6$config = _ref6.config,
-    options = _ref6$config === void 0 ? {} : _ref6$config,
-    api = _ref6.api;
-  return decorateWithPluginOptions(basePlaceholderTextPlugin({
-    config: options,
-    api: api
-  }), options, api);
-};
-export default placeholderTextPlugin;
+export { default as placeholderTextPlugin } from './plugin';

package/dist/esm/plugins/placeholder-text/plugin.js

@@ -0,0 +1,258 @@
+import React from 'react';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { placeholder } from '@atlaskit/adf-schema';
+import MediaServicesTextIcon from '@atlaskit/icon/glyph/media-services/text';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { isNodeEmpty } from '@atlaskit/editor-common/utils';
+import { FakeTextCursorSelection } from '../fake-text-cursor/cursor';
+import PlaceholderFloatingToolbar from './ui/PlaceholderFloatingToolbar';
+import { hidePlaceholderFloatingToolbar, insertPlaceholderTextAtSelection } from './actions';
+import { PlaceholderTextNodeView } from './placeholder-text-nodeview';
+import { pluginKey } from './plugin-key';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { isSelectionAtPlaceholder } from './selection-utils';
+var getOpenTypeAhead = function getOpenTypeAhead(trigger, api) {
+  var _api$typeAhead, _api$typeAhead2;
+  var typeAheadHandler = api === null || api === void 0 || (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 || (_api$typeAhead = _api$typeAhead.actions) === null || _api$typeAhead === void 0 ? void 0 : _api$typeAhead.findHandlerByTrigger(trigger);
+  if (!typeAheadHandler || !typeAheadHandler.id) {
+    return null;
+  }
+  return api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 ? void 0 : _api$typeAhead2.openAtTransaction({
+    triggerHandler: typeAheadHandler,
+    inputMethod: INPUT_METHOD.KEYBOARD
+  });
+};
+export function createPlugin(dispatch, options, api) {
+  var allowInserting = !!options.allowInserting;
+  return new SafePlugin({
+    key: pluginKey,
+    state: {
+      init: function init() {
+        return {
+          showInsertPanelAt: null,
+          allowInserting: allowInserting
+        };
+      },
+      apply: function apply(tr, state) {
+        var meta = tr.getMeta(pluginKey);
+        if (meta && meta.showInsertPanelAt !== undefined) {
+          var newState = {
+            showInsertPanelAt: meta.showInsertPanelAt,
+            allowInserting: allowInserting
+          };
+          dispatch(pluginKey, newState);
+          return newState;
+        } else if (state.showInsertPanelAt) {
+          var _newState = {
+            showInsertPanelAt: tr.mapping.map(state.showInsertPanelAt),
+            allowInserting: allowInserting
+          };
+          dispatch(pluginKey, _newState);
+          return _newState;
+        }
+        return state;
+      }
+    },
+    appendTransaction: function appendTransaction(transactions, oldState, newState) {
+      if (transactions.some(function (txn) {
+        return txn.docChanged;
+      })) {
+        var didPlaceholderExistBeforeTxn = oldState.selection.$head.nodeAfter === newState.selection.$head.nodeAfter;
+        var adjacentNode = newState.selection.$head.nodeAfter;
+        var adjacentNodePos = newState.selection.$head.pos;
+        var placeholderNodeType = newState.schema.nodes.placeholder;
+        if (adjacentNode && adjacentNode.type === placeholderNodeType && didPlaceholderExistBeforeTxn) {
+          var _$newHead$nodeBefore;
+          var $newHead = newState.selection.$head;
+          var $oldHead = oldState.selection.$head;
+          // Check that cursor has moved forward in the document **and** that there is content before the cursor
+          var cursorMoved = $oldHead.pos < $newHead.pos;
+          var nodeBeforeHasContent = !isNodeEmpty($newHead.nodeBefore);
+          var nodeBeforeIsInline = (_$newHead$nodeBefore = $newHead.nodeBefore) === null || _$newHead$nodeBefore === void 0 ? void 0 : _$newHead$nodeBefore.type.isInline;
+          if (cursorMoved && (nodeBeforeHasContent || nodeBeforeIsInline)) {
+            var _NodeSelection$create = NodeSelection.create(newState.doc, adjacentNodePos),
+              $from = _NodeSelection$create.$from,
+              $to = _NodeSelection$create.$to;
+            return newState.tr.deleteRange($from.pos, $to.pos);
+          }
+        }
+      }
+
+      // Handle Fake Text Cursor for Floating Toolbar
+      if (!pluginKey.getState(oldState).showInsertPanelAt && pluginKey.getState(newState).showInsertPanelAt) {
+        return newState.tr.setSelection(new FakeTextCursorSelection(newState.selection.$from));
+      }
+      if (pluginKey.getState(oldState).showInsertPanelAt && !pluginKey.getState(newState).showInsertPanelAt) {
+        if (newState.selection instanceof FakeTextCursorSelection) {
+          return newState.tr.setSelection(new TextSelection(newState.selection.$from));
+        }
+      }
+      return;
+    },
+    props: {
+      handleDOMEvents: {
+        beforeinput: function beforeinput(view, event) {
+          var state = view.state;
+          if (event instanceof InputEvent && !event.isComposing && event.inputType === 'insertText' && isSelectionAtPlaceholder(view.state.selection)) {
+            event.stopPropagation();
+            event.preventDefault();
+            var startNodePosition = state.selection.from;
+            var content = event.data || '';
+            var tr = view.state.tr;
+            tr.delete(startNodePosition, startNodePosition + 1);
+            var openTypeAhead = getOpenTypeAhead(content, api);
+            if (openTypeAhead) {
+              openTypeAhead(tr);
+            } else {
+              tr.insertText(content);
+            }
+            view.dispatch(tr);
+            return true;
+          }
+          return false;
+        }
+      },
+      nodeViews: {
+        placeholder: function placeholder(node, view, getPos) {
+          return new PlaceholderTextNodeView(node, view, getPos);
+        }
+      }
+    }
+  });
+}
+function ContentComponent(_ref) {
+  var editorView = _ref.editorView,
+    dependencyApi = _ref.dependencyApi,
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsBoundariesElement = _ref.popupsBoundariesElement;
+  var _useSharedPluginState = useSharedPluginState(dependencyApi, ['placeholderText']),
+    placeholderTextState = _useSharedPluginState.placeholderTextState;
+  var insertPlaceholderText = function insertPlaceholderText(value) {
+    return insertPlaceholderTextAtSelection(value)(editorView.state, editorView.dispatch);
+  };
+  var hidePlaceholderToolbar = function hidePlaceholderToolbar() {
+    return hidePlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
+  };
+  var getNodeFromPos = function getNodeFromPos(pos) {
+    return editorView.domAtPos(pos).node;
+  };
+  var getFixedCoordinatesFromPos = function getFixedCoordinatesFromPos(pos) {
+    return editorView.coordsAtPos(pos);
+  };
+  var setFocusInEditor = function setFocusInEditor() {
+    return editorView.focus();
+  };
+  if (placeholderTextState !== null && placeholderTextState !== void 0 && placeholderTextState.showInsertPanelAt) {
+    return /*#__PURE__*/React.createElement(PlaceholderFloatingToolbar, {
+      editorViewDOM: editorView.dom,
+      popupsMountPoint: popupsMountPoint,
+      popupsBoundariesElement: popupsBoundariesElement,
+      getFixedCoordinatesFromPos: getFixedCoordinatesFromPos,
+      getNodeFromPos: getNodeFromPos,
+      hidePlaceholderFloatingToolbar: hidePlaceholderToolbar,
+      showInsertPanelAt: placeholderTextState.showInsertPanelAt,
+      insertPlaceholder: insertPlaceholderText,
+      setFocusInEditor: setFocusInEditor
+    });
+  }
+  return null;
+}
+var basePlaceholderTextPlugin = function basePlaceholderTextPlugin(_ref2) {
+  var api = _ref2.api,
+    options = _ref2.config;
+  return {
+    name: 'placeholderText',
+    nodes: function nodes() {
+      return [{
+        name: 'placeholder',
+        node: placeholder
+      }];
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'placeholderText',
+        plugin: function plugin(_ref3) {
+          var dispatch = _ref3.dispatch;
+          return createPlugin(dispatch, options, api);
+        }
+      }];
+    },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      var _ref4 = pluginKey.getState(editorState) || {
+          showInsertPanelAt: null
+        },
+        showInsertPanelAt = _ref4.showInsertPanelAt,
+        allowInserting = _ref4.allowInserting;
+      return {
+        showInsertPanelAt: showInsertPanelAt,
+        allowInserting: !!allowInserting
+      };
+    },
+    contentComponent: function contentComponent(_ref5) {
+      var editorView = _ref5.editorView,
+        popupsMountPoint = _ref5.popupsMountPoint,
+        popupsBoundariesElement = _ref5.popupsBoundariesElement;
+      return /*#__PURE__*/React.createElement(ContentComponent, {
+        editorView: editorView,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        dependencyApi: api
+      });
+    }
+  };
+};
+var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, options, api) {
+  if (!options.allowInserting) {
+    return plugin;
+  }
+  plugin.pluginsOptions = {
+    quickInsert: function quickInsert(_ref6) {
+      var formatMessage = _ref6.formatMessage;
+      return [{
+        id: 'placeholderText',
+        title: formatMessage(messages.placeholderText),
+        description: formatMessage(messages.placeholderTextDescription),
+        priority: 1400,
+        keywords: ['placeholder'],
+        icon: function icon() {
+          return /*#__PURE__*/React.createElement(MediaServicesTextIcon, {
+            label: ""
+          });
+        },
+        action: function action(insert, state) {
+          var _api$analytics;
+          var tr = state.tr;
+          tr.setMeta(pluginKey, {
+            showInsertPanelAt: tr.selection.anchor
+          });
+          api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
+            action: ACTION.INSERTED,
+            actionSubject: ACTION_SUBJECT.DOCUMENT,
+            actionSubjectId: ACTION_SUBJECT_ID.PLACEHOLDER_TEXT,
+            attributes: {
+              inputMethod: INPUT_METHOD.QUICK_INSERT
+            },
+            eventType: EVENT_TYPE.TRACK
+          })(tr);
+          return tr;
+        }
+      }];
+    }
+  };
+  return plugin;
+};
+var placeholderTextPlugin = function placeholderTextPlugin(_ref7) {
+  var _ref7$config = _ref7.config,
+    options = _ref7$config === void 0 ? {} : _ref7$config,
+    api = _ref7.api;
+  return decorateWithPluginOptions(basePlaceholderTextPlugin({
+    config: options,
+    api: api
+  }), options, api);
+};
+export default placeholderTextPlugin;

package/dist/esm/{ui → plugins/placeholder-text/ui}/FloatingToolbar/styles.js

@@ -4,5 +4,5 @@ import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 export var container = function container(height) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", "px;\n  box-shadow: ", ";\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 8px;\n  background-color: ", ";\n  ", ";\n"])), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 12px 24px -6px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-background-input, ".concat(N0, ")"), height ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        height: ", "px;\n      "])), height) : '');
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", "px;\n  box-shadow: ", ";\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: ", " ", ";\n  background-color: ", ";\n  ", ";\n"])), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 12px 24px -6px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-background-input, ".concat(N0, ")"), height ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        height: ", "px;\n      "])), height) : '');
 };

package/dist/esm/plugins/placeholder-text/ui/PlaceholderFloatingToolbar/index.js

@@ -10,7 +10,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { PanelTextInput } from '@atlaskit/editor-common/ui';
-import FloatingToolbar, { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode } from '../../../../ui/FloatingToolbar';
+import FloatingToolbar, { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode } from '../FloatingToolbar';
 export var messages = defineMessages({
   placeholderTextPlaceholder: {
     id: 'fabric.editor.placeholderTextPlaceholder',

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "189.0.1";
+export var version = "189.0.4";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/plugins/index.d.ts

@@ -11,7 +11,7 @@ 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 { default as placeholderTextPlugin } from './placeholder-text';
+export { placeholderTextPlugin } from './placeholder-text';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as textColorPlugin } from './text-color';
 export { default as breakoutPlugin } from './breakout';

package/dist/types/plugins/placeholder-text/index.d.ts

@@ -1,16 +1,2 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { ExtractInjectionAPI, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { Dispatch } from '../../event-dispatcher';
-import type { PlaceholderTextOptions, PluginState } from './types';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
-export declare function createPlugin(dispatch: Dispatch<PluginState>, options: PlaceholderTextOptions, api: ExtractInjectionAPI<PlaceholderTextPlugin> | undefined): SafePlugin | undefined;
-type PlaceholderTextPlugin = NextEditorPlugin<'placeholderText', {
-    dependencies: [OptionalPlugin<typeof analyticsPlugin>, TypeAheadPlugin];
-    pluginConfiguration: PlaceholderTextOptions;
-}>;
-declare const placeholderTextPlugin: NextEditorPlugin<'placeholderText', {
-    dependencies: [OptionalPlugin<typeof analyticsPlugin>, TypeAheadPlugin];
-    pluginConfiguration: PlaceholderTextOptions;
-}>;
-export default placeholderTextPlugin;
+export { default as placeholderTextPlugin } from './plugin';
+export type { PlaceholderTextPlugin, PlaceholderTextPluginState, PlaceholderTextOptions, } from './types';

package/dist/types/plugins/placeholder-text/placeholder-text-nodeview.d.ts

@@ -1,6 +1,6 @@
 import type { NodeView, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { getPosHandler } from '../../nodeviews';
+import type { getPosHandler } from '@atlaskit/editor-common/react-node-view';
 type PmMutationRecord = MutationRecord | {
     type: 'selection';
     target: Element;

package/dist/types/plugins/placeholder-text/plugin-key.d.ts

@@ -1,3 +1,3 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { PluginState } from './types';
-export declare const pluginKey: PluginKey<PluginState>;
+import type { PlaceholderTextPluginState } from './types';
+export declare const pluginKey: PluginKey<PlaceholderTextPluginState>;

package/dist/types/plugins/placeholder-text/plugin.d.ts

@@ -0,0 +1,7 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import type { PlaceholderTextOptions, PlaceholderTextPlugin, PlaceholderTextPluginState } from './types';
+export declare function createPlugin(dispatch: Dispatch<PlaceholderTextPluginState>, options: PlaceholderTextOptions, api: ExtractInjectionAPI<PlaceholderTextPlugin> | undefined): SafePlugin | undefined;
+declare const placeholderTextPlugin: PlaceholderTextPlugin;
+export default placeholderTextPlugin;

package/dist/types/plugins/placeholder-text/types.d.ts

@@ -1,7 +1,15 @@
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 export interface PlaceholderTextOptions {
     allowInserting?: boolean;
 }
-export interface PluginState {
+export interface PlaceholderTextPluginState {
     showInsertPanelAt: number | null;
     allowInserting: boolean;
 }
+export type PlaceholderTextPlugin = NextEditorPlugin<'placeholderText', {
+    dependencies: [OptionalPlugin<typeof analyticsPlugin>, TypeAheadPlugin];
+    pluginConfiguration: PlaceholderTextOptions;
+    sharedState: PlaceholderTextPluginState | undefined;
+}>;

package/dist/types/plugins/placeholder-text/ui/PlaceholderFloatingToolbar/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { Coordinates } from '../../../../ui/FloatingToolbar';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { Coordinates } from '../FloatingToolbar';
 export declare const messages: {
     placeholderTextPlaceholder: {
         id: string;

package/dist/types/ui/ConfigPanel/ConfigPanel.d.ts

@@ -18,5 +18,5 @@ type Props = {
     isLoading?: boolean;
     featureFlags?: FeatureFlags;
 } & WithAnalyticsEventsProps;
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "autoSaveReject" | "onChange" | "isLoading" | "fields" | "parameters" | "onCancel" | "featureFlags" | "autoSave" | "analyticsContext" | "errorMessage" | "extensionManifest" | "autoSaveTrigger" | "showHeader" | "closeOnEsc"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "autoSaveReject" | "onChange" | "isLoading" | "fields" | "parameters" | "featureFlags" | "onCancel" | "autoSave" | "analyticsContext" | "errorMessage" | "extensionManifest" | "autoSaveTrigger" | "showHeader" | "closeOnEsc"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/plugins/index.d.ts

@@ -11,7 +11,7 @@ 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 { default as placeholderTextPlugin } from './placeholder-text';
+export { placeholderTextPlugin } from './placeholder-text';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as textColorPlugin } from './text-color';
 export { default as breakoutPlugin } from './breakout';

package/dist/types-ts4.5/plugins/placeholder-text/index.d.ts

@@ -1,22 +1,2 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { ExtractInjectionAPI, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { Dispatch } from '../../event-dispatcher';
-import type { PlaceholderTextOptions, PluginState } from './types';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
-export declare function createPlugin(dispatch: Dispatch<PluginState>, options: PlaceholderTextOptions, api: ExtractInjectionAPI<PlaceholderTextPlugin> | undefined): SafePlugin | undefined;
-type PlaceholderTextPlugin = NextEditorPlugin<'placeholderText', {
-    dependencies: [
-        OptionalPlugin<typeof analyticsPlugin>,
-        TypeAheadPlugin
-    ];
-    pluginConfiguration: PlaceholderTextOptions;
-}>;
-declare const placeholderTextPlugin: NextEditorPlugin<'placeholderText', {
-    dependencies: [
-        OptionalPlugin<typeof analyticsPlugin>,
-        TypeAheadPlugin
-    ];
-    pluginConfiguration: PlaceholderTextOptions;
-}>;
-export default placeholderTextPlugin;
+export { default as placeholderTextPlugin } from './plugin';
+export type { PlaceholderTextPlugin, PlaceholderTextPluginState, PlaceholderTextOptions, } from './types';

package/dist/types-ts4.5/plugins/placeholder-text/placeholder-text-nodeview.d.ts

@@ -1,6 +1,6 @@
 import type { NodeView, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { getPosHandler } from '../../nodeviews';
+import type { getPosHandler } from '@atlaskit/editor-common/react-node-view';
 type PmMutationRecord = MutationRecord | {
     type: 'selection';
     target: Element;