@atlaskit/editor-core 175.0.4 → 176.0.0

package/dist/cjs/ui/ConfigPanel/Fields/Select.js

@@ -52,9 +52,7 @@ function SelectField(_ref) {
       onChange: function onChange(value) {
         fieldProps.onChange(value);
         onFieldChange(name, true);
-      } // @see DST-2386 & ED-12503
-      ,
-      enableAnimation: false // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
+      } // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
       ,
       isMulti: field.isMultiple || false,
       options: field.items || [],

package/dist/cjs/ui/Dropdown/index.js

@@ -1,11 +1,38 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 
-var _default = _uiMenu.Dropdown;
+var _react = _interopRequireWildcard(require("react"));
+
+var _ToolbarArrowKeyNavigationProvider = require("../ToolbarArrowKeyNavigationProvider");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Dropdown = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var props = (0, _extends2.default)({}, _ref);
+  var keydownHandlerContext = (0, _react.useContext)(_ToolbarArrowKeyNavigationProvider.KeyDownHandlerContext);
+  return (
+    /*#__PURE__*/
+    //This context is to handle the tab, Arrow Right/Left key events for dropdown.
+    //Default context has the void callbacks for above key events
+    _react.default.createElement(_uiMenu.Dropdown, (0, _extends2.default)({
+      keyDownHandlerContext: keydownHandlerContext
+    }, props))
+  );
+});
+
+var _default = Dropdown;
 exports.default = _default;

package/dist/cjs/ui/DropdownMenu/index.js

@@ -1,11 +1,35 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 
-var _default = _uiMenu.DropdownMenu;
+var _react = _interopRequireWildcard(require("react"));
+
+var _ToolbarArrowKeyNavigationProvider = require("../ToolbarArrowKeyNavigationProvider");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var DropdownMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var props = (0, _extends2.default)({}, _ref);
+  var keydownHandlerContext = (0, _react.useContext)(_ToolbarArrowKeyNavigationProvider.KeyDownHandlerContext); //This context is to handle the tab, Arrow Right/Left key events for dropdown.
+  //Default context has the void callbacks for above key events
+
+  return /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownMenu, (0, _extends2.default)({
+    keyDownHandlerContext: keydownHandlerContext
+  }, props));
+});
+
+var _default = DropdownMenu;
 exports.default = _default;

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

