@atlaskit/editor-core 166.0.4 → 167.0.2

package/dist/cjs/ui/LinkSearch/LinkSearchListItem.js

@@ -31,6 +31,8 @@ var _react2 = require("@emotion/react");
 
 var _theme = require("@atlaskit/theme");
 
+var _tokens = require("@atlaskit/tokens");
+
 var _colors = require("@atlaskit/theme/colors");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -53,12 +55,12 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 var container = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: transparent;\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  margin-top: 0;\n"])));
 exports.container = container;
-var containerSelected = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), _colors.N20);
+var containerSelected = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), (0, _tokens.token)('color.background.neutral.subtle.hovered', _colors.N20));
 exports.containerSelected = containerSelected;
 var nameWrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n"])));
-var nameStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), _colors.N800);
+var nameStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), (0, _tokens.token)('color.text', _colors.N800));
 exports.nameStyle = nameStyle;
-var containerName = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), _colors.N300, (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _theme.fontSizeSmall)()));
+var containerName = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), (0, _tokens.token)('color.text.subtlest', _colors.N300), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _theme.fontSizeSmall)()));
 exports.containerName = containerName;
 var iconStyle = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 16px;\n  margin-top: 3px;\n  margin-right: 12px;\n\n  img {\n    max-width: 16px;\n  }\n"])));
 

package/dist/cjs/ui/PanelTextInput/styles.js

@@ -15,10 +15,12 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
+var _tokens = require("@atlaskit/tokens");
+
 var _templateObject, _templateObject2;
 
 // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
-var panelTextInput = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input& {\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n    box-sizing: content-box;\n    color: ", ";\n    flex-grow: 1;\n    font-size: ", ";\n    line-height: 20px;\n    padding: 0;\n    min-width: 145px;\n\n    /* Hides IE10+ built-in [x] clear input button */\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::placeholder {\n      color: ", ";\n      opacity: 0.5;\n    }\n  }\n"])), _colors.N400, (0, _editorSharedStyles.relativeFontSizeToBase16)(13), _colors.N800);
+var panelTextInput = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input& {\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n    box-sizing: content-box;\n    color: ", ";\n    flex-grow: 1;\n    font-size: ", ";\n    line-height: 20px;\n    padding: 0;\n    min-width: 145px;\n\n    /* Hides IE10+ built-in [x] clear input button */\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), (0, _tokens.token)('color.text.subtle', _colors.N400), (0, _editorSharedStyles.relativeFontSizeToBase16)(13), (0, _tokens.token)('color.text.subtlest', _colors.N100));
 exports.panelTextInput = panelTextInput;
 
 var panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {

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

@@ -94,8 +94,9 @@ var PluginSlot = /*#__PURE__*/function (_React$Component) {
           popupsBoundariesElement = _this$props.popupsBoundariesElement,
           popupsScrollableElement = _this$props.popupsScrollableElement,
           containerElement = _this$props.containerElement,
-          disabled = _this$props.disabled;
-      return !(nextProps.editorView === editorView && nextProps.editorActions === editorActions && nextProps.items === items && nextProps.providerFactory === providerFactory && nextProps.eventDispatcher === eventDispatcher && nextProps.popupsMountPoint === popupsMountPoint && nextProps.popupsBoundariesElement === popupsBoundariesElement && nextProps.popupsScrollableElement === popupsScrollableElement && nextProps.containerElement === containerElement && nextProps.disabled === disabled);
+          disabled = _this$props.disabled,
+          wrapperElement = _this$props.wrapperElement;
+      return !(nextProps.editorView === editorView && nextProps.editorActions === editorActions && nextProps.items === items && nextProps.providerFactory === providerFactory && nextProps.eventDispatcher === eventDispatcher && nextProps.popupsMountPoint === popupsMountPoint && nextProps.popupsBoundariesElement === popupsBoundariesElement && nextProps.popupsScrollableElement === popupsScrollableElement && nextProps.containerElement === containerElement && nextProps.disabled === disabled && nextProps.wrapperElement === wrapperElement);
     }
   }, {
     key: "componentDidMount",
@@ -130,7 +131,8 @@ var PluginSlot = /*#__PURE__*/function (_React$Component) {
           popupsScrollableElement = _this$props2.popupsScrollableElement,
           containerElement = _this$props2.containerElement,
           disabled = _this$props2.disabled,
-          dispatchAnalyticsEvent = _this$props2.dispatchAnalyticsEvent;
+          dispatchAnalyticsEvent = _this$props2.dispatchAnalyticsEvent,
+          wrapperElement = _this$props2.wrapperElement;
 
       if (!items || !editorView) {
         return null;
@@ -156,7 +158,8 @@ var PluginSlot = /*#__PURE__*/function (_React$Component) {
           popupsBoundariesElement: popupsBoundariesElement,
           popupsScrollableElement: popupsScrollableElement,
           containerElement: containerElement,
-          disabled: disabled
+          disabled: disabled,
+          wrapperElement: wrapperElement
         });
         return element && /*#__PURE__*/_react.default.cloneElement(element, props);
       })));

