@atlaskit/editor-core 187.34.2 → 187.35.1

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

@@ -24,7 +24,7 @@ var PopupWithListeners = withOuterListeners(Popup);
 import { INPUT_METHOD } from '../../../analytics/types/enums';
 import { injectIntl } from 'react-intl-next';
 import DatePickerInput from './date-picker-input';
-var popupContentWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 2px;\n  border-radius: ", "px;\n  box-shadow: ", ";\n  background-color: ", ";\n"])), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-surface-overlay, ".concat(N0, ")"));
+var popupContentWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  background-color: ", ";\n"])), "var(--ds-space-025, 2px)", borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-surface-overlay, ".concat(N0, ")"));
 var DatePicker = /*#__PURE__*/function (_React$Component) {
   _inherits(DatePicker, _React$Component);
   var _super = _createSuper(DatePicker);
@@ -151,7 +151,8 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
         year: year,
         selected: selected,
         ref: this.handleRef,
-        weekStartDay: weekStartDay
+        weekStartDay: weekStartDay,
+        testId: 'datepicker'
       })));
     }
   }]);

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

@@ -7,7 +7,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 var setExpandRef = function setExpandRef(ref) {
   return createCommand({

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

@@ -8,7 +8,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';
 var expandPlugin = function expandPlugin(_ref) {
   var _api$featureFlags;
   var _ref$config = _ref.config,

package/dist/esm/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/esm/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,26 @@ var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
       return 0;
   }
 };
+/**
+ * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
+ * @param name Block name
+ */
+function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
+  return function (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 function () {
+      return false;
+    };
+  };
+}
 var insertBlockPlugin = function insertBlockPlugin(_ref) {
   var _api$featureFlags;
   var _ref$config = _ref.config,
@@ -53,16 +72,13 @@ var insertBlockPlugin = function insertBlockPlugin(_ref) {
         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: function render(_ref3) {
-            var blockTypeState = _ref3.blockTypeState,
-              mediaState = _ref3.mediaState,
+            var mediaState = _ref3.mediaState,
               _ref3$macroState = _ref3.macroState,
               macroState = _ref3$macroState === void 0 ? {} : _ref3$macroState,
               placeholderTextState = _ref3.placeholderTextState,
@@ -81,7 +97,6 @@ var insertBlockPlugin = function insertBlockPlugin(_ref) {
               isToolbarReducedSpacing: isToolbarReducedSpacing,
               isLastItem: isLastItem,
               featureFlags: featureFlags,
-              blockTypeState: blockTypeState,
               mediaState: mediaState,
               macroState: macroState,
               placeholderTextState: placeholderTextState,
@@ -101,11 +116,10 @@ var insertBlockPlugin = function insertBlockPlugin(_ref) {
   };
 };
 function ToolbarInsertBlockWithInjectionApi(_ref4) {
-  var _pluginInjectionApi$a2, _pluginInjectionApi$i;
+  var _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b;
   var editorView = _ref4.editorView,
     editorActions = _ref4.editorActions,
     dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent,
-    providerFactory = _ref4.providerFactory,
     popupsMountPoint = _ref4.popupsMountPoint,
     popupsBoundariesElement = _ref4.popupsBoundariesElement,
     popupsScrollableElement = _ref4.popupsScrollableElement,
@@ -116,28 +130,19 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     providers = _ref4.providers,
     pluginInjectionApi = _ref4.pluginInjectionApi,
     options = _ref4.options,
-    blockTypeState = _ref4.blockTypeState,
     mediaState = _ref4.mediaState,
     macroState = _ref4.macroState,
     placeholderTextState = _ref4.placeholderTextState,
     layoutState = _ref4.layoutState,
     featureFlags = _ref4.featureFlags;
   var buttons = toolbarSizeToButtons(toolbarSize);
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji']),
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType']),
     dateState = _useSharedPluginState.dateState,
     hyperlinkState = _useSharedPluginState.hyperlinkState,
     imageUploadState = _useSharedPluginState.imageUploadState,
     mentionState = _useSharedPluginState.mentionState,
-    emojiState = _useSharedPluginState.emojiState;
-
-  /**
-   * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
-   * @param name Block name
-   */
-  var handleInsertBlockType = React.useCallback(function (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 = _useSharedPluginState.emojiState,
+    blockTypeState = _useSharedPluginState.blockTypeState;
   return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,
@@ -167,7 +172,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     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/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -13,7 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @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';
@@ -71,7 +71,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "calcNewSize", function (newWidth, stop) {
       var _this$props2 = _this.props,
         layout = _this$props2.layout,
-        state = _this$props2.view.state,
         containerWidth = _this$props2.containerWidth,
         lineLength = _this$props2.lineLength,
         fullWidthMode = _this$props2.fullWidthMode;
@@ -79,29 +78,32 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         resizedPctWidth: newPct
       });
-      var newLayout = hasParentNodeOfType(state.schema.nodes.table)(state.selection) ? layout : _this.calcUnwrappedLayout(newWidth, containerWidth, lineLength, fullWidthMode);
+      var 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(_assertThisInitialized(_this), "calcUnwrappedLayout", function (width, containerWidth, contentWidth, fullWidthMode) {
+    _defineProperty(_assertThisInitialized(_this), "calcUnwrappedLayout", function (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';
       }
@@ -147,7 +149,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       return dispatch(tr);
     }, MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
     _defineProperty(_assertThisInitialized(_this), "calcMaxWidth", memoizeOne(function (contentWidth, containerWidth, fullWidthMode) {
-      if (fullWidthMode) {
+      if (_this.isNestedNode() || fullWidthMode) {
         return contentWidth;
       }
       return calcMediaSingleMaxWidth(containerWidth);
@@ -262,14 +264,20 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       }
       _this.setIsResizing(false);
       _this.displayGuideline([]);
+      var 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,
+          width: newWidth,
           height: height
         }
       }, function () {
-        updateSize(width, calculatedWidthWithLayout.layout);
+        updateSize(newWidth, calculatedWidthWithLayout.layout);
       });
     });
     var initialWidth = props.mediaSingleWidth || DEFAULT_IMAGE_WIDTH;
@@ -291,7 +299,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   _createClass(ResizableMediaSingleNext, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
       var offsetLeft = calculateOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, this.wrapper);
       if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
         this.setState({
@@ -317,18 +324,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_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(function (prevState) {
-          return {
-            size: {
-              width: calcMediaSingleMaxWidth(_this2.props.containerWidth),
-              height: prevState.size.height
-            }
-          };
-        });
-      }
       return true;
     }
   }, {
@@ -496,7 +491,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this2 = this;
       var _this$props8 = this.props,
         origWidth = _this$props8.width,
         layout = _this$props8.layout,
@@ -514,7 +509,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       handleSides.forEach(function (side) {
         var oppositeSide = side === 'left' ? 'right' : 'left';
         enable[side] = nonWrappedLayouts.concat("wrap-".concat(oppositeSide)).concat("align-".concat(imageAlignmentMap[oppositeSide])).indexOf(layout) > -1;
-        if (side === 'left' && _this3.insideInlineLike) {
+        if (side === 'left' && _this2.insideInlineLike) {
           enable[side] = false;
         }
       });
@@ -526,9 +521,23 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
       });
       var resizerNextClassName = classnames(className, resizerStyles);
-      var maxWidth = this.isNestedNode() ? undefined // fall back to 'max-width: 100%'
-      : this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
+      var maxWidth = !isResizing && this.isNestedNode() ?
+      // set undefined to fall back to 100%
+      undefined : this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
       var minWidth = this.calcMinWidth(isVideoFile, lineLength);
+      var nestedHandleStyles = function nestedHandleStyles(isNestedNode) {
+        if (!isNestedNode) {
+          return;
+        }
+        return {
+          left: {
+            left: "calc(".concat("var(--ds-space-075, 0.375em)", " * -1)")
+          },
+          right: {
+            right: "calc(".concat("var(--ds-space-075, 0.375em)", " * -1)")
+          }
+        };
+      };
       return jsx("div", {
         ref: this.saveWrapper,
         css: wrapperStyle({
@@ -554,7 +563,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         resizeRatio: nonWrappedLayouts.includes(layout) ? 2 : 1,
         handleComponent: handleComponent,
         "data-testid": resizerNextTestId,
-        isHandleVisible: selected
+        isHandleVisible: selected,
+        handleStyles: nestedHandleStyles(this.isNestedNode())
       }, children));
     }
   }]);

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

@@ -3,9 +3,12 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { 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 var removePanel = function removePanel() {
   return function (state, dispatch) {
     var nodes = state.schema.nodes,
@@ -88,4 +91,23 @@ export var changePanelType = function changePanelType(panelType) {
     }
     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) {
+    var nodes = state.schema.nodes;
+    if (nodes.panel && nodes.paragraph) {
+      return wrapSelectionIn(nodes.panel)(state, dispatch);
+    }
+    return false;
+  });
+}

package/dist/esm/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';
 var panelPlugin = function panelPlugin(_ref) {
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
@@ -40,6 +38,12 @@ var panelPlugin = function panelPlugin(_ref) {
         }
       }];
     },