@@ -7,7 +7,6 @@ exports.SIDEBAR_WIDTH = exports.SIDEBAR_HEADING_WRAPPER_HEIGHT = exports.SIDEBAR
 
 var _constants = require("@atlaskit/theme/constants");
 
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var GRID_SIZE = (0, _constants.gridSize)();
 exports.GRID_SIZE = GRID_SIZE;
 var DEVICE_BREAKPOINT_NUMBERS = {

package/dist/cjs/ui/ToolbarArrowKeyNavigationProvider/index.js

@@ -0,0 +1,166 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* eslint-disable no-console */
+
+/*
+ **  The context is used to handle the keydown events of submenus.
+ **  Because the keyboard navigation is explicitly managed for main toolbar items
+ **  Few key presses such as Tab,Arrow Right/Left need ot be handled here via context
+ */
+var KeyDownHandlerContext = /*#__PURE__*/_react.default.createContext({
+  handleArrowLeft: function handleArrowLeft() {},
+  handleArrowRight: function handleArrowRight() {},
+  handleTab: function handleTab() {}
+});
+/**
+ * This component is a wrapper of main toolbar which listens to keydown events of children
+ * and handles left/right arrow key navigation for all focusable elements
+ * @param
+ * @returns
+ */
+
+
+exports.KeyDownHandlerContext = KeyDownHandlerContext;
+
+var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigationProvider(_ref) {
+  var children = _ref.children,
+      editorView = _ref.editorView;
+  var wrapperRef = (0, _react.useRef)(null);
+  var currentSelectedItemIndex = (0, _react.useRef)(0);
+
+  var incrementIndex = function incrementIndex(list) {
+    if (currentSelectedItemIndex.current === list.length - 1) {
+      currentSelectedItemIndex.current = 0;
+    } else {
+      currentSelectedItemIndex.current = currentSelectedItemIndex.current + 1;
+    }
+  };
+
+  var decrementIndex = function decrementIndex(list) {
+    if (currentSelectedItemIndex.current === 0) {
+      currentSelectedItemIndex.current = list.length - 1;
+    } else {
+      currentSelectedItemIndex.current = currentSelectedItemIndex.current - 1;
+    }
+  };
+
+  var handleArrowRight = function handleArrowRight() {
+    var _filteredFocusableEle;
+
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    incrementIndex(filteredFocusableElements);
+    (_filteredFocusableEle = filteredFocusableElements[currentSelectedItemIndex.current]) === null || _filteredFocusableEle === void 0 ? void 0 : _filteredFocusableEle.focus();
+  };
+
+  var handleArrowLeft = function handleArrowLeft() {
+    var _filteredFocusableEle2;
+
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    decrementIndex(filteredFocusableElements);
+    (_filteredFocusableEle2 = filteredFocusableElements[currentSelectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 ? void 0 : _filteredFocusableEle2.focus();
+  };
+
+  var handleTab = function handleTab() {
+    var _filteredFocusableEle3;
+
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    (_filteredFocusableEle3 = filteredFocusableElements[currentSelectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 ? void 0 : _filteredFocusableEle3.focus();
+  };
+
+  var submenuKeydownHandleContext = {
+    handleArrowLeft: handleArrowLeft,
+    handleArrowRight: handleArrowRight,
+    handleTab: handleTab
+  };
+  (0, _react.useLayoutEffect)(function () {
+    if (!wrapperRef.current) {
+      return;
+    }
+
+    var element = wrapperRef.current;
+    /**
+     * To handle the key events on the list
+     * @param event
+     */
+
+    var handleKeyDown = function handleKeyDown(event) {
+      var _document$querySelect, _wrapperRef$current, _filteredFocusableEle4;
+
+      //To trap the focus inside the horizontal main toolbar for left and right arrow keys
+      var targetElement = event.target; //To filter out the events outside the main toolbar
+
+      if (!targetElement.closest("[data-testid='ak-editor-main-toolbar']")) {
+        return;
+      } //The key events are from child components such as dropdown menus / popups are ignored
+
+
+      if ((_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+        return;
+      }
+
+      var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+
+      if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
+        return;
+      } //This is kind of hack to reset the current focused toolbar item
+      //to handle some usecases such as Tab in/out of main toolbar
+
+
+      if (!((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+        currentSelectedItemIndex.current = -1;
+      } else {
+        currentSelectedItemIndex.current = filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : currentSelectedItemIndex.current;
+      }
+
+      if (event.key === 'ArrowRight') {
+        incrementIndex(filteredFocusableElements);
+      } else if (event.key === 'ArrowLeft') {
+        decrementIndex(filteredFocusableElements);
+      }
+
+      (_filteredFocusableEle4 = filteredFocusableElements[currentSelectedItemIndex.current]) === null || _filteredFocusableEle4 === void 0 ? void 0 : _filteredFocusableEle4.focus();
+    };
+
+    element === null || element === void 0 ? void 0 : element.addEventListener('keydown', handleKeyDown);
+    return function () {
+      element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [currentSelectedItemIndex, wrapperRef, editorView]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom-key-handler-wrapper",
+    ref: wrapperRef
+  }, /*#__PURE__*/_react.default.createElement(KeyDownHandlerContext.Provider, {
+    value: submenuKeydownHandleContext
+  }, children));
+};
+
+exports.ToolbarArrowKeyNavigationProvider = ToolbarArrowKeyNavigationProvider;
+
+function getFocusableElements(rootNode) {
+  if (!rootNode) {
+    return [];
+  }
+
+  var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, div[tabindex="-1"], div[tabindex="0"]') || [];
+  return Array.from(focusableModalElements);
+}
+
+function getFilteredFocusableElements(rootNode) {
+  //The focusable elements from child components such as dropdown menus / popups are ignored
+  return getFocusableElements(rootNode).filter(function (elm) {
+    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]');
+  });
+}

package/dist/cjs/ui/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.expandIconWrapperStyle = exports.dropShadow = exports.clickSelectWrapperStyle = exports.cellColourPreviewStyles = exports.buttonGroupStyle = exports.buttonContentStyle = exports.buttonContentReducedSpacingStyle = void 0;
+exports.expandIconWrapperStyle = exports.dropShadow = exports.clickSelectWrapperStyle = exports.buttonGroupStyle = exports.buttonContentStyle = exports.buttonContentReducedSpacingStyle = void 0;
 Object.defineProperty(exports, "scrollbarStyles", {
   enumerable: true,
   get: function get() {
@@ -33,32 +33,26 @@ var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 
 var _scrollbar = require("@atlaskit/editor-shared-styles/scrollbar");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 
-// TODO ED-15449 delete this style when deleting editor-core table
-var cellColourPreviewStyles = function cellColourPreviewStyles(selectedColor) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &::before {\n    background: ", ";\n  }\n"])), selectedColor);
-};
-
-exports.cellColourPreviewStyles = cellColourPreviewStyles;
-var buttonGroupStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
+var buttonGroupStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
 exports.buttonGroupStyle = buttonGroupStyle;
-var separatorStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), (0, _tokens.token)('color.border', _colors.N30));
+var separatorStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), (0, _tokens.token)('color.border', _colors.N30));
 exports.separatorStyles = separatorStyles;
-var wrapperStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n\n  margin-left: 0;\n  min-width: auto;\n"])));
+var wrapperStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n\n  margin-left: 0;\n  min-width: auto;\n"])));
 exports.wrapperStyle = wrapperStyle;
-var wrapperSmallStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
+var wrapperSmallStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
 exports.wrapperSmallStyle = wrapperSmallStyle;
-var expandIconWrapperStyle = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
+var expandIconWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
 exports.expandIconWrapperStyle = expandIconWrapperStyle;
-var triggerWrapperStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
+var triggerWrapperStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
 exports.triggerWrapperStyles = triggerWrapperStyles;
-var buttonContentStyle = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\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"])));
+var buttonContentStyle = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\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"])));
 exports.buttonContentStyle = buttonContentStyle;
-var buttonContentReducedSpacingStyle = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px;\n"]))); // Taken from the style of inline dialog components
+var buttonContentReducedSpacingStyle = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px;\n"]))); // Taken from the style of inline dialog components
 
 exports.buttonContentReducedSpacingStyle = buttonContentReducedSpacingStyle;
-var dropShadow = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: ", ";\n"])), (0, _tokens.token)('elevation.shadow.overlay', "0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25)"));
+var dropShadow = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: ", ";\n"])), (0, _tokens.token)('elevation.shadow.overlay', "0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25)"));
 exports.dropShadow = dropShadow;
-var clickSelectWrapperStyle = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: all;\n"])));
+var clickSelectWrapperStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: all;\n"])));
 exports.clickSelectWrapperStyle = clickSelectWrapperStyle;

package/dist/cjs/utils/clipboard.js

@@ -118,8 +118,8 @@ var copyToClipboard = /*#__PURE__*/function () {
 exports.copyToClipboard = copyToClipboard;
 
 var copyHTMLToClipboard = /*#__PURE__*/function () {
-  var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(htmlToCopy) {
-    var blobInput, data, Clipboard, dt;
+  var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(elementToCopy, plainTextToCopy) {
+    var data, Clipboard, dt;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -130,15 +130,19 @@ var copyHTMLToClipboard = /*#__PURE__*/function () {
             }
 
             _context2.prev = 1;
-            blobInput = new Blob([htmlToCopy], {
-              type: 'text/html'
+            data = new ClipboardItem({
+              'text/plain': new Blob([plainTextToCopy || elementToCopy.innerText], {
+                type: 'text/plain'
+              }),
+              'text/html': new Blob([elementToCopy.innerHTML], {
+                type: 'text/html'
+              })
             }); // @ts-ignore
 
-            data = [new ClipboardItem({
-              'text/html': blobInput
-            })]; // @ts-ignore
+            _context2.next = 5;
+            return navigator.clipboard.write([data]);
 
-            navigator.clipboard.write(data);
+          case 5:
             _context2.next = 10;
             break;
 
@@ -148,7 +152,7 @@ var copyHTMLToClipboard = /*#__PURE__*/function () {
             throw new Error('Clipboard api is not supported');
 
           case 10:
-            _context2.next = 16;
+            _context2.next = 17;
             break;
 
           case 12:
@@ -156,10 +160,11 @@ var copyHTMLToClipboard = /*#__PURE__*/function () {
             // Hence of use of this polyfill
             Clipboard = clipboard;
             dt = new Clipboard.DT();
-            dt.setData('text/html', htmlToCopy);
+            dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+            dt.setData('text/html', elementToCopy.innerHTML);
             Clipboard.write(dt);
 
-          case 16:
+          case 17:
           case "end":
             return _context2.stop();
         }
@@ -167,7 +172,7 @@ var copyHTMLToClipboard = /*#__PURE__*/function () {
     }, _callee2, null, [[1, 7]]);
   }));
 
-  return function copyHTMLToClipboard(_x2) {
+  return function copyHTMLToClipboard(_x2, _x3) {
     return _ref3.apply(this, arguments);
   };
 }();

package/dist/cjs/utils/document.js

@@ -288,6 +288,19 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
       });
     }
 
+    var _transformInvalidMedi = (0, _transforms.transformInvalidMediaContent)(transformedAdf);
+
+    transformedAdf = _transformInvalidMedi.transformedAdf;
+    isTransformed = _transformInvalidMedi.isTransformed;
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _enums.ACTION.INVALID_MEDIA_CONTENT_TRANSFORMED,
+        actionSubject: _enums.ACTION_SUBJECT.EDITOR,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL
+      });
+    }
+
     var entity = (0, _utils.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent);
     var newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
 

