@atlaskit/editor-core 178.1.0 → 178.1.2

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

@@ -14,21 +14,17 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, IN
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { isSelectionAtPlaceholder } from './selection-utils';
 import { createInternalTypeAheadTools } from '../type-ahead/api';
-
 var getOpenTypeAhead = function getOpenTypeAhead(view, content) {
   var typeAheadAPI = createInternalTypeAheadTools(view);
   var typeAheadHandler = typeAheadAPI.findTypeAheadHandler(content);
-
   if (!typeAheadHandler || !typeAheadHandler.id) {
     return null;
   }
-
   return typeAheadAPI.openTypeAheadHandler({
     triggerHandler: typeAheadHandler,
     inputMethod: INPUT_METHOD.KEYBOARD
   });
 };
-
 export function createPlugin(dispatch, options) {
   var allowInserting = !!options.allowInserting;
   return new SafePlugin({
@@ -42,7 +38,6 @@ export function createPlugin(dispatch, options) {
       },
       apply: function apply(tr, state) {
         var meta = tr.getMeta(pluginKey);
-
         if (meta && meta.showInsertPanelAt !== undefined) {
           var newState = {
             showInsertPanelAt: meta.showInsertPanelAt,
@@ -58,7 +53,6 @@ export function createPlugin(dispatch, options) {
           dispatch(pluginKey, _newState);
           return _newState;
         }
-
         return state;
       }
     },
@@ -70,45 +64,38 @@ export function createPlugin(dispatch, options) {
         var adjacentNode = newState.selection.$head.nodeAfter;
         var adjacentNodePos = newState.selection.$head.pos;
         var placeholderNodeType = newState.schema.nodes.placeholder;
-
         if (adjacentNode && adjacentNode.type === placeholderNodeType && didPlaceholderExistBeforeTxn) {
           var _$newHead$nodeBefore;
-
           var $newHead = newState.selection.$head;
-          var $oldHead = oldState.selection.$head; // Check that cursor has moved forward in the document **and** that there is content before the cursor
-
+          var $oldHead = oldState.selection.$head;
+          // Check that cursor has moved forward in the document **and** that there is content before the cursor
           var cursorMoved = $oldHead.pos < $newHead.pos;
           var nodeBeforeHasContent = !isNodeEmpty($newHead.nodeBefore);
           var nodeBeforeIsInline = (_$newHead$nodeBefore = $newHead.nodeBefore) === null || _$newHead$nodeBefore === void 0 ? void 0 : _$newHead$nodeBefore.type.isInline;
-
           if (cursorMoved && (nodeBeforeHasContent || nodeBeforeIsInline)) {
             var _NodeSelection$create = NodeSelection.create(newState.doc, adjacentNodePos),
-                $from = _NodeSelection$create.$from,
-                $to = _NodeSelection$create.$to;
-
+              $from = _NodeSelection$create.$from,
+              $to = _NodeSelection$create.$to;
             return newState.tr.deleteRange($from.pos, $to.pos);
           }
         }
-      } // Handle Fake Text Cursor for Floating Toolbar
-
+      }
 
+      // Handle Fake Text Cursor for Floating Toolbar
       if (!pluginKey.getState(oldState).showInsertPanelAt && pluginKey.getState(newState).showInsertPanelAt) {
         return newState.tr.setSelection(new FakeTextCursorSelection(newState.selection.$from));
       }
-
       if (pluginKey.getState(oldState).showInsertPanelAt && !pluginKey.getState(newState).showInsertPanelAt) {
         if (newState.selection instanceof FakeTextCursorSelection) {
           return newState.tr.setSelection(new TextSelection(newState.selection.$from));
         }
       }
-
       return;
     },
     props: {
       handleDOMEvents: {
         beforeinput: function beforeinput(view, event) {
           var state = view.state;
-
           if (event instanceof InputEvent && !event.isComposing && event.inputType === 'insertText' && isSelectionAtPlaceholder(view.state.selection)) {
             event.stopPropagation();
             event.preventDefault();
@@ -117,17 +104,14 @@ export function createPlugin(dispatch, options) {
             var tr = view.state.tr;
             tr.delete(startNodePosition, startNodePosition + 1);
             var openTypeAhead = getOpenTypeAhead(view, content);
-
             if (openTypeAhead) {
               openTypeAhead(tr);
             } else {
               tr.insertText(content);
             }
-
             view.dispatch(tr);
             return true;
           }
-
           return false;
         }
       },
@@ -139,7 +123,6 @@ export function createPlugin(dispatch, options) {
     }
   });
 }
-
 var basePlaceholderTextPlugin = function basePlaceholderTextPlugin(options) {
   return {
     name: 'placeholderText',
@@ -160,37 +143,30 @@ var basePlaceholderTextPlugin = function basePlaceholderTextPlugin(options) {
     },
     contentComponent: function contentComponent(_ref2) {
       var editorView = _ref2.editorView,
-          popupsMountPoint = _ref2.popupsMountPoint,
-          popupsBoundariesElement = _ref2.popupsBoundariesElement;
-
+        popupsMountPoint = _ref2.popupsMountPoint,
+        popupsBoundariesElement = _ref2.popupsBoundariesElement;
       var insertPlaceholderText = function insertPlaceholderText(value) {
         return insertPlaceholderTextAtSelection(value)(editorView.state, editorView.dispatch);
       };
-
       var hidePlaceholderToolbar = function hidePlaceholderToolbar() {
         return hidePlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
       };
-
       var getNodeFromPos = function getNodeFromPos(pos) {
         return editorView.domAtPos(pos).node;
       };
-
       var getFixedCoordinatesFromPos = function getFixedCoordinatesFromPos(pos) {
         return editorView.coordsAtPos(pos);
       };
-
       var setFocusInEditor = function setFocusInEditor() {
         return editorView.focus();
       };
-
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
           placeholderTextState: pluginKey
         },
         render: function render(_ref3) {
           var _ref3$placeholderText = _ref3.placeholderTextState,
-              placeholderTextState = _ref3$placeholderText === void 0 ? {} : _ref3$placeholderText;
-
+            placeholderTextState = _ref3$placeholderText === void 0 ? {} : _ref3$placeholderText;
           if (placeholderTextState.showInsertPanelAt) {
             return /*#__PURE__*/React.createElement(PlaceholderFloatingToolbar, {
               editorViewDOM: editorView.dom,
@@ -204,19 +180,16 @@ var basePlaceholderTextPlugin = function basePlaceholderTextPlugin(options) {
               setFocusInEditor: setFocusInEditor
             });
           }
-
           return null;
         }
       });
     }
   };
 };
