@atlaskit/editor-core 151.1.1 → 151.3.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/editor-core
 
+## 151.3.0
+
+### Minor Changes
+
+- [`08348b6692c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/08348b6692c) - Update CodeBlockOptions to have appearance prop optional
+
+## 151.2.1
+
+### Patch Changes
+
+- [`69fc91803d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/69fc91803d4) - [ux] Find and replace tooltip now icons are now correctly aligned and does not have a scrollbar showing up.
+
+## 151.2.0
+
+### Minor Changes
+
+- [`db3477abb18`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db3477abb18) - [ux] ED-13938 disabled code-bidi warning tooltip for mobile, reworked TextWrapper to fix bidi mitigation, and fixed issue where bidi warnings were not presented when renderer used with an annotation provider with draftMode set to true
+
+### Patch Changes
+
+- Updated dependencies
+
+## 151.1.2
+
+### Patch Changes
+
+- [`52f0c296810`](https://bitbucket.org/atlassian/atlassian-frontend/commits/52f0c296810) - ED-13940 fixed selecting line with a status via keys
+
 ## 151.1.1
 
 ### Patch Changes

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

@@ -115,7 +115,8 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
     },
     cardOptions: props.smartLinks || props.UNSAFE_cards,
     codeBlock: _objectSpread(_objectSpread({}, props.codeBlock), {}, {
-      useLongPressSelection: false
+      useLongPressSelection: false,
+      appearance: props.appearance
     })
   };
 }
@@ -414,7 +415,9 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
   }
 
   if (featureFlags.codeBidiWarnings) {
-    preset.add(_plugins.codeBidiWarningPlugin);
+    preset.add([_plugins.codeBidiWarningPlugin, {
+      appearance: props.appearance
+    }]);
   }
 
   var excludes = new Set();

package/dist/cjs/labs/next/presets/default.js

@@ -99,7 +99,9 @@ function createDefaultPreset(options) {
   preset.add(_floatingToolbar.default);
   preset.add([_featureFlagsContext.default, options.featureFlags || {}]);
   preset.add([_selection.default, options.selection]);
-  preset.add([_codeBlock.default, options.codeBlock]);
+  preset.add([_codeBlock.default, options.codeBlock || {
+    appearance: 'full-page'
+  }]);
   return preset;
 }
 

package/dist/cjs/plugins/code-bidi-warning/index.js

@@ -7,14 +7,17 @@ exports.default = void 0;
 
 var _main = require("./pm-plugins/main");
 
-var codeBidiWarning = function codeBidiWarning() {
+var codeBidiWarning = function codeBidiWarning(_ref) {
+  var appearance = _ref.appearance;
   return {
     name: 'codeBidiWarning',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'codeBidiWarning',
         plugin: function plugin(options) {
-          return (0, _main.createPlugin)(options);
+          return (0, _main.createPlugin)(options, {
+            appearance: appearance
+          });
         }
       }];
     }

package/dist/cjs/plugins/code-bidi-warning/pm-plugins/main.js

@@ -13,20 +13,29 @@ var _pluginKey = require("../plugin-key");
 
 var _pluginFactory = require("./plugin-factory");
 
