@atlaskit/editor-core 189.1.12 → 189.1.15

package/dist/es2019/plugins/panel/toolbar.js

@@ -1,21 +1,20 @@
-import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
+import { PanelType } from '@atlaskit/adf-schema';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
+import commonMessages from '@atlaskit/editor-common/messages';
+import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
+import { DEFAULT_BORDER_COLOR, panelBackgroundPalette } from '@atlaskit/editor-common/ui-color';
+import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import ErrorIcon from '@atlaskit/icon/glyph/editor/error';
 import InfoIcon from '@atlaskit/icon/glyph/editor/info';
 import NoteIcon from '@atlaskit/icon/glyph/editor/note';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import WarningIcon from '@atlaskit/icon/glyph/editor/warning';
-import ErrorIcon from '@atlaskit/icon/glyph/editor/error';
 import RemoveEmojiIcon from '@atlaskit/icon/glyph/editor/remove-emoji';
-import commonMessages from '../../messages';
-import { removePanel, changePanelType } from './actions';
-import { panelBackgroundPalette } from '@atlaskit/editor-common/ui-color';
-import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
-import { findPanel } from './utils';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
-import { PanelType } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
+import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
+import WarningIcon from '@atlaskit/icon/glyph/editor/warning';
+import { changePanelType, removePanel } from './actions';
 import { messages } from './message';