package/dist/cjs/utils/index.js

@@ -12,7 +12,6 @@ Object.defineProperty(exports, "SetAttrsStep", {
   }
 });
 exports.areBlockTypesDisabled = areBlockTypesDisabled;
-exports.arrayFrom = arrayFrom;
 exports.canJoinDown = canJoinDown;
 exports.canJoinUp = canJoinUp;
 exports.canMoveDown = canMoveDown;
@@ -655,14 +654,6 @@ function stringRepeat(text, length) {
 
   return result;
 }
-/**
- * A replacement for `Array.from` until it becomes widely implemented.
- */
-
-
-function arrayFrom(obj) {
-  return Array.prototype.slice.call(obj);
-}
 /*
  * From Modernizr
  * Returns the kind of transitionevent available for the element

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

@@ -9,16 +9,18 @@ exports.ruleWithTransform = exports.ruleWithAnalytics = exports.createWrappingTe
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorTransform = require("prosemirror-transform");
-
 var _prosemirrorHistory = require("prosemirror-history");
 
 var _prosemirrorState = require("prosemirror-state");
 
-var _utils = require("../plugins/analytics/utils");
+var _prosemirrorTransform = require("prosemirror-transform");
+
+var _selection = require("@atlaskit/editor-common/selection");
 
 var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
 
+var _analytics = require("../plugins/analytics");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 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) { (0, _defineProperty2.default)(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; }
@@ -27,7 +29,7 @@ var ruleWithAnalytics = function ruleWithAnalytics(getPayload) {
   return function (originalRule) {
     var onHandlerApply = function onHandlerApply(state, tr, matchResult) {
       var payload = typeof getPayload === 'function' ? getPayload(state, matchResult) : getPayload;
-      (0, _utils.addAnalytics)(state, tr, payload);
+      (0, _analytics.addAnalytics)(state, tr, payload);
 
       if (originalRule.onHandlerApply) {
         originalRule.onHandlerApply(state, tr, matchResult);
@@ -86,7 +88,7 @@ var createPlugin = function createPlugin(pluginName, rules) {
     var unsupportedMarks = isBlockNodeRule ? ['code', 'link', 'typeAheadQuery'] : ['code'];
     var $from = state.selection.$from;
 
-    if ($from.parent.type.spec.code || !(state.selection instanceof _prosemirrorState.TextSelection) || hasUnsupportedMarks(state, from, to, unsupportedMarks) || isBlockNodeRule && isCursorInsideUnsupportedMarks(state, unsupportedMarks)) {
+    if ($from.parent.type.spec.code || !(state.selection instanceof _prosemirrorState.TextSelection) && !(state.selection instanceof _selection.GapCursorSelection) || hasUnsupportedMarks(state, from, to, unsupportedMarks) || isBlockNodeRule && isCursorInsideUnsupportedMarks(state, unsupportedMarks)) {
       return false;
     }
 

package/dist/cjs/utils/table.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPositionNearTableRow = isPositionNearTableRow;
+
+/*
+  isPositionNearTableRow()
+  Returns true when a sibling node, or any  of the parent's sibling
+  nodes are a tableRow
+ */
+function isPositionNearTableRow(pos, schema, direction) {
+  if (!schema.nodes.tableRow) {
+    return false;
+  }
+
+  var doc = pos.doc;
+  var resolved = pos;
+  var sibling = direction === 'before' ? 'nodeBefore' : 'nodeAfter';
+
+  while (resolved.depth > 0) {
+    var _resolved$sibling;
+
+    var siblingType = (_resolved$sibling = resolved[sibling]) === null || _resolved$sibling === void 0 ? void 0 : _resolved$sibling.type;
+
+    if (siblingType === schema.nodes.tableRow) {
+      return true;
+    }
+
+    resolved = doc.resolve(resolved[direction]());
+  }
+
+  return false;
+}

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "175.0.4";
+var version = "176.0.0";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

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

