@atlaskit/editor-core 180.1.0 → 181.0.0

package/dist/esm/plugins/type-ahead/constants.js

@@ -2,11 +2,6 @@ export var TYPE_AHEAD_DECORATION_KEY = 'typeahead_decoration_key';
 export var TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = 'typeaheadDecoration';
 export var TYPE_AHEAD_POPUP_CONTENT_CLASS = 'fabric-editor-typeahead';
 export var TYPE_AHEAD_DECORATION_ELEMENT_ID = 'typeahaed_decoration_element_id';
-export var NavigationDirection;
-(function (NavigationDirection) {
-  NavigationDirection[NavigationDirection["LEFT"] = -1] = "LEFT";
-  NavigationDirection[NavigationDirection["RIGHT"] = 1] = "RIGHT";
-})(NavigationDirection || (NavigationDirection = {}));
 export var CloseSelectionOptions;
 (function (CloseSelectionOptions) {
   CloseSelectionOptions["BEFORE_TEXT_INSERTED"] = "BEFORE_TEXT_INSERTED";

package/dist/esm/plugins/type-ahead/pm-plugins/decorations.js

@@ -138,35 +138,4 @@ export var factoryDecorations = function factoryDecorations(_ref) {
     createDecorations: createDecorations,
     removeDecorations: removeDecorations
   };
-};
-export var isSelectionInsideTypeAhead = function isSelectionInsideTypeAhead(_ref4) {
-  var decorationSet = _ref4.decorationSet,
-    selection = _ref4.selection;
-  if (!decorationSet || decorationSet === DecorationSet.empty) {
-    return false;
-  }
-  var typeAheadDecorations = decorationSet.find(undefined, undefined, function (spec) {
-    return spec.isTypeAheadDecoration;
-  });
-  if (!typeAheadDecorations || typeAheadDecorations.length === 0) {
-    return false;
-  }
-  return typeAheadDecorations.some(function (dec) {
-    return dec.from === selection.from && dec.to === selection.to;
-  });
-};
-export var findDecorationElement = function findDecorationElement(_ref5) {
-  var selection = _ref5.selection,
-    decorationSet = _ref5.decorationSet;
-  if (!decorationSet || decorationSet === DecorationSet.empty || !(selection instanceof TextSelection) || !selection.$cursor) {
-    return null;
-  }
-  var pos = selection.$cursor.pos;
-  var decoration = decorationSet.find(pos, pos, function (spec) {
-    return spec === null || spec === void 0 ? void 0 : spec.isTypeAheadDecoration;
-  });
-  if (!decoration || decoration.length !== 1) {
-    return null;
-  }
-  return document.querySelector("#".concat(decoration[0].spec.key));
 };

package/dist/esm/plugins/type-ahead/utils.js

@@ -1,34 +1,16 @@
-import { TextSelection } from 'prosemirror-state';
-import { DecorationSet } from 'prosemirror-view';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
 import { updateSelectedIndex } from './commands/update-selected-index';
 import { StatsModifier } from './stats-modifier';
 import { typeAheadListMessages } from './messages';
-export var findTypeAheadDecorations = function findTypeAheadDecorations(state) {
-  var selection = state.selection;
-  var _typeAheadPluginKey$g = typeAheadPluginKey.getState(state),
-    decorationSet = _typeAheadPluginKey$g.decorationSet;
-  if (!decorationSet || decorationSet === DecorationSet.empty || !(selection instanceof TextSelection) || !selection.$cursor) {
-    return null;
-  }
-  var pos = selection.$cursor.pos;
-  var decoration = decorationSet.find(pos, pos, function (spec) {
-    return spec === null || spec === void 0 ? void 0 : spec.isTypeAheadDecoration;
-  });
-  if (!decoration || decoration.length !== 1) {
-    return null;
-  }
-  return decoration[0];
-};
 export var isTypeAheadHandler = function isTypeAheadHandler(handler) {
   return handler && Object.values(TypeAheadAvailableNodes).includes(handler.id) && typeof handler.trigger === 'string' && typeof handler.selectItem === 'function' && typeof handler.getItems === 'function';
 };
 
 /** Is a typeahead plugin open? */
 export var isTypeAheadOpen = function isTypeAheadOpen(editorState) {
-  var _typeAheadPluginKey$g2, _typeAheadPluginKey$g3;
-  return (typeAheadPluginKey === null || typeAheadPluginKey === void 0 ? void 0 : (_typeAheadPluginKey$g2 = typeAheadPluginKey.getState(editorState)) === null || _typeAheadPluginKey$g2 === void 0 ? void 0 : (_typeAheadPluginKey$g3 = _typeAheadPluginKey$g2.decorationSet) === null || _typeAheadPluginKey$g3 === void 0 ? void 0 : _typeAheadPluginKey$g3.find().length) > 0;
+  var _typeAheadPluginKey$g, _typeAheadPluginKey$g2;
+  return (typeAheadPluginKey === null || typeAheadPluginKey === void 0 ? void 0 : (_typeAheadPluginKey$g = typeAheadPluginKey.getState(editorState)) === null || _typeAheadPluginKey$g === void 0 ? void 0 : (_typeAheadPluginKey$g2 = _typeAheadPluginKey$g.decorationSet) === null || _typeAheadPluginKey$g2 === void 0 ? void 0 : _typeAheadPluginKey$g2.find().length) > 0;
 };
 export var getPluginState = function getPluginState(editorState) {
   return typeAheadPluginKey.getState(editorState);

package/dist/esm/test-utils.js

@@ -4,12 +4,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { TextSelection } from 'prosemirror-state';
 import { sortByOrder } from './create-editor/sort-by-order';
-import { Preset } from './labs/next/presets/preset';
 import { createSchema } from './create-editor/create-schema';
 import basePlugin from './plugins/base';
 import { analyticsPluginKey } from './plugins/analytics/plugin-key';
 export { createTypeAheadTools } from './plugins/type-ahead/api';
-export { Preset } from './labs/next/presets/preset';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 export function getFireAnalytics(editorView) {
   var _analyticsPluginKey$g;
   return analyticsPluginKey === null || analyticsPluginKey === void 0 ? void 0 : (_analyticsPluginKey$g = analyticsPluginKey.getState(editorView.state)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.fireAnalytics;
@@ -58,13 +57,11 @@ function lightProcessPluginsList(editorPlugins) {
   });
 }
 export var createPMSchemaAndPlugins = function createPMSchemaAndPlugins() {
-  var preset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Preset();
+  var inputPreset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new EditorPresetBuilder();
   return function (pluginFactoryParams) {
     var editorPlugins = [];
-    if (!preset.has(basePlugin)) {
-      preset.add(basePlugin);
-    }
-    editorPlugins = preset.getEditorPlugins();
+    var preset = inputPreset.has(basePlugin) ? inputPreset : inputPreset.add(basePlugin);
+    editorPlugins = preset.build();
     var editorConfig = lightProcessPluginsList(editorPlugins);
     var schema = createSchema(editorConfig);
     var plugins = editorConfig.plugins.sort(sortByOrder('plugins')).map(function (_ref) {

package/dist/esm/ui/Appearance/Comment/Toolbar.js

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
@@ -15,10 +16,18 @@ var StickyToolbar = function StickyToolbar(props) {
     _useState2 = _slicedToArray(_useState, 2),
     top = _useState2[0],
     setTop = _useState2[1];
+
+  // ED-15802: if externalToolbarRef is passed in, set top to externalToolbarRef?.current?.clientHeight
+  // else if offsetTop is a number set top to offsetTop
+  // otherwise top is 0 as initial state
   useEffect(function () {
     var _props$externalToolba, _props$externalToolba2;
-    setTop(((_props$externalToolba = props.externalToolbarRef) === null || _props$externalToolba === void 0 ? void 0 : (_props$externalToolba2 = _props$externalToolba.current) === null || _props$externalToolba2 === void 0 ? void 0 : _props$externalToolba2.clientHeight) || 0);
-  }, [setTop, props.externalToolbarRef]);
+    if ((_props$externalToolba = props.externalToolbarRef) !== null && _props$externalToolba !== void 0 && (_props$externalToolba2 = _props$externalToolba.current) !== null && _props$externalToolba2 !== void 0 && _props$externalToolba2.clientHeight) {
+      setTop(props.externalToolbarRef.current.clientHeight);
+    } else {
+      setTop(props.offsetTop || 0);
+    }
+  }, [props.externalToolbarRef, props.offsetTop]);
   return jsx("div", {
     css: [mainToolbarWrapperStyle, stickyToolbarWrapperStyle, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          top: ", "px;\n        "])), top)],
     "data-testid": "ak-editor-main-toolbar",
@@ -31,13 +40,39 @@ var FixedToolbar = function FixedToolbar(props) {
     "data-testid": "ak-editor-main-toolbar"
   }, props.children);
 };
+
+/**
+ * ED-15802: Scenarios when a sticky bar is used:
+ * 1. useStickyToolbar is true
+ * 2. useStickyToolbar is a DOM element
+ * 3. useStickyToolbar is an object and has offsetTop key;
+ */
+var getStickyParameters = function getStickyParameters(configuration) {
+  // const isUsingStickyOffset, isHTMLElement is used so TS can properly infer types.
+  var isHTMLElement = _typeof(configuration) === 'object' && !('offsetTop' in configuration);
+  var isUsingStickyOffset = _typeof(configuration) === 'object' && 'offsetTop' in configuration;
+  if (_typeof(configuration) !== 'object') {
+    return {
+      externalToolbarRef: undefined,
+      offsetTop: undefined
+    };
+  }
+  if (isUsingStickyOffset) {
+    return {
+      offsetTop: configuration.offsetTop
+    };
+  }
+  if (isHTMLElement) {
+    return {
+      externalToolbarRef: configuration
+    };
+  }
+};
 export var MainToolbar = function MainToolbar(_ref) {
   var useStickyToolbar = _ref.useStickyToolbar,
     children = _ref.children;
-  if (!!useStickyToolbar) {
-    return jsx(StickyToolbar, {
-      externalToolbarRef: typeof useStickyToolbar === 'boolean' ? undefined : useStickyToolbar
-    }, children);
+  if (useStickyToolbar) {
+    return jsx(StickyToolbar, getStickyParameters(useStickyToolbar), children);
   }
   return jsx(FixedToolbar, null, children);
 };

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

@@ -1,2 +1,3 @@
-import { ColorPalette } from '@atlaskit/editor-common/ui-color';
+import { ColorPalette, backgroundPaletteTooltipMessages, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
+export { ColorPalette, backgroundPaletteTooltipMessages, textPaletteTooltipMessages };
 export default ColorPalette;

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

@@ -137,13 +137,17 @@ var ColorPickerButton = function ColorPickerButton(props) {
       isOpenedByKeyboard: isOpenedByKeyboard,
       isPopupPositioned: isPopupPositioned
     }, jsx(ColorPaletteWithListeners, {
-      palette: props.colorPalette,
       cols: props.cols,
       selectedColor: selectedColor,
       onClick: onColorSelected,
       handleClickOutside: togglePopup,
       handleEscapeKeydown: handleEsc,
-      hexToPaletteColor: props.hexToPaletteColor
+      paletteOptions: {
+        palette: props.colorPalette,
+        hexToPaletteColor: props.hexToPaletteColor,
+        showSomewhatSemanticTooltips: props.showSomewhatSemanticTooltips,
+        paletteColorTooltipMessages: props.paletteColorTooltipMessages
+      }
     }))));
   };
   var title = props.title || '';

package/dist/esm/ui/ConfigPanel/Fields/Expand.js

@@ -29,6 +29,7 @@ function Expand(_ref) {
     expanded = _useState2[0],
     setExpanded = _useState2[1];
   return jsx("div", {
+    "data-testid": "expand-config-field",
     css: expandContainer
   }, jsx("div", {
     css: expandControl

package/dist/esm/ui/ConfigPanel/utils.js

@@ -1,27 +1,16 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { ValidationError } from './types';
 export var validate = function validate(field, value) {
   return validateRequired(field, value);
 };
-export var fromEntries = function fromEntries(iterable) {
-  return _toConsumableArray(iterable).reduce(function (obj, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      val = _ref2[1];
-    obj[key] = val;
-    return obj;
-  }, {});
-};
 var isEmptyString = function isEmptyString(value) {
   return typeof value === 'string' && value === '';
 };
 var isEmptyArray = function isEmptyArray(value) {
   return Array.isArray(value) && value.length === 0;
 };
-export var validateRequired = function validateRequired(_ref3, value) {
-  var isRequired = _ref3.isRequired,
-    isMultiple = _ref3.isMultiple;
+export var validateRequired = function validateRequired(_ref, value) {
+  var isRequired = _ref.isRequired,
+    isMultiple = _ref.isMultiple;
   if (isRequired) {
     var isUndefined = typeof value === 'undefined';
     var isEmpty = isEmptyString(value) || isMultiple && isEmptyArray(value) || false;

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

@@ -38,7 +38,7 @@ import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewPro
 var contentStyles = function contentStyles(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize({
     theme: props.theme
-  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles, telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles(props), telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 export var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {

package/dist/esm/ui/ElementBrowser/ModalElementBrowser.js

@@ -114,7 +114,7 @@ var Footer = function Footer(_ref) {
 var HelpLink = function HelpLink(url, helpText) {
   return jsx(Button, {
     iconBefore: jsx(QuestionCircleIcon, {
-      label: "help",
+      label: "",
       size: "medium"
     }),
     appearance: "subtle-link",

package/dist/esm/ui/ElementBrowser/constants.js

@@ -14,7 +14,6 @@ export var SIDEBAR_WIDTH = "".concat(GRID_SIZE * 25, "px");
 export var SIDEBAR_HEADING_WRAPPER_HEIGHT = "".concat(GRID_SIZE * 6, "px");
 export var SIDEBAR_HEADING_PADDING_LEFT = '12px';
 export var INLINE_SIDEBAR_HEIGHT = '54px';
-export var SEARCH_ITEM_MARGIN = '12px';
 export var SEARCH_ITEM_HEIGHT_WIDTH = '20px';
 export var SCROLLBAR_WIDTH = 15;
 export var ELEMENT_LIST_PADDING = 2;

package/dist/esm/ui/Resizer/utils.js

@@ -6,7 +6,6 @@ export var snapTo = function snapTo(target, points) {
   });
 };
 export var handleSides = ['left', 'right'];
-export var alignmentLayouts = ['align-start', 'align-end'];
 export var imageAlignmentMap = {
   left: 'start',
   right: 'end'

package/dist/esm/ui/styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
@@ -12,7 +12,4 @@ export var expandIconWrapperStyle = css(_templateObject5 || (_templateObject5 =
 export var triggerWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
 export var buttonContentStyle = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: 6px;\n"])));
 export var buttonContentReducedSpacingStyle = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 8px;\n"])));
-
-// Taken from the style of inline dialog components
-export var dropShadow = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  box-shadow: ", ";\n"])), "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"));
-export var clickSelectWrapperStyle = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));
+export var clickSelectWrapperStyle = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));

package/dist/esm/utils/get-editor-plugins.js

@@ -1,5 +1,4 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { createEditorSelectionAPI } from '../selection-api/api';
 import createPluginsList from '../create-editor/create-plugins-list';
 
 /**
@@ -17,9 +16,8 @@ var getEditorPlugins = function getEditorPlugins(_ref) {
     insertNodeAPI = _ref.insertNodeAPI,
     editorAnalyticsAPI = _ref.editorAnalyticsAPI;
   var dangerouslyAppendedPlugins = (_props$dangerouslyApp = (_props$dangerouslyApp2 = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp2 === void 0 ? void 0 : _props$dangerouslyApp2.__plugins) !== null && _props$dangerouslyApp !== void 0 ? _props$dangerouslyApp : [];
-  var selectionAPI = createEditorSelectionAPI();
   return [].concat(_toConsumableArray(createPluginsList(props, {
     appearance: prevAppearance
-  }, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, selectionAPI)), _toConsumableArray(dangerouslyAppendedPlugins));
+  }, createAnalyticsEvent)), _toConsumableArray(dangerouslyAppendedPlugins));
 };
 export default getEditorPlugins;

package/dist/esm/utils/index.js

@@ -1,23 +1,17 @@
 import { toggleMark } from 'prosemirror-commands';
-import { Fragment, Slice } from 'prosemirror-model';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
-import { findWrapping, liftTarget } from 'prosemirror-transform';
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 import { FakeTextCursorSelection } from '../plugins/fake-text-cursor/cursor';
 import { hasParentNodeOfType } from 'prosemirror-utils';
 import { isNodeEmpty } from './document';
 import { atTheBeginningOfDoc, atTheEndOfDoc } from './prosemirror/position';
+import { isMediaNode } from '@atlaskit/editor-common/utils';
 export { insideTable } from '@atlaskit/editor-common/core-utils';
 export { isEmptyParagraph, hasVisibleContent, isNodeEmpty, isEmptyDocument, processRawValue, getStepRange, findFarthestParentNode, isSelectionEndOfParagraph, nodesBetweenChanged, getNodesCount } from './document';
-export { cascadeCommands, getEditorValueWithMedia } from './action';
-export { isMarkAllowedInRange, isMarkExcluded, removeBlockMarks, sanitiseSelectionMarksForWrapping, sanitiseMarksInSelection } from './mark';
-export { isParagraph, isText, isLinkMark, validateNodes } from './nodes';
-export { normaliseNestedLayout, setNodeSelection, setAllSelection, setGapCursorSelection, setCellSelection, setTextSelection, isValidPosition } from './selection';
-export { containsClassName } from './dom';
+export { sanitiseMarksInSelection } from './mark';
+export { isParagraph, isText, isLinkMark } from './nodes';
+export { normaliseNestedLayout, setNodeSelection, setGapCursorSelection, setTextSelection } from './selection';
 export { default as measurements } from './performance/measure-enum';
-function validateNode(_node) {
-  return false;
-}
 function isMarkTypeCompatibleWithMark(markType, mark) {
   return !mark.type.excludes(markType) && !markType.excludes(mark.type);
 }
@@ -25,23 +19,12 @@ function isMarkTypeAllowedInNode(markType, state) {
   return toggleMark(markType)(state);
 }
 export function canMoveUp(state) {
-  var selection = state.selection,
-    doc = state.doc;
-
+  var selection = state.selection;
   /**
-   * If there's a media element on the selection,
-   * add text blocks with arrow navigation.
-   * Also, the selection could be media | mediaGroup.
+   * If there's a media element on the selection it will use a gap cursor to move
    */
-  if (selection instanceof NodeSelection) {
-    if (selection.node.type.name === 'media') {
-      /** Weird way of checking if the previous element is a paragraph */
-      var mediaAncestorNode = doc.nodeAt(selection.anchor - 3);
-      return !!(mediaAncestorNode && mediaAncestorNode.type.name === 'paragraph');
-    } else if (selection.node.type.name === 'mediaGroup') {
-      var mediaGroupAncestorNode = selection.$anchor.nodeBefore;
-      return !!(mediaGroupAncestorNode && mediaGroupAncestorNode.type.name === 'paragraph');
-    }
+  if (selection instanceof NodeSelection && isMediaNode(selection.node)) {
+    return true;
   }
   if (selection instanceof TextSelection) {
     if (!selection.empty) {
@@ -51,21 +34,13 @@ export function canMoveUp(state) {
   return !atTheBeginningOfDoc(state);
 }
 export function canMoveDown(state) {
-  var selection = state.selection,
-    doc = state.doc;
+  var selection = state.selection;
 
   /**
-   * If there's a media element on the selection,
-   * add text blocks with arrow navigation.
-   * Also, the selection could be media | mediaGroup.
+   * If there's a media element on the selection it will use a gap cursor to move
    */
-  if (selection instanceof NodeSelection) {
-    if (selection.node.type.name === 'media') {
-      var nodeAfter = doc.nodeAt(selection.$head.after());
-      return !!(nodeAfter && nodeAfter.type.name === 'paragraph');
-    } else if (selection.node.type.name === 'mediaGroup') {
-      return !(selection.$head.parentOffset === selection.$anchor.parent.content.size);
-    }
+  if (selection instanceof NodeSelection && isMediaNode(selection.node)) {
+    return true;
   }
   if (selection instanceof TextSelection) {
     if (!selection.empty) {
@@ -126,19 +101,6 @@ export function isMarkTypeAllowedInCurrentSelection(markType, state) {
     return allowedInActiveMarks;
   });
 }
-export function createSliceWithContent(content, state) {
-  return new Slice(Fragment.from(state.schema.text(content)), 0, 0);
-}
-
-/**
- * Determines if content inside a selection can be joined with the next block.
- * We need this check since the built-in method for "joinDown" will join a orderedList with bulletList.
- */
-export function canJoinDown(selection, doc, nodeType) {
-  return checkNodeDown(selection, doc, function (node) {
-    return node.type === nodeType;
-  });
-}
 export function checkNodeDown(selection, doc, filter) {
   var ancestorDepth = findAncestorPosition(doc, selection.$to).depth;
 
@@ -150,65 +112,10 @@ export function checkNodeDown(selection, doc, filter) {
   return res.nodeAfter ? filter(res.nodeAfter) : false;
 }
 
-/**
- * Determines if content inside a selection can be joined with the previous block.
- * We need this check since the built-in method for "joinUp" will join a orderedList with bulletList.
- */
-export function canJoinUp(selection, doc, nodeType) {
-  var res = doc.resolve(selection.$from.before(findAncestorPosition(doc, selection.$from).depth));
-  return res.nodeBefore && res.nodeBefore.type === nodeType;
-}
-
-/**
- * Finds all "selection-groups" within a range. A selection group is based on ancestors.
- *
- * Example:
- * Given the following document and selection ({<} = start of selection and {>} = end)
- *  doc
- *    blockquote
- *      ul
- *        li
- *        li{<}
- *        li
- *     p
- *     p{>}
- *
- * The output will be two selection-groups. One within the ul and one with the two paragraphs.
- */
-export function getGroupsInRange(doc, $from, $to) {
-  var isNodeValid = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : validateNode;
-  var groups = Array();
-  var commonAncestor = hasCommonAncestor(doc, $from, $to);
-  var fromAncestor = findAncestorPosition(doc, $from);
-  if (commonAncestor || fromAncestor.depth === 1 && isNodeValid($from.node(1))) {
-    groups.push({
-      $from: $from,
-      $to: $to
-    });
-  } else {
-    var current = $from;
-    while (current.pos < $to.pos) {
-      var ancestorPos = findAncestorPosition(doc, current);
-      while (ancestorPos.depth > 1) {
-        ancestorPos = findAncestorPosition(doc, ancestorPos);
-      }
-      var endPos = doc.resolve(Math.min(
-      // should not be smaller then start position in case of an empty paragraph for example.
-      Math.max(ancestorPos.start(ancestorPos.depth), ancestorPos.end(ancestorPos.depth) - 3), $to.pos));
-      groups.push({
-        $from: current,
-        $to: endPos
-      });
-      current = doc.resolve(Math.min(endPos.after(1) + 1, doc.nodeSize - 2));
-    }
-  }
-  return groups;
-}
-
 /**
  * Traverse the document until an "ancestor" is found. Any nestable block can be an ancestor.
  */
-export function findAncestorPosition(doc, pos) {
+function findAncestorPosition(doc, pos) {
   var nestableBlocks = ['blockquote', 'bulletList', 'orderedList'];
   if (pos.depth === 1) {
     return pos;
@@ -224,96 +131,6 @@ export function findAncestorPosition(doc, pos) {
   }
   return newPos;
 }
-
-/**
- * Determine if two positions have a common ancestor.
- */
-export function hasCommonAncestor(doc, $from, $to) {
-  var current;
-  var target;
-  if ($from.depth > $to.depth) {
-    current = findAncestorPosition(doc, $from);
-    target = findAncestorPosition(doc, $to);
-  } else {
-    current = findAncestorPosition(doc, $to);
-    target = findAncestorPosition(doc, $from);
-  }
-  while (current.depth > target.depth && current.depth > 1) {
-    current = findAncestorPosition(doc, current);
-  }
-  return current.node(current.depth) === target.node(target.depth);
-}
-
-/**
- * Takes a selection $from and $to and lift all text nodes from their parents to document-level
- */
-export function liftSelection(tr, doc, $from, $to) {
-  var startPos = $from.start($from.depth);
-  var endPos = $to.end($to.depth);
-  var target = Math.max(0, findAncestorPosition(doc, $from).depth - 1);
-  tr.doc.nodesBetween(startPos, endPos, function (node, pos) {
-    if (node.isText ||
-    // Text node
-    node.isTextblock && !node.textContent // Empty paragraph
-    ) {
-      var res = tr.doc.resolve(tr.mapping.map(pos));
-      var sel = new NodeSelection(res);
-      var range = sel.$from.blockRange(sel.$to);
-      if (liftTarget(range) !== undefined) {
-        tr.lift(range, target);
-      }
-    }
-  });
-  startPos = tr.mapping.map(startPos);
-  endPos = tr.mapping.map(endPos);
-  endPos = tr.doc.resolve(endPos).end(tr.doc.resolve(endPos).depth); // We want to select the entire node
-
-  tr.setSelection(new TextSelection(tr.doc.resolve(startPos), tr.doc.resolve(endPos)));
-  return {
-    tr: tr,
-    $from: tr.doc.resolve(startPos),
-    $to: tr.doc.resolve(endPos)
-  };
-}
-
-/**
- * Lift nodes in block to one level above.
- */
-export function liftSiblingNodes(view) {
-  var tr = view.state.tr;
-  var _view$state$selection = view.state.selection,
-    $from = _view$state$selection.$from,
-    $to = _view$state$selection.$to;
-  var blockStart = tr.doc.resolve($from.start($from.depth - 1));
-  var blockEnd = tr.doc.resolve($to.end($to.depth - 1));
-  var range = blockStart.blockRange(blockEnd);
-  view.dispatch(tr.lift(range, blockStart.depth - 1));
-}
-
-/**
- * Lift sibling nodes to document-level and select them.
- */
-export function liftAndSelectSiblingNodes(view) {
-  var tr = view.state.tr;
-  var _view$state$selection2 = view.state.selection,
-    $from = _view$state$selection2.$from,
-    $to = _view$state$selection2.$to;
-  var blockStart = tr.doc.resolve($from.start($from.depth - 1));
-  var blockEnd = tr.doc.resolve($to.end($to.depth - 1));
-  // TODO: [ts30] handle void and null properly
-  var range = blockStart.blockRange(blockEnd);
-  tr.setSelection(new TextSelection(blockStart, blockEnd));
-  tr.lift(range, blockStart.depth - 1);
-  return tr;
-}
-export function wrapIn(nodeType, tr, $from, $to) {
-  var range = $from.blockRange($to);
-  var wrapping = range && findWrapping(range, nodeType);
-  if (wrapping) {
-    tr = tr.wrap(range, wrapping).scrollIntoView();
-  }
-  return tr;
-}
 var transformer = new JSONTransformer();
 export function toJSON(node) {
   return transformer.encode(node);

package/dist/esm/utils/input-rules.js

@@ -24,19 +24,6 @@ export var ruleWithAnalytics = function ruleWithAnalytics(getPayload) {
     });
   };
 };
-export var ruleWithTransform = function ruleWithTransform(transform) {
-  return function (originalRule) {
-    var onHandlerApply = function onHandlerApply(state, tr, matchResult) {
-      transform(state, tr);
-      if (originalRule.onHandlerApply) {
-        originalRule.onHandlerApply(state, tr, matchResult);
-      }
-    };
-    return _objectSpread(_objectSpread({}, originalRule), {}, {
-      onHandlerApply: onHandlerApply
-    });
-  };
-};
 export var createRule = function createRule(match, handler) {
   return {
     match: match,

package/dist/esm/version-wrapper.js

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

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "180.1.0",
+	"version": "181.0.0",
 	"sideEffects": false
 }

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

@@ -1,10 +1,10 @@
 import { Node } from 'prosemirror-model';
-import { EditorActionsOptions, ContextUpdateHandler, ReplaceRawValue } from '@atlaskit/editor-common/types';
-import { EditorView } from 'prosemirror-view';
-import { EventDispatcher } from '../event-dispatcher';
+import { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue } from '@atlaskit/editor-common/types';
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
-import { Transformer } from '@atlaskit/editor-common/types';
 import { ResolvedEditorState } from '@atlaskit/editor-common/collab';
+import { Transformer } from '@atlaskit/editor-common/types';
+import { EditorView } from 'prosemirror-view';
+import { EventDispatcher } from '../event-dispatcher';
 export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     private editorView?;
     private contentTransformer?;