package/dist/cjs/ui/Toolbar/ToolbarInner.js

@@ -91,7 +91,8 @@ var ToolbarInner = /*#__PURE__*/function (_React$Component) {
           isToolbarReducedSpacing: isToolbarReducedSpacing,
           containerElement: containerElement,
           isLastItem: key === items.length - 1,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          wrapperElement: null
         });
         return element && /*#__PURE__*/_react.default.cloneElement(element, props);
       }));

package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -31,6 +31,8 @@ var _Toolbar = require("./Toolbar");
 
 var _types = require("./types");
 
+var _isFullPage = require("../../utils/is-full-page");
+
 var _templateObject;
 
 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); }
@@ -52,10 +54,11 @@ var ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
   });
   var toolbarSize = typeof width === 'undefined' && typeof elementWidth === 'undefined' ? undefined : (0, _toolbarSize.widthToToolbarSize)(width || elementWidth, props.appearance);
   var toolbarStyle = (0, _react.useMemo)(function () {
-    var toolbarMinWidth = (0, _toolbarSize.toolbarSizeToWidth)(_types.ToolbarSize.M, props.appearance);
+    var toolbarWidth = (0, _isFullPage.isFullPage)(props.appearance) && props.twoLineEditorToolbar ? _types.ToolbarSize.S : _types.ToolbarSize.M;
+    var toolbarMinWidth = (0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance);
     var minWidth = "min-width: ".concat(props.hasMinWidth ? toolbarMinWidth : '254', "px");
     return [toolbar, minWidth];
-  }, [props.appearance, props.hasMinWidth]);
+  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
   return (0, _react2.jsx)("div", {
     css: toolbarStyle
   }, (0, _react2.jsx)(_widthDetector.WidthObserver, {

package/dist/cjs/ui/ToolbarFeedback/styles.js

@@ -15,6 +15,8 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _colors = require("@atlaskit/theme/colors");
 
+var _tokens = require("@atlaskit/tokens");
+
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
@@ -23,11 +25,11 @@ var buttonContent = (0, _react.css)(_templateObject || (_templateObject = (0, _t
 exports.buttonContent = buttonContent;
 var wrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-right: 0;\n"])));
 exports.wrapper = wrapper;
-var confirmationPopup = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background: #fff;\n  border-radius: ", "px;\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow: auto;\n  max-height: none;\n  height: 410px;\n  width: 280px;\n"])), (0, _constants.borderRadius)(), _colors.N60A, _colors.N60A);
+var confirmationPopup = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow: auto;\n  max-height: none;\n  height: 410px;\n  width: 280px;\n"])), (0, _tokens.token)('elevation.surface.overlay', '#fff'), (0, _constants.borderRadius)(), (0, _tokens.token)('elevation.shadow.overlay', "0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A)));
 exports.confirmationPopup = confirmationPopup;
-var confirmationText = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", ";\n  word-spacing: 4px;\n  line-height: 22px;\n  color: ", ";\n  margin-top: 30px;\n  padding: 20px;\n  & > div {\n    width: 240px;\n  }\n  & > div:first-of-type {\n    margin-bottom: 12px;\n  }\n  & > div:nth-of-type(2) {\n    margin-bottom: 20px;\n  }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(14), _colors.N400);
+var confirmationText = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", ";\n  word-spacing: 4px;\n  line-height: 22px;\n  color: ", ";\n  margin-top: 30px;\n  padding: 20px;\n  & > div {\n    width: 240px;\n  }\n  & > div:first-of-type {\n    margin-bottom: 12px;\n  }\n  & > div:nth-of-type(2) {\n    margin-bottom: 20px;\n  }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(14), (0, _tokens.token)('color.text.subtle', _colors.N400));
 exports.confirmationText = confirmationText;
-var confirmationHeader = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  height: 100px;\n  width: 100%;\n  display: inline-block;\n"])), _colors.P400);
+var confirmationHeader = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  height: 100px;\n  width: 100%;\n  display: inline-block;\n"])), (0, _tokens.token)('color.background.discovery.bold', _colors.P400));
 exports.confirmationHeader = confirmationHeader;
 var confirmationImg = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100px;\n  display: block;\n  margin: 25px auto 0 auto;\n"])));
 exports.confirmationImg = confirmationImg;

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

@@ -29,14 +29,16 @@ var _react2 = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
+var _tokens = require("@atlaskit/tokens");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
 
-var pulseBackground = (0, _react2.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  50% {\n    background-color: ", ";\n  }\n"])), _colors.R100);
-var pulseBackgroundReverse = (0, _react2.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    background-color: ", ";\n  }\n  50% {\n    background-color: auto;\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), _colors.R100, _colors.R100);
+var pulseBackground = (0, _react2.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  50% {\n    background-color: ", ";\n  }\n"])), (0, _tokens.token)('color.blanket.danger', _colors.R100));
+var pulseBackgroundReverse = (0, _react2.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    background-color: ", ";\n  }\n  50% {\n    background-color: auto;\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), (0, _tokens.token)('color.blanket.danger', _colors.R100), (0, _tokens.token)('color.blanket.danger', _colors.R100));
 var flashWrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &.-flash > div {\n    animation: 0.25s ease-in-out ", ";\n  }\n\n  & > div {\n    animation: 'none';\n  }\n"])), pulseBackgroundReverse);
 var flashWrapperAnimated = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  & > div {\n    animation: 0.25s ease-in-out ", ";\n  }\n"])), flashWrapper, pulseBackground);
 

package/dist/cjs/ui/styles.js

@@ -15,6 +15,8 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _colors = require("@atlaskit/theme/colors");
 
+var _tokens = require("@atlaskit/tokens");
+
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
@@ -22,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var akGridSize = (0, _constants.gridSize)() + 'px';
 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)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), _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)(_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;
@@ -37,12 +39,12 @@ exports.buttonContentStyle = buttonContentStyle;
 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)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25);\n"]))); // TODO change to use emotion css
