@atlaskit/editor-core 187.34.2 → 187.35.1

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

@@ -9,10 +9,8 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } f
 import { IconCode } from '@atlaskit/editor-common/quick-insert';
 import { messages } from '../block-type/messages';
 import refreshBrowserSelectionOnChange from './refresh-browser-selection';
-// Theres an existing interelationship between these files, where the imported function is being called for code-block
-// Insertions via the drop down menu
-// tslint-ignore-next-line
-import { createInsertCodeBlockTransaction } from '../block-type/commands/block-type';
+import { createInsertCodeBlockTransaction, insertCodeBlockWithAnalytics } from './actions';
+import { createCodeBlockInputRule } from './pm-plugins/input-rule';
 const codeBlockPlugin = ({
   config: options,
   api
@@ -37,6 +35,14 @@ const codeBlockPlugin = ({
           appearance: (_options$appearance = options === null || options === void 0 ? void 0 : options.appearance) !== null && _options$appearance !== void 0 ? _options$appearance : 'comment'
         });
       }
+    }, {
+      name: 'codeBlockInputRule',
+      plugin: ({
+        schema
+      }) => {
+        var _api$analytics;
+        return createCodeBlockInputRule(schema, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+      }
     }, {
       name: 'codeBlockIDEKeyBindings',
       plugin: () => ideUX(api)
@@ -55,6 +61,15 @@ const codeBlockPlugin = ({
   onEditorViewStateUpdated(props) {
     refreshBrowserSelectionOnChange(props.originalTransaction, props.newEditorState);
   },
+  actions: {
+    /*
+     * Function will insert code block at current selection if block is empty or below current selection and set focus on it.
+     */
+    insertCodeBlock: inputMethod => {
+      var _api$analytics2;
+      return insertCodeBlockWithAnalytics(inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
+    }
+  },
   pluginsOptions: {
     quickInsert: ({
       formatMessage
@@ -66,12 +81,12 @@ const codeBlockPlugin = ({
       priority: 700,
       keyshortcut: '```',
       icon: () => /*#__PURE__*/React.createElement(IconCode, null),
-      action(insert, state) {
-        var _api$analytics;
+      action(_insert, state) {
+        var _api$analytics3;
         const tr = createInsertCodeBlockTransaction({
           state
         });
-        api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
+        api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.attachAnalyticsEvent({
           action: ACTION.INSERTED,
           actionSubject: ACTION_SUBJECT.DOCUMENT,
           actionSubjectId: ACTION_SUBJECT_ID.CODE_BLOCK,

package/dist/es2019/plugins/code-block/pm-plugins/input-rule.js

@@ -0,0 +1,60 @@
+import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
+import { createRule, createPlugin, leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
+import { INPUT_METHOD, ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { inputRuleWithAnalytics } from '@atlaskit/editor-common/utils';
+import { isConvertableToCodeBlock, transformToCodeBlockAction } from '../transform-to-code-block';
+import { insertBlock } from '@atlaskit/editor-common/commands';
+export function createCodeBlockInputRule(schema, editorAnalyticsAPI) {
+  const rules = getCodeBlockRules(editorAnalyticsAPI, schema);
+  return createPlugin('code-block-input-rule', rules, {
+    isBlockNodeRule: true
+  });
+}
+
+/**
+ * Get all code block input rules
+ *
+ * @param {Schema} schema
+ * @returns {InputRuleWithHandler[]}
+ */
+function getCodeBlockRules(editorAnalyticsAPI, schema) {
+  const ruleAnalytics = inputRuleWithAnalytics({
+    action: ACTION.INSERTED,
+    actionSubject: ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: ACTION_SUBJECT_ID.CODE_BLOCK,
+    attributes: {
+      inputMethod: INPUT_METHOD.FORMATTING
+    },
+    eventType: EVENT_TYPE.TRACK
+  }, editorAnalyticsAPI);
+  const validMatchLength = match => match.length > 0 && match[0].length === 3;
+  const threeTildeRule = createRule(/(?!\s)(`{3,})$/, (state, match, start, end) => {
+    if (!validMatchLength(match)) {
+      return null;
+    }
+    const attributes = {};
+    if (match[4]) {
+      attributes.language = match[4];
+    }
+    if (isConvertableToCodeBlock(state)) {
+      return transformToCodeBlockAction(state, start, attributes);
+    }
+    const tr = state.tr;
+    tr.delete(start, end);
+    const codeBlock = tr.doc.type.schema.nodes.codeBlock.createChecked();
+    safeInsert(codeBlock)(tr);
+    return tr;
+  });
+  const leftNodeReplacementThreeTildeRule = createRule(new RegExp(`((${leafNodeReplacementCharacter}\`{3,})|^\\s(\`{3,}))(\\S*)$`), (state, match, start, end) => {
+    if (!validMatchLength(match)) {
+      return null;
+    }
+    const attributes = {};
+    if (match[4]) {
+      attributes.language = match[4];
+    }
+    const inlineStart = Math.max(match.index + state.selection.$from.start(), 1);
+    return insertBlock(state, schema.nodes.codeBlock, inlineStart, end, attributes);
+  });
+  return [ruleAnalytics(threeTildeRule), ruleAnalytics(leftNodeReplacementThreeTildeRule)];
+}

package/dist/es2019/plugins/date/ui/DatePicker/index.js

@@ -15,7 +15,7 @@ import { INPUT_METHOD } from '../../../analytics/types/enums';
 import { injectIntl } from 'react-intl-next';
 import DatePickerInput from './date-picker-input';
 const popupContentWrapper = css`
-  padding: 2px;
+  padding: ${"var(--ds-space-025, 2px)"};
   border-radius: ${borderRadius()}px;
   box-shadow: ${`var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N60A}, 0 0 1px ${N60A}`})`};
   background-color: ${`var(--ds-surface-overlay, ${N0})`};
@@ -143,7 +143,8 @@ class DatePicker extends React.Component {
       year: year,
       selected: selected,
       ref: this.handleRef,
-      weekStartDay: weekStartDay
+      weekStartDay: weekStartDay,
+      testId: 'datepicker'
     })));
   }
 }

package/dist/es2019/plugins/expand/commands.js

@@ -4,7 +4,7 @@ import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD,
 import { GapCursorSelection, Side } from '../selection/gap-cursor-selection';
 import { findExpand } from './utils';
 import { createCommand } from './pm-plugins/plugin-factory';
-import { createWrapSelectionTransaction } from '../block-type/commands/block-type';
+import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 export const setExpandRef = ref => createCommand({
   type: 'SET_EXPAND_REF',

package/dist/es2019/plugins/expand/index.js

@@ -7,7 +7,7 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, IN
 import { getToolbarConfig } from './toolbar';
 import { createExpandNode } from './commands';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
-import { createWrapSelectionTransaction } from '../block-type/commands/block-type';
+import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 const expandPlugin = ({
   config: options = {},
   api

package/dist/es2019/plugins/index.js

@@ -1,6 +1,5 @@
 export { basePlugin } from './base';
 export { default as blockTypePlugin } from './block-type';
-export { pluginKey as blockPluginStateKey } from './block-type';
 export { default as betterTypeHistoryPlugin } from './better-type-history';
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as codeBlockPlugin } from './code-block';

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { pluginKey as blockTypeStateKey } from '../block-type/pm-plugins/main';
 import { stateKey as mediaStateKey } from '../media/pm-plugins/plugin-key';
 import { isTypeAheadAllowed } from '../type-ahead/utils';
 import { pluginKey as layoutStateKey } from '../layout';
@@ -8,7 +7,7 @@ import { insertMacroFromMacroBrowser } from '../macro';
 import WithPluginState from '../../ui/WithPluginState';
 import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
 import { pluginKey as typeAheadPluginKey } from '../type-ahead/pm-plugins/key';
-import { insertBlockTypesWithAnalytics } from '../block-type/commands';
+import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '../block-type/types';
 import { INPUT_METHOD } from '../analytics';
 import { pluginKey as placeholderTextStateKey } from '../placeholder-text/plugin-key';
 import { pluginKey as macroStateKey } from '../macro/plugin-key';
@@ -27,6 +26,24 @@ const toolbarSizeToButtons = toolbarSize => {
       return 0;
   }
 };
+/**
+ * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
+ * @param name Block name
+ */
+function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
+  return name => {
+    if (name === CODE_BLOCK.name && insertCodeBlock) {
+      return insertCodeBlock(INPUT_METHOD.TOOLBAR);
+    }
+    if (name === PANEL.name && insertPanel) {
+      return insertPanel(INPUT_METHOD.TOOLBAR);
+    }
+    if (name === BLOCK_QUOTE.name && insertBlockQuote) {
+      return insertBlockQuote(INPUT_METHOD.TOOLBAR);
+    }
+    return () => false;
+  };
+}
 const insertBlockPlugin = ({
   config: options = {},
   api
@@ -54,41 +71,39 @@ const insertBlockPlugin = ({
         return /*#__PURE__*/React.createElement(WithPluginState, {
           plugins: {
             typeAheadState: typeAheadPluginKey,
-            // needed to check isTypeAheadAllowed in ToolbarInsertBlock
-            blockTypeState: blockTypeStateKey,
             mediaState: mediaStateKey,
             macroState: macroStateKey,
             placeholderTextState: placeholderTextStateKey,
             layoutState: layoutStateKey
           },
           render: ({
-            blockTypeState,
             mediaState,
             macroState = {},
             placeholderTextState,
             layoutState
-          }) => /*#__PURE__*/React.createElement(ToolbarInsertBlockWithInjectionApi, {
-            pluginInjectionApi: api,
-            editorView: editorView,
-            editorActions: editorActions,
-            dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            providerFactory: providerFactory,
-            popupsMountPoint: popupsMountPoint,
-            popupsBoundariesElement: popupsBoundariesElement,
-            popupsScrollableElement: popupsScrollableElement,
-            toolbarSize: toolbarSize,
-            disabled: disabled,
-            isToolbarReducedSpacing: isToolbarReducedSpacing,
-            isLastItem: isLastItem,
-            featureFlags: featureFlags,
-            blockTypeState: blockTypeState,
-            mediaState: mediaState,
-            macroState: macroState,
-            placeholderTextState: placeholderTextState,
-            layoutState: layoutState,
-            providers: providers,
-            options: options
-          })
+          }) => {
+            return /*#__PURE__*/React.createElement(ToolbarInsertBlockWithInjectionApi, {
+              pluginInjectionApi: api,
+              editorView: editorView,
+              editorActions: editorActions,
+              dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+              providerFactory: providerFactory,
+              popupsMountPoint: popupsMountPoint,
+              popupsBoundariesElement: popupsBoundariesElement,
+              popupsScrollableElement: popupsScrollableElement,
+              toolbarSize: toolbarSize,
+              disabled: disabled,
+              isToolbarReducedSpacing: isToolbarReducedSpacing,
+              isLastItem: isLastItem,
+              featureFlags: featureFlags,
+              mediaState: mediaState,
+              macroState: macroState,
+              placeholderTextState: placeholderTextState,
+              layoutState: layoutState,
+              providers: providers,
+              options: options
+            });
+          }
         });
       };
       return /*#__PURE__*/React.createElement(WithProviders, {
@@ -103,7 +118,6 @@ function ToolbarInsertBlockWithInjectionApi({
   editorView,
   editorActions,
   dispatchAnalyticsEvent,
-  providerFactory,
   popupsMountPoint,
   popupsBoundariesElement,
   popupsScrollableElement,
@@ -114,31 +128,22 @@ function ToolbarInsertBlockWithInjectionApi({
   providers,
   pluginInjectionApi,
   options,
-  blockTypeState,
   mediaState,
   macroState,
   placeholderTextState,
   layoutState,
   featureFlags
 }) {
-  var _pluginInjectionApi$a2, _pluginInjectionApi$i;
+  var _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b;
   const buttons = toolbarSizeToButtons(toolbarSize);
   const {
     dateState,
     hyperlinkState,
     imageUploadState,
     mentionState,
-    emojiState
-  } = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji']);
-
-  /**
-   * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
-   * @param name Block name
-   */
-  const handleInsertBlockType = React.useCallback(name => {
-    var _pluginInjectionApi$a;
-    return insertBlockTypesWithAnalytics(name, INPUT_METHOD.TOOLBAR, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions);
-  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions]);
+    emojiState,
+    blockTypeState
+  } = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType']);
   return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,
@@ -168,7 +173,7 @@ function ToolbarInsertBlockWithInjectionApi({
     emojiProvider: providers.emojiProvider,
     nativeStatusSupported: options.nativeStatusSupported,
     horizontalRuleEnabled: options.horizontalRuleEnabled,
-    onInsertBlockType: handleInsertBlockType,
+    onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.codeBlock) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.insertCodeBlock, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$p = pluginInjectionApi.panel) === null || _pluginInjectionApi$p === void 0 ? void 0 : _pluginInjectionApi$p.actions.insertPanel, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$b = pluginInjectionApi.blockType) === null || _pluginInjectionApi$b === void 0 ? void 0 : _pluginInjectionApi$b.actions.insertBlockQuote),
     onInsertMacroFromMacroBrowser: insertMacroFromMacroBrowser,
     macroProvider: macroState.macroProvider,
     popupsMountPoint: popupsMountPoint,

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { getMediaClient } from '@atlaskit/media-client';
 import { calcPctFromPx, wrappedLayouts, handleSides, imageAlignmentMap } from '@atlaskit/editor-common/ui';
 import { nonWrappedLayouts, setNodeSelection } from '@atlaskit/editor-common/utils';
@@ -58,9 +58,6 @@ class ResizableMediaSingleNext extends React.Component {
     _defineProperty(this, "calcNewSize", (newWidth, stop) => {
       const {
         layout,
-        view: {
-          state
-        },
         containerWidth,
         lineLength,
         fullWidthMode
@@ -69,29 +66,32 @@ class ResizableMediaSingleNext extends React.Component {
       this.setState({
         resizedPctWidth: newPct
       });
-      let newLayout = hasParentNodeOfType(state.schema.nodes.table)(state.selection) ? layout : this.calcUnwrappedLayout(newWidth, containerWidth, lineLength, fullWidthMode);
+      let newLayout = this.calcUnwrappedLayout(newWidth, containerWidth, lineLength, fullWidthMode, this.isNestedNode());
       if (newPct <= 100) {
         if (this.wrappedLayout && (stop ? newPct !== 100 : true)) {
           newLayout = layout;
         }
         return {
-          width: newPct,
           layout: newLayout
         };
       } else {
         return {
-          width: this.props.pctWidth || null,
           layout: newLayout
         };
       }
     });
-    _defineProperty(this, "calcUnwrappedLayout", (width, containerWidth, contentWidth, fullWidthMode) => {
+    _defineProperty(this, "calcUnwrappedLayout", (width, containerWidth, contentWidth, fullWidthMode, isNestedNode) => {
+      if (isNestedNode) {
+        return 'center';
+      }
       if (fullWidthMode) {
         if (width < contentWidth) {
           return 'center';
         }
         return 'full-width';
       }
+
+      // handle top-level node in fixed-width editor
       if (width <= contentWidth) {
         return 'center';
       }
@@ -137,7 +137,7 @@ class ResizableMediaSingleNext extends React.Component {
       return dispatch(tr);
     }, MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
     _defineProperty(this, "calcMaxWidth", memoizeOne((contentWidth, containerWidth, fullWidthMode) => {
-      if (fullWidthMode) {
+      if (this.isNestedNode() || fullWidthMode) {
         return contentWidth;
       }
       return calcMediaSingleMaxWidth(containerWidth);
@@ -252,14 +252,20 @@ class ResizableMediaSingleNext extends React.Component {
       }
       this.setIsResizing(false);
       this.displayGuideline([]);
+      let newWidth = width;
+      if (calculatedWidthWithLayout.layout === 'full-width') {
+        // When a node reaches full width in current viewport,
+        // update its width with 1800 to align with pixel entry
+        newWidth = akEditorFullWidthLayoutWidth;
+      }
       this.setState({
         isResizing: false,
         size: {
-          width,
+          width: newWidth,
           height
         }
       }, () => {
-        updateSize(width, calculatedWidthWithLayout.layout);
+        updateSize(newWidth, calculatedWidthWithLayout.layout);
       });
     });
     const initialWidth = props.mediaSingleWidth || DEFAULT_IMAGE_WIDTH;
@@ -303,18 +309,6 @@ class ResizableMediaSingleNext extends React.Component {
         }
       });
     }
-    if (this.props.layout === 'full-width' && !this.isNestedNode() && prevProps.containerWidth !== this.props.containerWidth) {
-      // To achieve edge-to-edge for full-width, we need to update its width according to containerWidth
-      // Update state to allow resizer to get most up-to-date width to avoid jumping when start resizing
-      this.setState(prevState => {
-        return {
-          size: {
-            width: calcMediaSingleMaxWidth(this.props.containerWidth),
-            height: prevState.size.height
-          }
-        };
-      });
-    }
     return true;
   }
   async componentDidMount() {
@@ -452,9 +446,23 @@ class ResizableMediaSingleNext extends React.Component {
       'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
     });
     const resizerNextClassName = classnames(className, resizerStyles);
-    const maxWidth = this.isNestedNode() ? undefined // fall back to 'max-width: 100%'
-    : this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
+    const maxWidth = !isResizing && this.isNestedNode() ?
+    // set undefined to fall back to 100%
+    undefined : this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
     const minWidth = this.calcMinWidth(isVideoFile, lineLength);
+    const nestedHandleStyles = isNestedNode => {
+      if (!isNestedNode) {
+        return;
+      }
+      return {
+        left: {
+          left: `calc(${"var(--ds-space-075, 0.375em)"} * -1)`
+        },
+        right: {
+          right: `calc(${"var(--ds-space-075, 0.375em)"} * -1)`
+        }
+      };
+    };
     return jsx("div", {
       ref: this.saveWrapper,
       css: wrapperStyle({
@@ -480,7 +488,8 @@ class ResizableMediaSingleNext extends React.Component {
       resizeRatio: nonWrappedLayouts.includes(layout) ? 2 : 1,
       handleComponent: handleComponent,
       "data-testid": resizerNextTestId,
-      isHandleVisible: selected
+      isHandleVisible: selected,
+      handleStyles: nestedHandleStyles(this.isNestedNode())
     }, children));
   }
 }

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

@@ -1,8 +1,11 @@
 import { removeParentNodeOfType, findSelectedNodeOfType, removeSelectedNode, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, addAnalytics } from '../analytics';
+import { PanelType } from '@atlaskit/adf-schema';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE, addAnalytics } from '../analytics';
 import { findPanel } from './utils';
 import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
+import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
+import { wrapSelectionIn } from '@atlaskit/editor-common/utils';
 export const removePanel = () => (state, dispatch) => {
   const {
     schema: {
@@ -88,4 +91,25 @@ export const changePanelType = (panelType, panelOptions = {}, allowCustomPanel =
     dispatch(changePanelTypeTr);
   }
   return true;
-};
+};
+export function insertPanelWithAnalytics(inputMethod, analyticsAPI) {
+  return withAnalytics(analyticsAPI, {
+    action: ACTION.INSERTED,
+    actionSubject: ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: ACTION_SUBJECT_ID.PANEL,
+    attributes: {
+      inputMethod: inputMethod,
+      panelType: PanelType.INFO // only info panels can be inserted via this action
+    },
+
+    eventType: EVENT_TYPE.TRACK
+  })(function (state, dispatch) {
+    const {
+      nodes
+    } = state.schema;
+    if (nodes.panel && nodes.paragraph) {
+      return wrapSelectionIn(nodes.panel)(state, dispatch);
+    }
+    return false;
+  });
+}

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

@@ -5,13 +5,11 @@ import { getToolbarConfig } from './toolbar';
 import keymap from './pm-plugins/keymaps';
 import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '../analytics';
 import { IconPanel, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanelError } from '@atlaskit/editor-common/quick-insert';
+import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { messages } from '../block-type/messages';
 import { IconCustomPanel } from '@atlaskit/editor-common/quick-insert';
 import { T50 } from '@atlaskit/theme/colors';
-// Theres an existing interelationship between these files, where the imported function is being called for panel
-// Insertions via the drop down menu
-// tslint-ignore-next-line
-import { createWrapSelectionTransaction } from '../block-type/commands/block-type';
+import { insertPanelWithAnalytics } from './actions';
 const panelPlugin = ({
   config: options = {},
   api
@@ -36,6 +34,12 @@ const panelPlugin = ({
       plugin: () => keymap()
     }];
   },
+  actions: {
+    insertPanel(inputMethod) {
+      var _api$analytics;
+      return insertPanelWithAnalytics(inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+    }
+  },
   pluginsOptions: {
     quickInsert: ({
       formatMessage

package/dist/es2019/version-wrapper.js

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

package/dist/esm/index.js

@@ -20,10 +20,24 @@ export { mentionPluginKey } from './plugins/mentions';
 export { textColorPluginKey } from './plugins/text-color';
 export { changeColor } from './plugins/text-color/commands/change-color';
 export { insertHorizontalRule } from './plugins/rule/commands';
-export { blockPluginStateKey } from './plugins';
+
+/**
+ * @private
+ * @deprecated DO NOT USE, temporary solution while decoupling plugins from editor-core
+ */
+
+/**
+ * @private
+ * @deprecated DO NOT USE, temporary solution while decoupling plugins from editor-core
+ */
+
+/**
+ * @private
+ * @deprecated DO NOT USE, temporary solution while decoupling plugins from editor-core
+ */
+
 export { subscribeToToolbarAndPickerUpdates } from './plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates';
 export { subscribeTypeAheadUpdates } from './plugins/view-update-subscription/subscribe/type-ahead-updates';
-export { insertBlockType, insertBlockTypesWithAnalytics, setBlockType, setBlockTypeWithAnalytics } from './plugins/block-type/commands';
 export { createTable } from '@atlaskit/editor-plugin-table/commands';
 export { insertTaskDecisionCommand } from './plugins/tasks-and-decisions/commands';
 export { EventDispatcher } from './event-dispatcher';