+    actions: {
+      insertPanel: function 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: function quickInsert(_ref3) {
         var formatMessage = _ref3.formatMessage;

package/dist/esm/version-wrapper.js

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

package/dist/types/index.d.ts

@@ -24,12 +24,25 @@ export { textColorPluginKey } from './plugins/text-color';
 export type { TextColorPluginState } from './plugins/text-color';
 export { changeColor } from './plugins/text-color/commands/change-color';
 export { insertHorizontalRule } from './plugins/rule/commands';
-export { blockPluginStateKey } from './plugins';
-export type { BlockTypeState } from './plugins';
+export type { BlockTypeState } from './plugins/block-type/pm-plugins/main';
+/**
+ * @private
+ * @deprecated DO NOT USE, temporary solution while decoupling plugins from editor-core
+ */
+export type { BlockTypePlugin } from './plugins/block-type';
+/**
+ * @private
+ * @deprecated DO NOT USE, temporary solution while decoupling plugins from editor-core
+ */
+export type { CodeBlockPlugin } from './plugins/code-block';
+/**
+ * @private
+ * @deprecated DO NOT USE, temporary solution while decoupling plugins from editor-core
+ */
+export type { PanelPlugin } from './plugins/panel';
 export { subscribeToToolbarAndPickerUpdates } from './plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates';
 export { subscribeTypeAheadUpdates } from './plugins/view-update-subscription/subscribe/type-ahead-updates';
 export type { InputMethodToolbar as TextFormattingInputMethodToolbar, InputMethodBasic as TextFormattingInputMethodBasic, } from '@atlaskit/editor-common/types';
-export { insertBlockType, insertBlockTypesWithAnalytics, setBlockType, setBlockTypeWithAnalytics, } from './plugins/block-type/commands';
 export type { InputMethod as BlockTypeInputMethod } from './plugins/block-type/commands';
 export { createTable } from '@atlaskit/editor-plugin-table/commands';
 export { insertTaskDecisionCommand } from './plugins/tasks-and-decisions/commands';

package/dist/types/labs/next/presets/default.d.ts

@@ -56,6 +56,9 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         }, import("@atlaskit/editor-common/types").FeatureFlags>];
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
+    actions: {
+        insertCodeBlock: (inputMethod: import("@atlaskit/editor-common/analytics").INPUT_METHOD) => import("@atlaskit/editor-common/types").Command;
+    };
 }, CodeBlockOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
     pluginConfiguration: SelectionPluginOptions | undefined;
 }, SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"floatingToolbar", {
@@ -181,6 +184,9 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         }, import("@atlaskit/editor-common/types").FeatureFlags>];
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
+    actions: {
+        insertCodeBlock: (inputMethod: import("@atlaskit/editor-common/analytics").INPUT_METHOD) => import("@atlaskit/editor-common/types").Command;
+    };
 }, CodeBlockOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
     pluginConfiguration: SelectionPluginOptions | undefined;
 }, SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"floatingToolbar", {

package/dist/types/plugins/block-type/commands/block-type.d.ts

@@ -1,5 +1,3 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { HeadingLevelsAndNormalText, Command } from '@atlaskit/editor-common/types';
 import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 export type InputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FORMATTING | INPUT_METHOD.KEYBOARD;
@@ -9,7 +7,6 @@ export declare function setNormalText(): Command;
 export declare function setNormalTextWithAnalytics(inputMethod: InputMethod, editorAnalyticsApi: EditorAnalyticsAPI | undefined): Command;
 export declare function setHeading(level: HeadingLevelsAndNormalText): Command;
 export declare const setHeadingWithAnalytics: (newHeadingLevel: HeadingLevelsAndNormalText, inputMethod: InputMethod, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
-export declare function insertBlockType(name: string): Command;
 /**
  *
  * @param name - block type name
@@ -18,26 +15,5 @@ export declare function insertBlockType(name: string): Command;
  * otherwise Editor becomes very sad and crashes
  * @returns - command that inserts block type
  */
-export declare const insertBlockTypesWithAnalytics: (name: string, inputMethod: InputMethod, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
-/**
- * This function creates a new transaction that wraps the current selection
- * in the specified node type if it results in a valid transaction.
- * If not valid, it performs a safe insert operation.
- *
- * Example of when wrapping might not be valid is when attempting to wrap
- * content that is already inside a panel with another panel
- */
-export declare function createWrapSelectionTransaction({ state, type, nodeAttributes, }: {
-    state: EditorState;
-    type: NodeType;
-    nodeAttributes?: Record<string, any>;
-}): import("prosemirror-state").Transaction;
-/**
- * This function creates a new transaction that inserts a code block,
- * if there is text selected it will wrap the current selection if not it will
- * append the codeblock to the end of the document.
- */
-export declare function createInsertCodeBlockTransaction({ state, }: {
-    state: EditorState;
-}): import("prosemirror-state").Transaction;
+export declare const insertBlockQuoteWithAnalytics: (inputMethod: InputMethod, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const cleanUpAtTheStartOfDocument: Command;

package/dist/types/plugins/block-type/commands/index.d.ts

@@ -1,6 +1,4 @@
-export { cleanUpAtTheStartOfDocument, insertBlockType, insertBlockTypesWithAnalytics, setBlockType, setBlockTypeWithAnalytics, setHeading, setHeadingWithAnalytics, setNormalText, setNormalTextWithAnalytics, } from './block-type';
+export { cleanUpAtTheStartOfDocument, insertBlockQuoteWithAnalytics, setBlockType, setBlockTypeWithAnalytics, setHeading, setHeadingWithAnalytics, setNormalText, setNormalTextWithAnalytics, } from './block-type';
 export type { InputMethod } from './block-type';
-export { insertBlock } from './insert-block';
-export { isConvertableToCodeBlock, transformToCodeBlockAction, } from './transform-to-code-block';
 export { deleteAndMoveCursor } from './delete-and-move-cursor';
 export { deleteBlockContent } from './delete-block-content';

package/dist/types/plugins/block-type/index.d.ts

@@ -1,10 +1,18 @@
-import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin, OptionalPlugin, Command } from '@atlaskit/editor-common/types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { BlockTypeState } from './pm-plugins/main';
 import type { BlockTypePluginOptions } from './types';
-declare const blockTypePlugin: NextEditorPlugin<'blockType', {
+import type { InputMethod } from './commands/block-type';
+export type BlockTypePlugin = NextEditorPlugin<'blockType', {
     pluginConfiguration: BlockTypePluginOptions | undefined;
     dependencies: [OptionalPlugin<typeof analyticsPlugin>];
+    sharedState: BlockTypeState | undefined;
+    actions: {
+        insertBlockQuote: (inputMethod: InputMethod) => Command;
+        setBlockType: (name: string, inputMethod: InputMethod) => Command;
+    };
 }>;
+declare const blockTypePlugin: BlockTypePlugin;
 export default blockTypePlugin;
 export { pluginKey } from './pm-plugins/main';
 export type { BlockTypeState } from './pm-plugins/main';

package/dist/types/plugins/code-block/actions.d.ts

@@ -1,7 +1,18 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { Command } from '../../types';
+import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 export declare const removeCodeBlock: Command;
 export declare const changeLanguage: (language: string) => Command;
 export declare const copyContentToClipboard: Command;
 export declare const resetCopiedState: Command;
 export declare const ignoreFollowingMutations: Command;
 export declare const resetShouldIgnoreFollowingMutations: Command;
+/**
+ * This function creates a new transaction that inserts a code block,
+ * if there is text selected it will wrap the current selection if not it will
+ * append the codeblock to the end of the document.
+ */
+export declare function createInsertCodeBlockTransaction({ state, }: {
+    state: EditorState;
+}): import("prosemirror-state").Transaction;
+export declare function insertCodeBlockWithAnalytics(inputMethod: INPUT_METHOD, analyticsAPI?: EditorAnalyticsAPI): Command;

package/dist/types/plugins/code-block/index.d.ts

@@ -1,4 +1,5 @@
-import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { NextEditorPlugin, OptionalPlugin, Command } from '@atlaskit/editor-common/types';
 import type { CodeBlockOptions } from './types';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
@@ -10,5 +11,9 @@ declare const codeBlockPlugin: NextEditorPlugin<'codeBlock', {
         typeof compositionPlugin,
         OptionalPlugin<typeof analyticsPlugin>
     ];
+    actions: {
+        insertCodeBlock: (inputMethod: INPUT_METHOD) => Command;
+    };
 }>;
 export default codeBlockPlugin;
+export type CodeBlockPlugin = typeof codeBlockPlugin;

package/dist/types/plugins/code-block/pm-plugins/input-rule.d.ts

@@ -0,0 +1,3 @@
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+export declare function createCodeBlockInputRule(schema: Schema, editorAnalyticsAPI?: EditorAnalyticsAPI): import("@atlaskit/editor-common/safe-plugin").SafePlugin<any>;

package/dist/types/plugins/date/ui/DatePicker/index.d.ts

@@ -1,10 +1,10 @@
 /** @jsx jsx */
 import React from 'react';
 import type { WeekDay } from '@atlaskit/calendar/types';
-import { DateType } from '../../types';
+import type { DateType } from '../../types';
 import { INPUT_METHOD } from '../../../analytics/types/enums';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import { WrappedComponentProps } from 'react-intl-next';
+import type { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     element: HTMLElement | null;
     closeDatePicker: () => void;

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

@@ -1,7 +1,5 @@
 export { basePlugin } from './base';
 export { default as blockTypePlugin } from './block-type';
-export { pluginKey as blockPluginStateKey } from './block-type';
-export type { BlockTypeState } 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/types/plugins/insert-block/types.d.ts

@@ -8,14 +8,20 @@ import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type mentionsPlugin from '../mentions';
 import type quickInsertPlugin from '../quick-insert';
+import type blockTypePlugin from '../block-type';
+import type codeBlockPlugin from '../code-block';
+import type panelPlugin from '../panel';
 export type InsertBlockPluginDependencies = [
     typeof featureFlagsPlugin,
     OptionalPlugin<typeof tablesPlugin>,
     OptionalPlugin<typeof hyperlinkPlugin>,
     OptionalPlugin<typeof datePlugin>,
+    OptionalPlugin<typeof blockTypePlugin>,
     OptionalPlugin<typeof analyticsPlugin>,
     OptionalPlugin<ImageUploadPlugin>,
     OptionalPlugin<typeof mentionsPlugin>,
     OptionalPlugin<EmojiPlugin>,
-    OptionalPlugin<typeof quickInsertPlugin>
+    OptionalPlugin<typeof quickInsertPlugin>,
+    OptionalPlugin<typeof codeBlockPlugin>,
+    OptionalPlugin<typeof panelPlugin>
 ];