+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)")); // TODO: https://product-fabric.atlassian.net/browse/DSP-4494
 
 exports.dropShadow = dropShadow;
-var scrollbarStyles = "\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  &::-webkit-scrollbar {\n    height: ".concat(akGridSize, ";\n    width: ").concat(akGridSize, ";\n  }\n\n  &::-webkit-scrollbar-corner {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0);\n  }\n\n  &:hover::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: ").concat(akGridSize, ";\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(0, 0, 0, 0.4);\n  }\n");
+var scrollbarStyles = "\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  &::-webkit-scrollbar {\n    height: ".concat(akGridSize, ";\n    width: ").concat(akGridSize, ";\n  }\n\n  &::-webkit-scrollbar-corner {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ").concat((0, _tokens.token)('color.background.neutral.subtle', 'rgba(0, 0, 0, 0)'), ";\n  }\n\n  &:hover::-webkit-scrollbar-thumb {\n    background-color: ").concat((0, _tokens.token)('color.background.neutral.bold', 'rgba(0, 0, 0, 0.2)'), ";\n    border-radius: ").concat(akGridSize, ";\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background-color: ").concat((0, _tokens.token)('color.background.neutral.bold.hovered', 'rgba(0, 0, 0, 0.4)'), ";\n  }\n");
 exports.scrollbarStyles = scrollbarStyles;