+import { findPanel } from './utils';
 export const panelIconMap = {
   [PanelType.INFO]: {
     shortName: ':info:',

package/dist/es2019/plugins/panel/utils.js

@@ -1,7 +1,7 @@
-import { findSelectedNodeOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { PanelType } from '@atlaskit/adf-schema';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 export const findPanel = (state, selection) => {
   const {
     panel

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

@@ -11,8 +11,8 @@ import { textHighlightStyle } from '@atlaskit/editor-plugin-paste-options-toolba
 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 { panelStyles } from './panel';
+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.15";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/i18n/cs.js

@@ -65,7 +65,6 @@ export default {
   'fabric.editor.single': 'Jeden sloupec',
   'fabric.editor.success': 'Úspěch',
   'fabric.editor.taskPlaceholder': 'Napište svou akci a použitím „@“ ji někomu přidělte.',
-  'fabric.editor.textColor': 'Barva textu',
   'fabric.editor.threeColumns': 'Tři sloupce',
   'fabric.editor.threeColumnsWithSidebars': 'Tři sloupce s postranními panely',
   'fabric.editor.twoColumns': 'Dva sloupce',

package/dist/esm/i18n/da.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Enkelt kolonne',
   'fabric.editor.success': 'Succes',
   'fabric.editor.taskPlaceholder': 'Indtast din handling, og brug "@" for at tildele til nogen.',
-  'fabric.editor.textColor': 'Tekstfarve',
   'fabric.editor.threeColumns': 'Tre kolonner',
   'fabric.editor.threeColumnsWithSidebars': 'Tre kolonner med sidebjælker',
   'fabric.editor.twoColumns': 'To kolonner',

package/dist/esm/i18n/de.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Einzelne Spalte',
   'fabric.editor.success': 'Erfolgreich',
   'fabric.editor.taskPlaceholder': 'Geben Sie Ihre Aktion ein und weisen Sie sie mithilfe von „@” jemandem zu.',
-  'fabric.editor.textColor': 'Textfarbe',
   'fabric.editor.threeColumns': 'Drei Spalten',
   'fabric.editor.threeColumnsWithSidebars': 'Drei Spalten mit Seitenleisten',
   'fabric.editor.twoColumns': 'Zwei Spalten',

package/dist/esm/i18n/en.js

@@ -66,7 +66,6 @@ export default {
   'fabric.editor.single': 'Single column',
   'fabric.editor.success': 'Success',
   'fabric.editor.taskPlaceholder': "Type your action, use '@' to assign to someone.",
-  'fabric.editor.textColor': 'Text color',
   'fabric.editor.threeColumns': 'Three columns',
   'fabric.editor.threeColumnsWithSidebars': 'Three columns with sidebars',
   'fabric.editor.twoColumns': 'Two columns',

package/dist/esm/i18n/en_GB.js

@@ -66,7 +66,6 @@ export default {
   'fabric.editor.single': 'Single column',
   'fabric.editor.success': 'Success',
   'fabric.editor.taskPlaceholder': "Type your action, use '@' to assign to someone.",
-  'fabric.editor.textColor': 'Text colour',
   'fabric.editor.threeColumns': 'Three columns',
   'fabric.editor.threeColumnsWithSidebars': 'Three columns with sidebars',
   'fabric.editor.twoColumns': 'Two columns',

package/dist/esm/i18n/en_ZZ.js

@@ -66,7 +66,6 @@ export default {
   'fabric.editor.single': '⁣⁢Single column⁡‍⁠‌؜⁡‍‌‍⁣⁤',
   'fabric.editor.success': '⁣⁢Success؜⁠؜‍‍‌⁡؜‌‍⁠؜⁣⁤',
   'fabric.editor.taskPlaceholder': "⁣⁢Type your action, use '@' to assign to someone.‌⁠⁠⁠⁠⁠‍‍⁡⁡‌⁣⁤",
-  'fabric.editor.textColor': '⁣⁢Text color‌؜؜⁡⁡‌⁡‌؜‍‌⁣⁤',
   'fabric.editor.threeColumns': '⁣⁢Three columns؜‍‌‍‌‌‌‌⁠؜⁣⁤',
   'fabric.editor.threeColumnsWithSidebars': '⁣⁢Three columns with sidebars؜‌⁠⁠‍⁡؜‍؜؜⁣⁤',
   'fabric.editor.twoColumns': '⁣⁢Two columns⁡‌‍؜‌‍؜‍‍‍⁡⁣⁤',

package/dist/esm/i18n/es.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Una sola columna',
   'fabric.editor.success': 'Correcto',
   'fabric.editor.taskPlaceholder': 'Escribe la acción y usa "@" para asignársela a alguien.',
-  'fabric.editor.textColor': 'Color del texto',
   'fabric.editor.threeColumns': 'Tres columnas',
   'fabric.editor.threeColumnsWithSidebars': 'Tres columnas con barras laterales',
   'fabric.editor.twoColumns': 'Dos columnas',

package/dist/esm/i18n/fi.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Yksittäinen sarake',
   'fabric.editor.success': 'Onnistunut',
   'fabric.editor.taskPlaceholder': "Kirjoita toimintasi, käytä '@'-merkkiä määrätäksesi sen jollekin henkilölle.",
-  'fabric.editor.textColor': 'Tekstin väri',
   'fabric.editor.threeColumns': 'Kolme saraketta',
   'fabric.editor.threeColumnsWithSidebars': 'Kolme saraketta sivupalkkien kanssa',
   'fabric.editor.twoColumns': 'Kaksi saraketta',

package/dist/esm/i18n/fr.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Colonne unique',
   'fabric.editor.success': 'Opération réussie',
   'fabric.editor.taskPlaceholder': "Saisissez votre action, utilisez « @ » pour l'assigner à quelqu'un.",
-  'fabric.editor.textColor': 'Couleur du texte',
   'fabric.editor.threeColumns': 'Trois colonnes',
   'fabric.editor.threeColumnsWithSidebars': 'Trois colonnes avec barres latérales',
   'fabric.editor.twoColumns': 'Deux colonnes',

package/dist/esm/i18n/hu.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Egy oszlop',
   'fabric.editor.success': 'Sikerült',
   'fabric.editor.taskPlaceholder': 'Írja be a műveletet. Az „@” jellel hozzárendelheti valakihez.',
-  'fabric.editor.textColor': 'Szövegszín',
   'fabric.editor.threeColumns': 'Három oszlop',
   'fabric.editor.threeColumnsWithSidebars': 'Három oszlop oldalsávval',
   'fabric.editor.twoColumns': 'Két oszlop',

package/dist/esm/i18n/it.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Colonna singola',
   'fabric.editor.success': 'Operazione riuscita',
   'fabric.editor.taskPlaceholder': 'Digita la tua azione e usa “@” per assegnarla a qualcuno.',
-  'fabric.editor.textColor': 'Colore del testo',
   'fabric.editor.threeColumns': 'Tre colonne',
   'fabric.editor.threeColumnsWithSidebars': 'Tre colonne con barre laterali',
   'fabric.editor.twoColumns': 'Due colonne',

package/dist/esm/i18n/ja.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': '単一列',
   'fabric.editor.success': '成功',
   'fabric.editor.taskPlaceholder': 'アクションを入力し、「@」を使用して担当者を割り当てます。',
-  'fabric.editor.textColor': 'テキストの色',
   'fabric.editor.threeColumns': '3 列',
   'fabric.editor.threeColumnsWithSidebars': 'サイドバーを使用した 3 列レイアウト',
   'fabric.editor.twoColumns': '2 列',

package/dist/esm/i18n/ko.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': '단일 열',
   'fabric.editor.success': '성공',
   'fabric.editor.taskPlaceholder': "작업을 입력하고 '@'를 사용하여 할당합니다.",
-  'fabric.editor.textColor': '텍스트 색상',
   'fabric.editor.threeColumns': '세 개 열',
   'fabric.editor.threeColumnsWithSidebars': '사이드바가 있는 세 개 열',
   'fabric.editor.twoColumns': '두 개 열',

package/dist/esm/i18n/nb.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Enkeltkolonne',
   'fabric.editor.success': 'Vellykket',
   'fabric.editor.taskPlaceholder': 'Skriv inn handlingen. Bruk @ for å tilordne den til noen.',
-  'fabric.editor.textColor': 'Tekstfarge',
   'fabric.editor.threeColumns': 'Tre kolonner',
   'fabric.editor.threeColumnsWithSidebars': 'Tre kolonner med sidelinjer',
   'fabric.editor.twoColumns': 'To kolonner',

package/dist/esm/i18n/nl.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Eén kolom',
   'fabric.editor.success': 'Gelukt',
   'fabric.editor.taskPlaceholder': "Geef je actie in en gebruik een '@' om de actie aan iemand toe te wijzen.",
-  'fabric.editor.textColor': 'Tekstkleur',
   'fabric.editor.threeColumns': 'Drie kolommen',
   'fabric.editor.threeColumnsWithSidebars': 'Drie kolommen met zijbalken',
   'fabric.editor.twoColumns': 'Twee kolommen',

package/dist/esm/i18n/pl.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Pojedyncza kolumna',
   'fabric.editor.success': 'Sukces',
   'fabric.editor.taskPlaceholder': 'Wprowadź swoją akcję, użyj „@”, aby przypisać ją do użytkownika.',
-  'fabric.editor.textColor': 'Kolor tekstu',
   'fabric.editor.threeColumns': 'Trzy kolumny',
   'fabric.editor.threeColumnsWithSidebars': 'Trzy kolumny z paskami bocznymi',
   'fabric.editor.twoColumns': 'Dwie kolumny',

package/dist/esm/i18n/pt_BR.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Coluna única',
   'fabric.editor.success': 'Sucesso',
   'fabric.editor.taskPlaceholder': 'Digite sua ação e use "@" para atribuí-la a alguém.',
-  'fabric.editor.textColor': 'Cor do texto',
   'fabric.editor.threeColumns': 'Três colunas',
   'fabric.editor.threeColumnsWithSidebars': 'Três colunas com barras laterais',
   'fabric.editor.twoColumns': 'Duas colunas',

package/dist/esm/i18n/ru.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Один столбец',
   'fabric.editor.success': 'Готово',
   'fabric.editor.taskPlaceholder': 'Укажите задание и назначьте исполнителя с помощью значка «@».',
-  'fabric.editor.textColor': 'Цвет текста',
   'fabric.editor.threeColumns': 'Три столбца',
   'fabric.editor.threeColumnsWithSidebars': 'Три столбца с боковыми панелями',
   'fabric.editor.twoColumns': 'Два столбца',

package/dist/esm/i18n/sv.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Enkel kolumn',
   'fabric.editor.success': 'Klart!',
   'fabric.editor.taskPlaceholder': 'Skriv din åtgärd och använd @ för att tilldela någon.',
-  'fabric.editor.textColor': 'Textfärg',
   'fabric.editor.threeColumns': 'Tre kolumner',
   'fabric.editor.threeColumnsWithSidebars': 'Tre kolumner med sidopaneler',
   'fabric.editor.twoColumns': 'Två kolumner',

package/dist/esm/i18n/th.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'คอลัมน์เดียว',
   'fabric.editor.success': 'สำเร็จ',
   'fabric.editor.taskPlaceholder': "พิมพ์ข้อความของคุณ ใช้ '@' เพื่อมอบหมายให้ผู้ใช้ที่คุณเลือก",
-  'fabric.editor.textColor': 'สีข้อความ',
   'fabric.editor.threeColumns': 'สามคอลัมน์',
   'fabric.editor.threeColumnsWithSidebars': 'สามคอลัมน์พร้อมแถบด้านข้าง',
   'fabric.editor.twoColumns': 'สองคอลัมน์',

package/dist/esm/i18n/tr.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Tek sütun',
   'fabric.editor.success': 'Başarılı',
   'fabric.editor.taskPlaceholder': "Yapılacak eylemi yazın, birine atamak için '@' kullanın.",
-  'fabric.editor.textColor': 'Metin rengi',
   'fabric.editor.threeColumns': 'Üç sütun',
   'fabric.editor.threeColumnsWithSidebars': 'Kenar çubuklu üç sütun',
   'fabric.editor.twoColumns': 'İki sütun',

package/dist/esm/i18n/uk.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Один стовпець',
   'fabric.editor.success': 'Готово',
   'fabric.editor.taskPlaceholder': 'Вкажіть задачу. Призначте її комусь за допомогою символу «@».',
-  'fabric.editor.textColor': 'Колір тексту',
   'fabric.editor.threeColumns': 'Три стовпці',
   'fabric.editor.threeColumnsWithSidebars': 'Три стовпці з бічними панелями',
   'fabric.editor.twoColumns': 'Два стовпці',

package/dist/esm/i18n/vi.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': 'Cột đơn',
   'fabric.editor.success': 'Thành công',
   'fabric.editor.taskPlaceholder': "Nhập thao tác của bạn, sử dụng '@' để chỉ định cho người nào đó.",
-  'fabric.editor.textColor': 'Màu văn bản',
   'fabric.editor.threeColumns': 'Ba cột',
   'fabric.editor.threeColumnsWithSidebars': 'Ba cột có các thanh bên',
   'fabric.editor.twoColumns': 'Hai cột',

package/dist/esm/i18n/zh.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': '单列',
   'fabric.editor.success': '成功',
   'fabric.editor.taskPlaceholder': '输入您的操作，使用“@”进行分配。',
-  'fabric.editor.textColor': '文本颜色',
   'fabric.editor.threeColumns': '三栏',
   'fabric.editor.threeColumnsWithSidebars': '具有侧边栏的三列',
   'fabric.editor.twoColumns': '两栏',

package/dist/esm/i18n/zh_TW.js

@@ -64,7 +64,6 @@ export default {
   'fabric.editor.single': '單欄',
   'fabric.editor.success': '成功',
   'fabric.editor.taskPlaceholder': '輸入動作，使用「@」以指派給他人。',
-  'fabric.editor.textColor': '文字顏色',
   'fabric.editor.threeColumns': '三欄',
   'fabric.editor.threeColumnsWithSidebars': '三個包含資訊看板的直欄',
   'fabric.editor.twoColumns': '兩欄',

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/plugins/panel/actions.js

@@ -1,14 +1,14 @@
 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 { removeParentNodeOfType, findSelectedNodeOfType, removeSelectedNode, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { PanelType } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { findPanel } from './utils';
-import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
+import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
 import { wrapSelectionIn } from '@atlaskit/editor-common/utils';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNodeOfType, findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
+import { findPanel } from './utils';
 export var removePanel = function removePanel(editorAnalyticsAPI) {
   return function (state, dispatch) {
     var nodes = state.schema.nodes,

package/dist/esm/plugins/panel/index.js

@@ -1,15 +1,15 @@
 import React from 'react';
 import { panel, PanelType } from '@atlaskit/adf-schema';
-import { createPlugin } from './pm-plugins/main';
-import { getToolbarConfig } from './toolbar';
-import keymap from './pm-plugins/keymaps';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { IconPanel, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanelError } from '@atlaskit/editor-common/quick-insert';
-import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/quick-insert';
 import { IconCustomPanel } from '@atlaskit/editor-common/quick-insert';
+import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { T50 } from '@atlaskit/theme/colors';
 import { insertPanelWithAnalytics } from './actions';
+import keymap from './pm-plugins/keymaps';
+import { createPlugin } from './pm-plugins/main';
+import { getToolbarConfig } from './toolbar';
 var panelPlugin = function panelPlugin(_ref) {
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,

package/dist/esm/plugins/panel/nodeviews/panel.js

@@ -2,14 +2,14 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import TipIcon from '@atlaskit/icon/glyph/editor/hint';
 import { PanelType } from '@atlaskit/adf-schema';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { Emoji } from '@atlaskit/editor-common/emoji';
-import { panelAttrsToDom } from '../utils';
+import { PanelErrorIcon, PanelInfoIcon, PanelNoteIcon, PanelSuccessIcon, PanelWarningIcon } from '@atlaskit/editor-common/icons';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
+import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
-import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
+import TipIcon from '@atlaskit/icon/glyph/editor/hint';
+import { panelAttrsToDom } from '../utils';
 export var panelIcons = {
   info: PanelInfoIcon,
   success: PanelSuccessIcon,

package/dist/esm/plugins/panel/pm-plugins/keymaps.js

@@ -1,6 +1,6 @@
+import { isEmptyNode } from '@atlaskit/editor-common/utils';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { setTextSelection, findParentNodeOfType, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { isEmptyNode } from '../../../utils';
+import { findParentNodeOfType, hasParentNodeOfType, setTextSelection } from '@atlaskit/editor-prosemirror/utils';
 function findParentNode(selection, nodeType) {
   var parentPosition = findParentNodeOfType(nodeType)(selection);
   if (parentPosition) {

package/dist/esm/plugins/panel/pm-plugins/main.js

@@ -1,8 +1,8 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
 import { getPanelNodeView } from '../nodeviews/panel';
 import { pluginKey } from '../types';
-import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
 export var createPlugin = function createPlugin(dispatch, providerFactory, pluginOptions) {
   var _pluginOptions$useLon = pluginOptions.useLongPressSelection,
     useLongPressSelection = _pluginOptions$useLon === void 0 ? false : _pluginOptions$useLon;