-
 var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, options) {
   if (!options.allowInserting) {
     return plugin;
   }
-
   plugin.pluginsOptions = {
     quickInsert: function quickInsert(_ref4) {
       var formatMessage = _ref4.formatMessage;
@@ -251,9 +224,7 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
   };
   return plugin;
 };
-
 var placeholderTextPlugin = function placeholderTextPlugin(options) {
   return decorateWithPluginOptions(basePlaceholderTextPlugin(options), options);
 };
-
 export default placeholderTextPlugin;

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

@@ -2,44 +2,37 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import { Selection } from 'prosemirror-state';
 import { browser, ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-
 var serializePlaceholderNode = function serializePlaceholderNode(node) {
   var element = document.createElement('span');
-  element.classList.add('pm-placeholder'); // the inline node api test suite requires the following class name
+  element.classList.add('pm-placeholder');
 
+  // the inline node api test suite requires the following class name
   element.classList.add('placeholderView-content-wrap');
-
   if (browser.gecko) {
     element.setAttribute('contenteditable', 'true');
   }
-
   element.innerText = ZERO_WIDTH_SPACE;
   var elementChildren = document.createElement('span');
   elementChildren.classList.add('pm-placeholder__text');
   elementChildren.dataset.placeholder = node.attrs.text;
   elementChildren.setAttribute('contenteditable', 'false');
   element.appendChild(elementChildren);
-
   if (browser.safari) {
     element.appendChild(document.createTextNode(ZERO_WIDTH_SPACE));
   } else {
     element.appendChild(document.createElement('wbr'));
   }
-
   return element;
 };
-
 export var PlaceholderTextNodeView = /*#__PURE__*/function () {
   function PlaceholderTextNodeView(node, view, getPos) {
     _classCallCheck(this, PlaceholderTextNodeView);
-
     this.node = node;
     this.view = view;
     this.getPos = getPos;
     this.dom = serializePlaceholderNode(this.node);
     this.getPos = getPos;
   }
-
   _createClass(PlaceholderTextNodeView, [{
     key: "stopEvent",
     value: function stopEvent(e) {
@@ -49,12 +42,9 @@ export var PlaceholderTextNodeView = /*#__PURE__*/function () {
         var startNodePosition = this.getPos();
         var tr = _view.state.tr;
         tr.setSelection(Selection.near(tr.doc.resolve(startNodePosition)));
-
         _view.dispatch(tr);
-
         return true;
       }
-
       return false;
     }
   }, {
@@ -63,31 +53,27 @@ export var PlaceholderTextNodeView = /*#__PURE__*/function () {
       if (typeof this.getPos !== 'function' || record.type !== 'selection') {
         return true;
       }
-
       var view = this.view,
-          node = this.node;
+        node = this.node;
       var placeholderStartPosition = this.getPos();
       var placeholderEndPosition = this.getPos() + node.nodeSize;
-      var selection = view.state.selection; // when the selection is set right after the placeholder.
-      // we should let ProseMirror deal with this edge-case
+      var selection = view.state.selection;
 
+      // when the selection is set right after the placeholder.
+      // we should let ProseMirror deal with this edge-case
       if (selection.from === placeholderEndPosition) {
         return false;
       }
-
       var isSelectionAtPlaceholder = selection.from === placeholderStartPosition;
       var isSelectionAfterlaceholder = selection.from > placeholderEndPosition;
-
       if (isSelectionAtPlaceholder || isSelectionAfterlaceholder) {
         var tr = view.state.tr;
         tr.setSelection(Selection.near(tr.doc.resolve(placeholderEndPosition)));
         view.dispatch(tr);
         return true;
       }
-
       return true;
     }
   }]);
-
   return PlaceholderTextNodeView;
 }();

package/dist/esm/plugins/placeholder-text/selection-utils.js

@@ -3,7 +3,6 @@ export var isSelectionAtPlaceholder = function isSelectionAtPlaceholder(selectio
   if (!(selection instanceof TextSelection) || !selection.$cursor) {
     return false;
   }
-
   var node = selection.$cursor.doc.nodeAt(selection.$cursor.pos);
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'placeholder';
 };

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

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';

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

@@ -5,11 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import PanelTextInput from '../../../../ui/PanelTextInput';
@@ -21,58 +18,45 @@ export var messages = defineMessages({
     description: ''
   }
 });
-
 var PlaceholderFloatingToolbar = /*#__PURE__*/function (_React$Component) {
   _inherits(PlaceholderFloatingToolbar, _React$Component);
-
   var _super = _createSuper(PlaceholderFloatingToolbar);
-
   function PlaceholderFloatingToolbar() {
     var _this;
-
     _classCallCheck(this, PlaceholderFloatingToolbar);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "handleSubmit", function (value) {
       if (value) {
         _this.props.insertPlaceholder(value);
-
         _this.props.setFocusInEditor();
       } else {
         _this.props.hidePlaceholderFloatingToolbar();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleBlur", function () {
       _this.props.hidePlaceholderFloatingToolbar();
     });
-
     return _this;
   }
-
   _createClass(PlaceholderFloatingToolbar, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          getNodeFromPos = _this$props.getNodeFromPos,
-          showInsertPanelAt = _this$props.showInsertPanelAt,
-          editorViewDOM = _this$props.editorViewDOM,
-          popupsMountPoint = _this$props.popupsMountPoint,
-          getFixedCoordinatesFromPos = _this$props.getFixedCoordinatesFromPos,
-          popupsBoundariesElement = _this$props.popupsBoundariesElement,
-          formatMessage = _this$props.intl.formatMessage;
+        getNodeFromPos = _this$props.getNodeFromPos,
+        showInsertPanelAt = _this$props.showInsertPanelAt,
+        editorViewDOM = _this$props.editorViewDOM,
+        popupsMountPoint = _this$props.popupsMountPoint,
+        getFixedCoordinatesFromPos = _this$props.getFixedCoordinatesFromPos,
+        popupsBoundariesElement = _this$props.popupsBoundariesElement,
+        formatMessage = _this$props.intl.formatMessage;
       var target = getNodeFromPos(showInsertPanelAt);
       var offsetParent = getOffsetParent(editorViewDOM, popupsMountPoint);
-
       var getFixedCoordinates = function getFixedCoordinates() {
         return getFixedCoordinatesFromPos(showInsertPanelAt);
       };
-
       var handlePositionCalculated = handlePositionCalculatedWith(offsetParent, target, getFixedCoordinates);
       return /*#__PURE__*/React.createElement(FloatingToolbar, {
         target: getNearestNonTextNode(target),
@@ -90,8 +74,6 @@ var PlaceholderFloatingToolbar = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return PlaceholderFloatingToolbar;
 }(React.Component);
-
 export default injectIntl(PlaceholderFloatingToolbar);

package/dist/esm/plugins/quick-insert/api.js

@@ -1,18 +1,14 @@
 import { pluginKey as quickInsertPluginKey } from './plugin-key';
 import { searchQuickInsertItems } from './search';
-
 var getItems = function getItems(editorView) {
   return function (query, options) {
     var pluginState = quickInsertPluginKey.getState(editorView.state);
-
     if (!pluginState) {
       return [];
     }
-
     return searchQuickInsertItems(pluginState, options)(query);
   };
 };
-
 export var createQuickInsertTools = function createQuickInsertTools(editorView) {
   return {
     getItems: getItems(editorView)

package/dist/esm/plugins/quick-insert/assets/action.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconAction() {

package/dist/esm/plugins/quick-insert/assets/code.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconCode() {

package/dist/esm/plugins/quick-insert/assets/custom-panel.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconCustomPanel() {

package/dist/esm/plugins/quick-insert/assets/date.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconDate() {

package/dist/esm/plugins/quick-insert/assets/decision.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconDecision() {

package/dist/esm/plugins/quick-insert/assets/divider.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconDivider() {

package/dist/esm/plugins/quick-insert/assets/emoji.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconEmoji() {

package/dist/esm/plugins/quick-insert/assets/expand.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconExpand() {

package/dist/esm/plugins/quick-insert/assets/fallback.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconFallback() {

package/dist/esm/plugins/quick-insert/assets/feedback.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconFeedback() {

package/dist/esm/plugins/quick-insert/assets/heading1.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconHeading1() {

package/dist/esm/plugins/quick-insert/assets/heading2.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconHeading2() {

package/dist/esm/plugins/quick-insert/assets/heading3.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconHeading3() {

package/dist/esm/plugins/quick-insert/assets/heading4.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconHeading4() {

package/dist/esm/plugins/quick-insert/assets/heading5.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconHeading5() {

package/dist/esm/plugins/quick-insert/assets/heading6.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconHeading6() {

package/dist/esm/plugins/quick-insert/assets/images.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconImages() {