-var shortcutStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: rgba(223, 225, 229, 0.5); /* N60 at 50% */\n  color: ", ";\n  border-radius: ", "px;\n  padding: 4px;\n  line-height: 12px;\n  font-size: ", ";\n  align-self: flex-end;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), _colors.N100, (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67), _editorSharedStyles.akEditorMobileMaxWidth);
+var shortcutStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", "; /* N60 at 50% */\n  color: ", ";\n  border-radius: ", "px;\n  padding: 4px;\n  line-height: 12px;\n  font-size: ", ";\n  align-self: flex-end;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), (0, _tokens.token)('color.background.neutral', 'rgba(223, 225, 229, 0.5)'), (0, _tokens.token)('color.text.subtle', _colors.N100), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67), _editorSharedStyles.akEditorMobileMaxWidth);
 exports.shortcutStyle = shortcutStyle;
 var clickSelectWrapperStyle = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: all;\n"])));
 exports.clickSelectWrapperStyle = clickSelectWrapperStyle;

package/dist/cjs/utils/document.js

@@ -18,6 +18,7 @@ exports.isEmptyDocument = isEmptyDocument;
 exports.isEmptyParagraph = isEmptyParagraph;
 exports.isInEmptyLine = isInEmptyLine;
 exports.isNodeEmpty = isNodeEmpty;
+exports.isProseMirrorSchemaCheckError = isProseMirrorSchemaCheckError;
 exports.isSelectionEndOfParagraph = void 0;
 exports.nodesBetweenChanged = nodesBetweenChanged;
 exports.processRawValue = processRawValue;
@@ -26,7 +27,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _prosemirrorModel = require("prosemirror-model");
 
-var _adfUtils = require("@atlaskit/adf-utils");
+var _transforms = require("@atlaskit/adf-utils/transforms");
 
 var _privacyFilter = require("../utils/filter/privacy-filter");
 
@@ -113,6 +114,10 @@ function hasDocAsParent($anchor) {
   return $anchor.depth === 1;
 }
 
+function isProseMirrorSchemaCheckError(error) {
+  return error instanceof RangeError && (!!error.message.match(/^Invalid collection of marks for node/) || !!error.message.match(/^Invalid content for node/));
+}
+
 function isInEmptyLine(state) {
   var selection = state.selection;
   var _ref = selection,
@@ -208,7 +213,7 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
     // https://product-fabric.atlassian.net/browse/ED-14043
 
 
-    var _transformMediaLinkMa = (0, _adfUtils.transformMediaLinkMarks)(node),
+    var _transformMediaLinkMa = (0, _transforms.transformMediaLinkMarks)(node),
         transformedAdf = _transformMediaLinkMa.transformedAdf,
         isTransformed = _transformMediaLinkMa.isTransformed;
 
@@ -225,9 +230,10 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
     // and preserving code marks during content changes.
 
 
-    var transformResult = (0, _adfUtils.transformTextLinkCodeMarks)(node);
-    transformedAdf = transformResult.transformedAdf;
-    isTransformed = transformResult.isTransformed;
+    var _transformTextLinkCod = (0, _transforms.transformTextLinkCodeMarks)(transformedAdf);
+
+    transformedAdf = _transformTextLinkCod.transformedAdf;
+    isTransformed = _transformTextLinkCod.isTransformed;
 
     if (isTransformed && dispatchAnalyticsEvent) {
       dispatchAnalyticsEvent({
@@ -237,6 +243,51 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
       });
     }
 
+    var discardedMarks = [];
+
+    var _transformDedupeMarks = (0, _transforms.transformDedupeMarks)(transformedAdf);
+
+    transformedAdf = _transformDedupeMarks.transformedAdf;
+    isTransformed = _transformDedupeMarks.isTransformed;
+    discardedMarks = _transformDedupeMarks.discardedMarks;
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _enums.ACTION.DEDUPE_MARKS_TRANSFORMED,
+        actionSubject: _enums.ACTION_SUBJECT.EDITOR,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          discardedMarks: discardedMarks
+        }
+      });
+    }
+
+    var _transformNodesMissin = (0, _transforms.transformNodesMissingContent)(transformedAdf);
+
+    transformedAdf = _transformNodesMissin.transformedAdf;
+    isTransformed = _transformNodesMissin.isTransformed;
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _enums.ACTION.NODES_MISSING_CONTENT_TRANSFORMED,
+        actionSubject: _enums.ACTION_SUBJECT.EDITOR,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL
+      });
+    }
+
+    var _transformIndentation = (0, _transforms.transformIndentationMarks)(transformedAdf);
+
+    transformedAdf = _transformIndentation.transformedAdf;
+    isTransformed = _transformIndentation.isTransformed;
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _enums.ACTION.INDENTATION_MARKS_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);
 