-var createPlugin = function createPlugin(_ref) {
+var createPlugin = function createPlugin(_ref, _ref2) {
   var dispatch = _ref.dispatch,
       reactContext = _ref.reactContext;
+  var appearance = _ref2.appearance;
   var intl = reactContext().intl;
   var codeBidiWarningLabel = intl.formatMessage(_messages.codeBidiWarningMessages.label);
   return new _prosemirrorState.Plugin({
     key: _pluginKey.codeBidiWarningPluginKey,
     state: (0, _pluginFactory.createPluginState)(dispatch, function (state) {
+      // The appearance being mobile indicates we are in an editor being
+      // rendered by mobile bridge in a web view.
+      // The tooltip is likely to have unexpected behaviour there, with being cut
+      // off, so we disable it. This is also to keep the behaviour consistent with
+      // the rendering in the mobile Native Renderer.
+      var tooltipEnabled = appearance !== 'mobile';
       return {
         decorationSet: (0, _pluginFactory.createBidiWarningsDecorationSetFromDoc)({
           doc: state.doc,
-          codeBidiWarningLabel: codeBidiWarningLabel
+          codeBidiWarningLabel: codeBidiWarningLabel,
+          tooltipEnabled: tooltipEnabled
         }),
-        codeBidiWarningLabel: codeBidiWarningLabel
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
       };
     }),
     props: {

package/dist/cjs/plugins/code-bidi-warning/pm-plugins/plugin-factory.js

@@ -40,7 +40,8 @@ var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(_pluginKey.codeBidiW
 
     var newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
       doc: tr.doc,
-      codeBidiWarningLabel: pluginState.codeBidiWarningLabel
+      codeBidiWarningLabel: pluginState.codeBidiWarningLabel,
+      tooltipEnabled: pluginState.tooltipEnabled
     });
     return _objectSpread(_objectSpread({}, pluginState), {}, {
       decorationSet: newBidiWarningsDecorationSet
@@ -55,7 +56,8 @@ exports.createPluginState = createPluginState;
 
 function createBidiWarningsDecorationSetFromDoc(_ref) {
   var doc = _ref.doc,
-      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+      tooltipEnabled = _ref.tooltipEnabled;
   var bidiCharactersAndTheirPositions = [];
   doc.descendants(function (node, pos) {
     var isTextWithCodeMark = node.type.name === 'text' && node.marks && node.marks.some(function (mark) {
@@ -97,21 +99,29 @@ function createBidiWarningsDecorationSetFromDoc(_ref) {
     var position = _ref4.position,
         bidiCharacter = _ref4.bidiCharacter;
     return _prosemirrorView.Decoration.widget(position, function () {
-      return renderDOM(bidiCharacter, codeBidiWarningLabel);
+      return renderDOM({
+        bidiCharacter: bidiCharacter,
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
+      });
     });
   }));
 
   return newBidiWarningsDecorationSet;
 }
 
-function renderDOM(bidiCharacter, codeBidiWarningLabel) {
+function renderDOM(_ref5) {
+  var bidiCharacter = _ref5.bidiCharacter,
+      codeBidiWarningLabel = _ref5.codeBidiWarningLabel,
+      tooltipEnabled = _ref5.tooltipEnabled;
   var element = document.createElement('span'); // Note: we use this pattern elsewhere (see highlighting code block, and drop cursor widget decoration)
   // we should investigate if there is a memory leak with such usage.
 
   _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_bidiWarning.default, {
     bidiCharacter: bidiCharacter,
     skipChildren: true,
-    label: codeBidiWarningLabel
+    label: codeBidiWarningLabel,
+    tooltipEnabled: tooltipEnabled
   }), element);
 
   return element;

package/dist/cjs/plugins/code-block/index.js

@@ -27,8 +27,7 @@ var _messages = require("../block-type/messages");
 
 var _refreshBrowserSelection = _interopRequireDefault(require("./refresh-browser-selection"));
 
-var codeBlockPlugin = function codeBlockPlugin() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+var codeBlockPlugin = function codeBlockPlugin(options) {
   return {
     name: 'codeBlock',
     nodes: function nodes() {
@@ -44,7 +43,8 @@ var codeBlockPlugin = function codeBlockPlugin() {
           var reactContext = _ref.reactContext;
           return (0, _main.createPlugin)({
             useLongPressSelection: options.useLongPressSelection,
-            reactContext: reactContext
+            reactContext: reactContext,
+            appearance: options.appearance
           });
         }
       }, {

package/dist/cjs/plugins/code-block/nodeviews/highlighting-code-block.js

@@ -133,7 +133,8 @@ var CodeBlockView = /*#__PURE__*/function () {
         language: node.attrs.language,
         showLineNumbers: false,
         codeBidiWarnings: this.codeBidiWarningOptions.enabled,
-        codeBidiWarningLabel: this.codeBidiWarningOptions.label
+        codeBidiWarningLabel: this.codeBidiWarningOptions.label,
+        codeBidiWarningTooltipEnabled: this.codeBidiWarningOptions.tooltipEnabled
       }), highlighting);
 
       this.measure(performance.now() - start);
@@ -180,11 +181,13 @@ exports.CodeBlockView = CodeBlockView;
 
 var highlightingCodeBlockNodeView = function highlightingCodeBlockNodeView(_ref) {
   var codeBidiWarnings = _ref.codeBidiWarnings,
-      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+      codeBidiWarningTooltipEnabled = _ref.codeBidiWarningTooltipEnabled;
   return function (node, view, getPos) {
     return new CodeBlockView(node, view, getPos, {
+      label: codeBidiWarningLabel,
       enabled: codeBidiWarnings,
-      label: codeBidiWarningLabel
+      tooltipEnabled: codeBidiWarningTooltipEnabled
     });
   };
 };

package/dist/cjs/plugins/code-block/pm-plugins/main.js

@@ -36,7 +36,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var createPlugin = function createPlugin(_ref) {
   var _ref$useLongPressSele = _ref.useLongPressSelection,
       useLongPressSelection = _ref$useLongPressSele === void 0 ? false : _ref$useLongPressSele,
-      reactContext = _ref.reactContext;
+      reactContext = _ref.reactContext,
+      appearance = _ref.appearance;
   var intl = reactContext().intl;
   var codeBidiWarningLabel = intl.formatMessage(_messages.codeBidiWarningMessages.label);
   return new _prosemirrorState.Plugin({
@@ -76,10 +77,17 @@ var createPlugin = function createPlugin(_ref) {
     props: {
       nodeViews: {
         codeBlock: function codeBlock(node, view, getPos) {
-          var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(view.state);
+          var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(view.state); // The appearance being mobile indicates we are in an editor being
+          // rendered by mobile bridge in a web view.
+          // The tooltip is likely to have unexpected behaviour there, with being cut
+          // off, so we disable it. This is also to keep the behaviour consistent with
+          // the rendering in the mobile Native Renderer.
+
+          var codeBidiWarningTooltipEnabled = appearance !== 'mobile';
           var createCodeBlockNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? (0, _highlightingCodeBlock.highlightingCodeBlockNodeView)({
             codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-            codeBidiWarningLabel: codeBidiWarningLabel
+            codeBidiWarningLabel: codeBidiWarningLabel,
+            codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
           }) : (0, _codeBlock.codeBlockNodeView)();
           return createCodeBlockNodeView(node, view, getPos);
         }

package/dist/cjs/plugins/find-replace/ui/Find.js

@@ -23,6 +23,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _core = require("@emotion/core");
+
 var _reactIntl = require("react-intl");
 
 var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
@@ -180,16 +182,16 @@ var Find = /*#__PURE__*/function (_React$Component) {
     _this.findNext = formatMessage(messages.findNext);
     _this.findPrevious = formatMessage(messages.findPrevious);
     _this.matchCase = formatMessage(messages.matchCase);
-    _this.matchCaseIcon = /*#__PURE__*/_react.default.createElement(_keyboard.default, {
+    _this.matchCaseIcon = (0, _core.jsx)(_keyboard.default, {
       label: _this.matchCase
     });
-    _this.findNextIcon = /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+    _this.findNextIcon = (0, _core.jsx)(_chevronDown.default, {
       label: _this.findNext
     });
-    _this.findPrevIcon = /*#__PURE__*/_react.default.createElement(_chevronUp.default, {
+    _this.findPrevIcon = (0, _core.jsx)(_chevronUp.default, {
       label: _this.findPrevious
     });
-    _this.closeIcon = /*#__PURE__*/_react.default.createElement(_close.default, {
+    _this.closeIcon = (0, _core.jsx)(_close.default, {
       label: _this.closeFindReplaceDialog
     }); // We locally manage the value of the input inside this component in order to support compositions.
     // This requires some additional work inside componentDidUpdate to ensure we support changes that
@@ -235,7 +237,9 @@ var Find = /*#__PURE__*/function (_React$Component) {
         selectedMatchPosition: count.index + 1,
         totalResultsCount: count.total
       });
-      return /*#__PURE__*/_react.default.createElement(_styles.SectionWrapper, null, /*#__PURE__*/_react.default.createElement(_textfield.default, {
+      return (0, _core.jsx)("div", {
+        css: _styles.sectionWrapperStyles
+      }, (0, _core.jsx)(_textfield.default, {
         name: "find",
         appearance: "none",
         placeholder: this.find,
@@ -247,24 +251,27 @@ var Find = /*#__PURE__*/function (_React$Component) {
         onBlur: this.props.onFindBlur,
         onCompositionStart: this.handleCompositionStart,
         onCompositionEnd: this.handleCompositionEnd
-      }), findText && /*#__PURE__*/_react.default.createElement(_styles.Count, null, count.total === 0 ? this.noResultsFound : resultsCount), allowMatchCase && /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+      }), findText && (0, _core.jsx)("span", {
+        "data-testid": "textfield-count",
+        css: _styles.countStyles
+      }, count.total === 0 ? this.noResultsFound : resultsCount), allowMatchCase && (0, _core.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.matchCase,
         icon: this.matchCaseIcon,
         onClick: this.handleMatchCaseClick,
         isPressed: shouldMatchCase
-      }), /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+      }), (0, _core.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.findNext,
         icon: this.findNextIcon,
         keymapDescription: 'Enter',
         onClick: this.handleFindNextClick,
         disabled: count.total <= 1
-      }), /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+      }), (0, _core.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.findPrevious,
         icon: this.findPrevIcon,
         keymapDescription: 'Shift Enter',
         onClick: this.handleFindPrevClick,
         disabled: count.total <= 1
-      }), /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+      }), (0, _core.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.closeFindReplaceDialog,
         icon: this.closeIcon,
         keymapDescription: 'Escape',

package/dist/cjs/plugins/find-replace/ui/FindReplace.js

@@ -23,6 +23,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _core = require("@emotion/core");
+
 var _Find = _interopRequireDefault(require("./Find"));
 
 var _Replace = _interopRequireDefault(require("./Replace"));
@@ -88,7 +90,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
           allowMatchCase = _this$props.allowMatchCase,
           shouldMatchCase = _this$props.shouldMatchCase,
           onToggleMatchCase = _this$props.onToggleMatchCase;
-      return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_Find.default, {
+      return (0, _core.jsx)("div", {
+        css: _styles.wrapperStyles
+      }, (0, _core.jsx)(_Find.default, {
         allowMatchCase: allowMatchCase,
         shouldMatchCase: shouldMatchCase,
         onToggleMatchCase: onToggleMatchCase,
@@ -102,7 +106,10 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         onFindTextfieldRefSet: this.setFindTextfieldRef,
         onCancel: onCancel,
         onArrowDown: this.setFocusToReplace
-      }), /*#__PURE__*/_react.default.createElement(_styles.Rule, null), /*#__PURE__*/_react.default.createElement(_Replace.default, {
+      }), (0, _core.jsx)("hr", {
+        css: _styles.ruleStyles,
+        id: "replace-hr-element"
+      }), (0, _core.jsx)(_Replace.default, {
         canReplace: count.total > 0,
         replaceText: replaceText,
         onReplace: onReplace,

package/dist/cjs/plugins/find-replace/ui/Replace.js

@@ -23,6 +23,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _core = require("@emotion/core");
+
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+
 var _reactIntl = require("react-intl");
 
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
@@ -167,7 +171,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       var replaceText = this.state.replaceText;
       var canReplace = this.props.canReplace;
-      return /*#__PURE__*/_react.default.createElement(_styles.SectionWrapper, null, /*#__PURE__*/_react.default.createElement(_textfield.default, {
+      return (0, _core.jsx)("div", {
+        css: _styles.sectionWrapperStyles
+      }, (0, _core.jsx)(_textfield.default, {
         name: "replace",
         appearance: "none",
         placeholder: this.replaceWith,
@@ -178,11 +184,13 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         onKeyDown: this.handleReplaceKeyDown,
         onCompositionStart: this.handleCompositionStart,
         onCompositionEnd: this.handleCompositionEnd
-      }), /*#__PURE__*/_react.default.createElement(_styles.ReplaceSectionButton, {
+      }), (0, _core.jsx)(_standardButton.default, {
+        css: _styles.replaceSectionButtonStyles,
         testId: this.replace,
         onClick: this.handleReplaceClick,
         isDisabled: !canReplace
-      }, this.replace), /*#__PURE__*/_react.default.createElement(_styles.ReplaceSectionButton, {
+      }, this.replace), (0, _core.jsx)(_standardButton.default, {
+        css: _styles.replaceSectionButtonStyles,
         testId: this.replaceAll,
         onClick: this.handleReplaceAllClick,
         isDisabled: !canReplace

package/dist/cjs/plugins/find-replace/ui/styles.js

@@ -1,46 +1,55 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Count = exports.SectionWrapper = exports.Wrapper = exports.Rule = exports.ReplaceSectionButton = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
+exports.countStyles = exports.sectionWrapperStyles = exports.wrapperStyles = exports.ruleStyles = exports.replaceSectionButtonStyles = void 0;
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _core = require("@emotion/core");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-// This is a workaround because React.memo does not play well with styled-components
-function StyledComponentsButton(props) {
-  return /*#__PURE__*/_react.default.createElement(_standardButton.default, props);
-}
-
-var ReplaceSectionButton = (0, _styledComponents.default)(StyledComponentsButton)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* increase specificity to override default Button styles */\n  && {\n    margin-left: 4px;\n  }\n"])));
-exports.ReplaceSectionButton = ReplaceSectionButton;
-
-var Rule = _styledComponents.default.hr(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  border: none;\n  background-color: ", ";\n  margin: 4px 0px;\n  height: 1px;\n  border-radius: 1px;\n"])), _colors.N30A);
-
-exports.Rule = Rule;
-
-var Wrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  > *:not(", ") {\n    margin: 0px 4px;\n  }\n"])), Rule);
-
-exports.Wrapper = Wrapper;
-
-var SectionWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  > * {\n    flex: 0 0 auto;\n    display: inline-flex;\n    height: 32px;\n  }\n"])));
-
-exports.SectionWrapper = SectionWrapper;
-
-var Count = _styledComponents.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", ";\n  flex: 0 0 auto;\n  justify-content: center;\n  align-items: center;\n  margin-left: 4px;\n  margin-right: 8px;\n"])), _colors.N60, (0, _editorSharedStyles.relativeFontSizeToBase16)(12));
-
-exports.Count = Count;
+/** @jsx jsx */
+var replaceSectionButtonStyles = (0, _core.css)({
+  marginLeft: '4px'
+});
+exports.replaceSectionButtonStyles = replaceSectionButtonStyles;
+var ruleStyles = (0, _core.css)({
+  width: '100%',
+  border: 'none',
+  backgroundColor: "".concat(_colors.N30A),
+  margin: '4px 0px',
+  height: '1px',
+  borderRadius: '1px'
+});
+exports.ruleStyles = ruleStyles;
+var wrapperStyles = (0, _core.css)({
+  display: 'flex',
+  flexDirection: 'column',
+  '> *:not(#replace-hr-element)': {
+    margin: '0px 4px'
+  }
+});
+exports.wrapperStyles = wrapperStyles;
+var sectionWrapperStyles = (0, _core.css)({
+  display: 'flex',
+  alignItems: 'column',
+  '> *': {
+    display: 'inline-flex',
+    height: '32px',
+    flex: '0 0 auto'
+  }
+});
+exports.sectionWrapperStyles = sectionWrapperStyles;
+var countStyles = (0, _core.css)({
+  color: "".concat(_colors.N60),
+  fontSize: "".concat((0, _editorSharedStyles.relativeFontSizeToBase16)(12)),
+  flex: '0 0 auto',
+  justifyContent: 'center',
+  alignItems: 'center',
+  marginLeft: '4px',
+  marginRight: '8px'
+});
+exports.countStyles = countStyles;

package/dist/cjs/plugins/status/styles.js

@@ -17,5 +17,5 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject;
 
-var statusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    display: inline-block;\n\n    > span {\n      display: inline-block;\n      cursor: pointer;\n      line-height: 0; /* Prevent responsive layouts increasing height of container. */\n    }\n\n    &.", "\n      .", "\n      > span {\n      ", "\n    }\n  }\n\n  .danger {\n    .", " > span {\n      background-color: ", ";\n    }\n\n    .", ".", "\n      .", "\n      > span {\n      box-shadow: 0 0 0 ", "px ", ";\n    }\n  }\n"])), _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
+var statusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    // these two styles can be removed when displayInlineBlockForInlineNodes is enabled by default\n    // as it will make all inline nodes inline-block by default\n    display: inline-block;\n    user-select: all;\n\n    > span {\n      display: inline-block;\n      cursor: pointer;\n      line-height: 0; /* Prevent responsive layouts increasing height of container. */\n    }\n\n    &.", "\n      .", "\n      > span {\n      ", "\n    }\n  }\n\n  .danger {\n    .", " > span {\n      background-color: ", ";\n    }\n\n    .", ".", "\n      .", "\n      > span {\n      box-shadow: 0 0 0 ", "px ", ";\n    }\n  }\n"])), _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
 exports.statusStyles = statusStyles;

package/dist/cjs/version-wrapper.js

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

package/dist/cjs/version.json

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

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

@@ -87,7 +87,8 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     },
     cardOptions: props.smartLinks || props.UNSAFE_cards,
     codeBlock: { ...props.codeBlock,
-      useLongPressSelection: false
+      useLongPressSelection: false,
+      appearance: props.appearance
     }
   };
 }
@@ -390,7 +391,9 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
   }
 
   if (featureFlags.codeBidiWarnings) {
-    preset.add(codeBidiWarningPlugin);
+    preset.add([codeBidiWarningPlugin, {
+      appearance: props.appearance
+    }]);
   }
 
   const excludes = new Set();

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

@@ -62,7 +62,9 @@ export function createDefaultPreset(options) {
   preset.add(floatingToolbarPlugin);
   preset.add([featureFlagsContextPlugin, options.featureFlags || {}]);
   preset.add([selectionPlugin, options.selection]);
-  preset.add([codeBlockPlugin, options.codeBlock]);
+  preset.add([codeBlockPlugin, options.codeBlock || {
+    appearance: 'full-page'
+  }]);
   return preset;
 }
 export function useDefaultPreset(props) {

package/dist/es2019/plugins/code-bidi-warning/index.js

@@ -1,12 +1,18 @@
 import { createPlugin } from './pm-plugins/main';
 
-const codeBidiWarning = () => ({
+const codeBidiWarning = ({
+  appearance
+}) => ({
   name: 'codeBidiWarning',
 
   pmPlugins() {
     return [{
       name: 'codeBidiWarning',
-      plugin: options => createPlugin(options)
+      plugin: options => {
+        return createPlugin(options, {
+          appearance
+        });
+      }
     }];
   }
 

package/dist/es2019/plugins/code-bidi-warning/pm-plugins/main.js

@@ -5,18 +5,28 @@ import { createBidiWarningsDecorationSetFromDoc, createPluginState, getPluginSta
 export const createPlugin = ({
   dispatch,
   reactContext
+}, {
+  appearance
 }) => {
   const intl = reactContext().intl;
   const codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     key: codeBidiWarningPluginKey,
     state: createPluginState(dispatch, state => {
+      // The appearance being mobile indicates we are in an editor being
+      // rendered by mobile bridge in a web view.
+      // The tooltip is likely to have unexpected behaviour there, with being cut
+      // off, so we disable it. This is also to keep the behaviour consistent with
+      // the rendering in the mobile Native Renderer.
+      const tooltipEnabled = appearance !== 'mobile';
       return {
         decorationSet: createBidiWarningsDecorationSetFromDoc({
           doc: state.doc,
-          codeBidiWarningLabel
+          codeBidiWarningLabel,
+          tooltipEnabled
         }),
-        codeBidiWarningLabel
+        codeBidiWarningLabel,
+        tooltipEnabled
       };
     }),
     props: {