package/dist/es2019/create-editor/ReactEditorView.js

@@ -56,7 +56,7 @@ export function shouldReconfigureState(props, nextProps) {
   }
 
   const mobileProperties = props.appearance === 'mobile' ? ['featureFlags', 'quickInsert'] : [];
-  const properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', ...mobileProperties];
+  const properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent', ...mobileProperties];
   return properties.reduce((acc, curr) => acc || props[curr] !== nextProps[curr], false);
 }
 export class ReactEditorView extends React.Component {

package/dist/es2019/create-editor/create-plugins-list.js

@@ -38,7 +38,7 @@ export function getScrollGutterOptions(props) {
   return undefined;
 }
 export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
-  var _props$performanceTra, _props$linking, _props$featureFlags, _props$performanceTra2, _props$textFormatting, _props$linking2;
+  var _props$performanceTra, _props$linking, _props$performanceTra2, _props$textFormatting, _props$linking2;
 
   const appearance = props.appearance;
   const isMobile = appearance === 'mobile';
@@ -53,8 +53,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     featureFlags: createFeatureFlagsFromProps(props),
     paste: {
       cardOptions,
-      sanitizePrivateContent: props.sanitizePrivateContent,
-      plainTextPasteLinkification: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.plainTextPasteLinkification) === true
+      sanitizePrivateContent: props.sanitizePrivateContent
     },
     base: {
       allowInlineCursorTarget: !isMobile,
@@ -294,7 +293,6 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     const extensionConfig = typeof props.allowExtension === 'object' ? props.allowExtension : {};
     preset.add([extensionPlugin, {
       breakoutEnabled: props.appearance === 'full-page' && extensionConfig.allowBreakout !== false,
-      stickToolbarToBottom: extensionConfig.stickToolbarToBottom,
       allowAutoSave: extensionConfig.allowAutoSave,
       extensionHandlers: props.extensionHandlers,
       useLongPressSelection: false,

package/dist/es2019/keymaps/index.js

@@ -1 +1 @@
-export { addAltText, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleCode, pastePlainText, clearFormatting, setNormalText, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleOrderedList, ctrlBackSpace, toggleBulletList, toggleBlockQuote, insertNewLine, shiftBackspace, splitCodeBlock, splitListItem, insertRule, undo, moveUp, moveDown, moveLeft, moveRight, indentList, outdentList, redo, openHelp, addLink, addInlineComment, submit, enter, shiftEnter, tab, indent, outdent, backspace, deleteKey, forwardDelete, space, escape, nextCell, previousCell, shiftTab, toggleTable, addRowBefore, addRowAfter, addColumnAfter, addColumnBefore, cut, copy, paste, altPaste, find, alignLeft, alignRight, tooltip, ToolTipContent, findKeymapByDescription, findShortcutByDescription, findShortcutByKeymap, makeKeymap, makeKeyMapWithCommon, bindKeymapWithCommand, findKeyMapForBrowser, DOWN, HEADING_KEYS, KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6, LEFT, RIGHT, UP } from '@atlaskit/editor-common/keymaps';
+export { addAltText, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleCode, pastePlainText, clearFormatting, setNormalText, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleOrderedList, ctrlBackSpace, toggleBulletList, toggleBlockQuote, insertNewLine, shiftBackspace, splitCodeBlock, splitListItem, insertRule, undo, moveUp, moveDown, moveLeft, moveRight, indentList, outdentList, redo, openHelp, addLink, addInlineComment, submit, enter, shiftEnter, tab, indent, outdent, backspace, deleteKey, forwardDelete, space, escape, nextCell, previousCell, shiftTab, toggleTable, addRowBefore, addRowAfter, addColumnAfter, addColumnBefore, cut, copy, paste, altPaste, find, alignLeft, tooltip, ToolTipContent, findKeymapByDescription, findShortcutByDescription, findShortcutByKeymap, makeKeymap, makeKeyMapWithCommon, bindKeymapWithCommand, findKeyMapForBrowser, DOWN, HEADING_KEYS, KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6, LEFT, RIGHT, UP } from '@atlaskit/editor-common/keymaps';

package/dist/es2019/labs/next/presets/cxhtml.js

@@ -13,9 +13,7 @@ export function useCXHTMLPreset({
 }) {
   const [preset] = useDefaultPreset({
     featureFlags,
-    paste: {
-      plainTextPasteLinkification: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.plainTextPasteLinkification
-    }
+    paste: {}
   });
   preset.add([basePlugin, {
     allowInlineCursorTarget: true,

package/dist/es2019/labs/next/presets/mobile.js

@@ -37,9 +37,7 @@ export function useMobilePreset({
   const mediaProvider = useProvider('mediaProvider');
   const [preset] = useDefaultPreset({
     featureFlags,
-    paste: {
-      plainTextPasteLinkification: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.plainTextPasteLinkification
-    }
+    paste: {}
   });
   preset.add([basePlugin, {
     allowScrollGutter: {

package/dist/es2019/nodeviews/getInlineNodeViewProducer.js

@@ -1,4 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
@@ -162,17 +165,21 @@ function getPortalChildren({
     //  within inline node view Components however would require a sizable
     //  refactor. A test suite to catch any instances of this is ideal however
     //  the refactor required is currently out of scope for https://product-fabric.atlassian.net/browse/ED-14176
-    return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    return jsx(ErrorBoundary, {
       component: ACTION_SUBJECT.REACT_NODE_VIEW,
       componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
-    }, /*#__PURE__*/React.createElement("span", {
+    }, jsx("span", {
+      "aria-hidden": "true",
+      className: `zeroWidthSpaceContainer`
+    }, jsx("span", {
       className: `${inlineNodeViewClassname}AddZeroWidthSpace`
-    }), ZERO_WIDTH_SPACE, /*#__PURE__*/React.createElement(Component, _extends({
+    }), ZERO_WIDTH_SPACE), jsx(Component, _extends({
       view: nodeViewParams.view,
       getPos: nodeViewParams.getPos,
       node: currentNode
-    }, extraComponentProps)), /*#__PURE__*/React.createElement("span", {
+    }, extraComponentProps)), jsx("span", {
+      "aria-hidden": "true",
       className: `${inlineNodeViewClassname}AddZeroWidthSpace`
     }));
   };

package/dist/es2019/nodeviews/getInlineNodeViewProducer.styles.js

@@ -13,7 +13,7 @@ export const InlineNodeViewSharedStyles = css`
     white-space: nowrap;
     /* Then reset to the Editor default so we don't interfere
     with any component styling. */
-    & > * {
+    & > *:not(span[aria-hidden='true'].zeroWidthSpaceContainer) {
       white-space: pre-wrap;
     }
   }