@@ -257,7 +308,7 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
         });
       }
 
-      return;
+      throw err;
     }
 
     if (dispatchAnalyticsEvent) {
@@ -279,6 +330,11 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
 
 
     console.error("Error processing document:\n".concat(e.message, "\n\n"), JSON.stringify(node));
+
+    if (isProseMirrorSchemaCheckError(e)) {
+      throw e;
+    }
+
     return;
   }
 }

package/dist/cjs/utils/filter/privacy-filter.js

@@ -9,7 +9,7 @@ exports.sanitizeNodeForPrivacy = sanitizeNodeForPrivacy;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _adfUtils = require("@atlaskit/adf-utils");
+var _traverse = require("@atlaskit/adf-utils/traverse");
 
 var _resource = require("@atlaskit/mention/resource");
 
@@ -26,7 +26,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function sanitizeNodeForPrivacy(json, providerFactory) {
   var mentionNames = new Map();
   var hasCacheableMentions = false;
-  var sanitizedJSON = (0, _adfUtils.traverse)(json, {
+  var sanitizedJSON = (0, _traverse.traverse)(json, {
     mention: function mention(node) {
       if (node.attrs && node.attrs.text) {
         hasCacheableMentions = true; // Remove @ prefix

package/dist/cjs/utils/step.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.extractSliceFromStep = void 0;
 exports.stepAddsOneOf = stepAddsOneOf;
 exports.stepHasSlice = void 0;
 
+var _prosemirrorTransform = require("prosemirror-transform");
+
 var stepHasSlice = function stepHasSlice(step) {
   return step && step.hasOwnProperty('slice');
 };
@@ -34,4 +37,17 @@ function stepAddsOneOf(step, nodeTypes) {
     return !adds;
   });
   return adds;
-}
+}
+
+var extractSliceFromStep = function extractSliceFromStep(step) {
+  if (!(step instanceof _prosemirrorTransform.ReplaceStep) && !(step instanceof _prosemirrorTransform.ReplaceAroundStep)) {
+    return null;
+  } // @ts-ignore This is by design. Slice is a private property, but accesible, from ReplaceStep.
+  // However, we need to read it to found if the step was adding a newline
+
+
+  var slice = step.slice;
+  return slice;
+};
+
+exports.extractSliceFromStep = extractSliceFromStep;

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 = "166.0.4";
+var version = "167.0.2";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

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

package/dist/es2019/actions/index.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Node } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
+import { TextSelection, NodeSelection } from 'prosemirror-state';
+import { findParentNode } from 'prosemirror-utils';
 import { toJSON } from '../utils';
 import { processRawValue, isEmptyDocument } from '../utils/document';
 import { getEditorValueWithMedia, __temporaryFixForConfigPanel } from '../utils/action';
@@ -186,6 +187,29 @@ export default class EditorActions {
       return (_findNodePosWithLocal = findNodePosWithLocalId((_this$editorView2 = this.editorView) === null || _this$editorView2 === void 0 ? void 0 : _this$editorView2.state, id)) === null || _findNodePosWithLocal === void 0 ? void 0 : _findNodePosWithLocal.node;
     }
   }
+  /**
+   * This method will return the currently selected `Node` if the selection is a `Node`.
+   * Otherwise, if the selection is textual or a non-selectable `Node` within another selectable `Node`, the closest selectable parent `Node` will be returned.
+   */
+
+
+  getSelectedNode() {
+    var _this$editorView3, _this$editorView3$sta;
+
+    if ((_this$editorView3 = this.editorView) !== null && _this$editorView3 !== void 0 && (_this$editorView3$sta = _this$editorView3.state) !== null && _this$editorView3$sta !== void 0 && _this$editorView3$sta.selection) {
+      var _findParentNode;
+
+      const {
+        selection
+      } = this.editorView.state;
+
+      if (selection instanceof NodeSelection) {
+        return selection.node;
+      }
+
+      return (_findParentNode = findParentNode(node => Boolean(node.type.spec.selectable))(selection)) === null || _findParentNode === void 0 ? void 0 : _findParentNode.node;
+    }
+  }
 
   isDocumentEmpty() {
     // Unlikely case when editorView has been destroyed before calling isDocumentEmpty,

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

@@ -752,6 +752,8 @@ function getUAPrefix() {
     return 'ua-ie';
   } else if (browser.gecko) {
     return 'ua-firefox';
+  } else if (browser.safari) {
+    return 'ua-safari';
   }
 
   return '';

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

@@ -203,8 +203,7 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       breakoutEnabled: props.appearance === 'full-page',
       allowContextualMenu: !isMobile,
       fullWidthEnabled: props.appearance === 'full-width',
-      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width',
-      dynamicSizingEnabled: props.allowDynamicTextSizing
+      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width'
     }]);
   }
 

package/dist/es2019/editor.js

@@ -322,6 +322,10 @@ export default class Editor extends React.Component {
       allowConfluenceInlineComment: {
         message: 'To integrate inline comments use experimental annotationProvider – <Editor annotationProviders={{ provider }} />',
         type: 'removed'
+      },
+      allowDynamicTextSizing: {
+        message: 'Dynamic text sizing has been unshipped since 2020. The prop is no longer needed.',
+        type: 'removed'
       }
     };
     Object.keys(deprecatedProperties).forEach(property => {
@@ -408,7 +412,7 @@ export default class Editor extends React.Component {
   }
 
   getBaseFontSize() {
-    return !this.props.allowDynamicTextSizing && !['comment', 'chromeless', 'mobile'].includes(this.props.appearance) ? akEditorFullPageDefaultFontSize : undefined;
+    return !['comment', 'chromeless', 'mobile'].includes(this.props.appearance) ? akEditorFullPageDefaultFontSize : undefined;
   }
 
   render() {
@@ -485,7 +489,6 @@ export default class Editor extends React.Component {
             var _this$props$featureFl5, _this$props$featureFl6;
 
             return jsx(BaseTheme, {
-              dynamicTextSizing: this.props.allowDynamicTextSizing && this.props.appearance !== 'full-width',
               baseFontSize: this.getBaseFontSize()
             }, jsx(Component, {
               appearance: this.props.appearance,

package/dist/es2019/keymaps/index.js

@@ -72,7 +72,10 @@ const arrowKeysMap = {
   ARROWRIGHT: '\u2192',
   ARROWUP: '\u2191',
   ARROWDOWN: '\u2193'
-};
+}; // TOOD: https://product-fabric.atlassian.net/browse/DSP-4460
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 const tooltipShortcutStyle = css`
   border-radius: 2px;
   background-color: ${N400};
@@ -81,6 +84,7 @@ const tooltipShortcutStyle = css`
   /* stylelint-disable-next-line */
   label: tooltip-shortcut;
 `;
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
 function formatShortcut(keymap) {
   let shortcut;

package/dist/es2019/labs/next/ContentComponents.js

@@ -3,7 +3,11 @@ import { pluginKey as disabledPluginKey } from '../../plugins/editor-disabled';
 import WithPluginState from '../../ui/WithPluginState';
 import PluginSlot from '../../ui/PluginSlot';
 import { useEditorSharedConfig } from './Editor';
-export function ContentComponents(disabled) {
+export function ContentComponents({
+  disabled,
+  wrapperElement,
+  containerElement
+}) {
   const config = useEditorSharedConfig();
 
   if (!config) {
@@ -27,8 +31,9 @@ export function ContentComponents(disabled) {
         popupsMountPoint: config.popupsMountPoint,
         popupsBoundariesElement: config.popupsBoundariesElement,
         popupsScrollableElement: config.popupsScrollableElement,
-        containerElement: null // TODO: Figure out how to pass containerElement here ED-8448
+        containerElement: containerElement // TODO: Figure out how to pass containerElement here ED-8448
         ,
+        wrapperElement: wrapperElement,
         disabled: (_disabled$editorDisab = disabled === null || disabled === void 0 ? void 0 : disabled.editorDisabled) !== null && _disabled$editorDisab !== void 0 ? _disabled$editorDisab : false
       });
     }

package/dist/es2019/labs/next/full-page.js

@@ -5,6 +5,7 @@ import rafSchedule from 'raf-schd';
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { BaseTheme } from '@atlaskit/editor-common/ui';
 import { akEditorMenuZIndex, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
@@ -92,7 +93,7 @@ const mainToolbar = css`
   display: flex;
   height: 80px;
   flex-shrink: 0;
-  background-color: white;
+  background-color: ${token('elevation.surface', 'white')};
 
   & object {
     height: 0 !important;
@@ -100,7 +101,7 @@ const mainToolbar = css`
 `;
 const mainToolbarWithKeyline = css`
   ${mainToolbar}
-  box-shadow: 0 ${akEditorToolbarKeylineHeight}px 0 0 ${N30}
+  box-shadow: 0 ${akEditorToolbarKeylineHeight}px 0 0 ${token('color.border', N30)}
 `;
 const mainToolbarCustomComponentsSlot = css`
   display: flex;
@@ -150,7 +151,6 @@ function FullPage(props) {
   const {
     primaryToolbarComponents,
     contentComponents,
-    allowDynamicTextSizing,
     collabEdit,
     createAnalyticsEvent,
     contextPanel
@@ -158,13 +158,13 @@ function FullPage(props) {
   const handleAnalyticsEvent = useCreateAnalyticsHandler(createAnalyticsEvent);
   const [showKeyline, scrollContainerRef] = useKeyline();
   const config = useEditorSharedConfig();
+  const wrapperElementRef = /*#__PURE__*/React.createRef();
   return jsx(ContextPanelWidthProvider, null, jsx(Editor, _extends({}, props, {
     onAnalyticsEvent: handleAnalyticsEvent
-  }), jsx(BaseTheme, {
-    dynamicTextSizing: allowDynamicTextSizing
-  }, jsx("div", {
+  }), jsx(BaseTheme, null, jsx("div", {
     css: fullPageEditorWrapper,
-    className: "akEditor"
+    className: "akEditor",
+    ref: wrapperElementRef
   }, jsx("div", {
     "data-testid": "ak-editor-main-toolbar",
     css: showKeyline ? mainToolbarWithKeyline : mainToolbar
@@ -190,7 +190,10 @@ function FullPage(props) {
   }, jsx("div", {
     style: GUTTER_STYLE,
     className: "ak-editor-content-area"
-  }, contentComponents, jsx(EditorContent, null), jsx(ContentComponents, null))))), contextPanel && jsx("div", {
+  }, contentComponents, jsx(EditorContent, null), jsx(ContentComponents, {
+    wrapperElement: wrapperElementRef.current,
+    containerElement: scrollContainerRef.current
+  }))))), contextPanel && jsx("div", {
     css: sidebarArea
   }, contextPanel), jsx(WidthEmitter, {
     editorView: config === null || config === void 0 ? void 0 : config.editorView

package/dist/es2019/nodeviews/getInlineNodeViewProducer.js

@@ -5,6 +5,7 @@ import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
 import { analyticsEventKey } from '../plugins/analytics/consts';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './getPerformanceOptions';
+export const inlineNodeViewClassname = 'inlineNodeView';
 
 function createNodeView({
   nodeViewParams,
@@ -26,7 +27,7 @@ function createNodeView({
   // nodeView if DOM structure has nested plain "div"s, it doesn't see the
   // difference between them and it kills the nodeView
 
-  domRef.classList.add(`${nodeViewParams.node.type.name}View-content-wrap`, `inlineNodeView`); // This util is shared for tracking rendering, and the ErrorBoundary that
+  domRef.classList.add(`${nodeViewParams.node.type.name}View-content-wrap`, `${inlineNodeViewClassname}`); // This util is shared for tracking rendering, and the ErrorBoundary that
   // is setup to wrap the Component when rendering
   // NOTE: This is not a prosemirror dispatch
 
@@ -166,13 +167,13 @@ function getPortalChildren({
       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", {
-      className: "inlineNodeViewAddZeroWidthSpace"
+      className: `${inlineNodeViewClassname}AddZeroWidthSpace`
     }), ZERO_WIDTH_SPACE, /*#__PURE__*/React.createElement(Component, _extends({
       view: nodeViewParams.view,
       getPos: nodeViewParams.getPos,
       node: currentNode
     }, extraComponentProps)), /*#__PURE__*/React.createElement("span", {
-      className: "inlineNodeViewAddZeroWidthSpace"
+      className: `${inlineNodeViewClassname}AddZeroWidthSpace`
     }));
   };
 } // https://prosemirror.net/docs/ref/#view.EditorProps.nodeViews