@atlaskit/renderer 82.1.0 → 82.2.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/renderer
 
+## 82.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
+
 ## 82.1.0
 
 ### Minor Changes

package/dist/cjs/react/index.js

@@ -39,6 +39,8 @@ var _prosemirrorUtils = require("prosemirror-utils");
 
 var _rendererNode = require("./renderer-node");
 
+var _code = require("./marks/code");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -153,13 +155,22 @@ var ReactSerializer = /*#__PURE__*/function () {
           otherAttrs = (0, _objectWithoutProperties2.default)(_mark$attrs, ["key"]);
       var extraProps = {
         isInline: node === null || node === void 0 ? void 0 : node.isInline
-      };
-
-      var props = _objectSpread(_objectSpread(_objectSpread({
+      }; // currently the only mark which has custom props is the code mark
+
+      var markSpecificProps = (0, _code.isCodeMark)(mark) ? {
+        // The appearance being mobile indicates we are in an renderer 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.
+        codeBidiWarningTooltipEnabled: _this.appearance !== 'mobile'
+      } : {};
+
+      var props = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
         eventHandlers: _this.eventHandlers,
         fireAnalyticsEvent: _this.fireAnalyticsEvent,
         markKey: key
-      }, otherAttrs), extraProps), {}, {
+      }, otherAttrs), extraProps), markSpecificProps), {}, {
         dataAttributes: {
           'data-renderer-mark': true
         }
@@ -342,9 +353,8 @@ var ReactSerializer = /*#__PURE__*/function () {
         return /*#__PURE__*/_react.default.createElement(_textWrapper.default, {
           key: textKey,
           startPos: startPos + parentDepth,
-          endPos: endPos + parentDepth,
-          text: mark.text
-        });
+          endPos: endPos + parentDepth
+        }, mark.text);
       }
 
       return mark.text || '';
@@ -512,8 +522,15 @@ var ReactSerializer = /*#__PURE__*/function () {
   }, {
     key: "getCodeBlockProps",
     value: function getCodeBlockProps(node) {
+      // The appearance being mobile indicates we are in an renderer 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 = this.appearance !== 'mobile';
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
-        text: node.textContent
+        text: node.textContent,
+        codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
       });
     }
   }, {

package/dist/cjs/react/marks/code.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CodeWithIntl = CodeWithIntl;
-exports.default = void 0;
+exports.default = exports.isCodeMark = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -20,13 +20,20 @@ var _messages = require("@atlaskit/editor-common/messages");
 
 var _useFeatureFlags = require("../../use-feature-flags");
 
+var isCodeMark = function isCodeMark(mark) {
+  return mark && mark.type && mark.type.name === 'code';
+};
+
+exports.isCodeMark = isCodeMark;
+
 function CodeWithIntl(props) {
   var featureFlags = (0, _useFeatureFlags.useFeatureFlags)();
   var codeBidiWarningLabel = props.intl.formatMessage(_messages.codeBidiWarningMessages.label);
   return /*#__PURE__*/_react.default.createElement(_inline.default, (0, _extends2.default)({
     className: "code",
     codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-    codeBidiWarningLabel: codeBidiWarningLabel
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: props.codeBidiWarningTooltipEnabled
   }, props.dataAttributes), props.children);
 }
 

package/dist/cjs/react/nodes/codeBlock.js

@@ -37,7 +37,8 @@ function CodeBlock(props) {
   var text = props.text,
       language = props.language,
       _props$allowCopyToCli = props.allowCopyToClipboard,
-      allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli;
+      allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli,
+      codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled;
   var featureFlags = (0, _useFeatureFlags.useFeatureFlags)();
   var codeBidiWarningLabel = props.intl.formatMessage(_messages.codeBidiWarningMessages.label);
   var className = ['code-block', props.className].join(' ');
@@ -49,7 +50,8 @@ function CodeBlock(props) {
     language: language,
     text: text,
     codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-    codeBidiWarningLabel: codeBidiWarningLabel
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }));
 }
 

package/dist/cjs/react/nodes/text-wrapper.js

@@ -11,21 +11,20 @@ var _react = _interopRequireDefault(require("react"));
 
 var _annotations = require("../../ui/annotations");
 
-var TextWrapper = /*#__PURE__*/_react.default.memo(function (props) {
+var TextWrapper = function TextWrapper(props) {
   var startPos = props.startPos,
       endPos = props.endPos;
-  var text = props.text;
+  var children = props.children;
 
-  if (!text) {
+  if (!children) {
     return null;
   }
 
   return /*#__PURE__*/_react.default.createElement(_annotations.TextWithAnnotationDraft, {
-    text: text,
     startPos: startPos,
     endPos: endPos
-  });
-});
+  }, children);
+};
 
 var _default = TextWrapper;
 exports.default = _default;

package/dist/cjs/ui/annotations/draft/component.js

@@ -83,7 +83,7 @@ exports.applyAnnotationOnText = applyAnnotationOnText;
 var TextWithAnnotationDraft = function TextWithAnnotationDraft(_ref3) {
   var startPos = _ref3.startPos,
       endPos = _ref3.endPos,
-      text = _ref3.text;
+      children = _ref3.children;
 
   var textPosition = _react.default.useMemo(function () {
     return {
@@ -103,21 +103,21 @@ var TextWithAnnotationDraft = function TextWithAnnotationDraft(_ref3) {
   }, [nextDraftPosition, textPosition]);
 
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, text);
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
   }
 
   if (shouldApplyAnnotationAt === _types.InsertDraftPosition.AROUND_TEXT) {
     return /*#__PURE__*/_react.default.createElement(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
-    }, text);
+    }, children);
   }
 
-  var offsets = (0, _text.calcTextSplitOffset)(nextDraftPosition, textPosition, text);
-  var texts = (0, _text.splitText)(text, offsets);
+  var offsets = (0, _text.calcTextSplitOffset)(nextDraftPosition, textPosition, children);
+  var texts = (0, _text.splitText)(children, offsets);
 
   if (!texts) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, text);
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
   }
 
   var components = applyAnnotationOnText({

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "82.1.0",
+	"version": "82.2.0",
 	"sideEffects": false
 }

package/dist/es2019/react/index.js

@@ -10,6 +10,7 @@ import { getMarksByOrder, isSameMark, calcTableColumnWidths } from '@atlaskit/ed
 import { getText } from '../utils';
 import { findChildrenByType } from 'prosemirror-utils';
 import { insideBreakoutLayout } from './renderer-node';
+import { isCodeMark } from './marks/code';
 
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce((acc, markOrNode) => {
@@ -128,13 +129,23 @@ export default class ReactSerializer {
       } = mark.attrs;
       const extraProps = {
         isInline: node === null || node === void 0 ? void 0 : node.isInline
-      };
+      }; // currently the only mark which has custom props is the code mark
+
+      const markSpecificProps = isCodeMark(mark) ? {
+        // The appearance being mobile indicates we are in an renderer 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.
+        codeBidiWarningTooltipEnabled: this.appearance !== 'mobile'
+      } : {};
       const props = {
         eventHandlers: this.eventHandlers,
         fireAnalyticsEvent: this.fireAnalyticsEvent,
         markKey: key,
         ...otherAttrs,
         ...extraProps,
+        ...markSpecificProps,
         dataAttributes: {
           'data-renderer-mark': true
         }
@@ -299,9 +310,8 @@ export default class ReactSerializer {
       return /*#__PURE__*/React.createElement(TextWrapperComponent, {
         key: textKey,
         startPos: startPos + parentDepth,
-        endPos: endPos + parentDepth,
-        text: mark.text
-      });
+        endPos: endPos + parentDepth
+      }, mark.text);
     }
 
     return mark.text || '';
@@ -438,8 +448,15 @@ export default class ReactSerializer {
   }
 
   getCodeBlockProps(node) {
+    // The appearance being mobile indicates we are in an renderer 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 codeBidiWarningTooltipEnabled = this.appearance !== 'mobile';
     return { ...this.getProps(node),
-      text: node.textContent
+      text: node.textContent,
+      codeBidiWarningTooltipEnabled
     };
   }
 

package/dist/es2019/react/marks/code.js

@@ -4,13 +4,17 @@ import { injectIntl } from 'react-intl';
 import AkCode from '@atlaskit/code/inline';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import { useFeatureFlags } from '../../use-feature-flags';
+export const isCodeMark = mark => {
+  return mark && mark.type && mark.type.name === 'code';
+};
 export function CodeWithIntl(props) {
   const featureFlags = useFeatureFlags();
   const codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
   return /*#__PURE__*/React.createElement(AkCode, _extends({
     className: "code",
     codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-    codeBidiWarningLabel: codeBidiWarningLabel
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: props.codeBidiWarningTooltipEnabled
   }, props.dataAttributes), props.children);
 }
 export default injectIntl(CodeWithIntl);

package/dist/es2019/react/nodes/codeBlock.js

@@ -14,7 +14,8 @@ function CodeBlock(props) {
   const {
     text,
     language,
-    allowCopyToClipboard = false
+    allowCopyToClipboard = false,
+    codeBidiWarningTooltipEnabled
   } = props;
   const featureFlags = useFeatureFlags();
   const codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
@@ -27,7 +28,8 @@ function CodeBlock(props) {
     language: language,
     text: text,
     codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-    codeBidiWarningLabel: codeBidiWarningLabel
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }));
 }
 

package/dist/es2019/react/nodes/text-wrapper.js

@@ -1,22 +1,23 @@
 import React from 'react';
 import { TextWithAnnotationDraft } from '../../ui/annotations';
-const TextWrapper = /*#__PURE__*/React.memo(props => {
+
+const TextWrapper = props => {
   const {
     startPos,
     endPos
   } = props;
   const {
-    text
+    children
   } = props;
 
-  if (!text) {
+  if (!children) {
     return null;
   }
 
   return /*#__PURE__*/React.createElement(TextWithAnnotationDraft, {
-    text: text,
     startPos: startPos,
     endPos: endPos
-  });
-});
+  }, children);
+};
+
 export default TextWrapper;

package/dist/es2019/ui/annotations/draft/component.js

@@ -59,7 +59,7 @@ export const applyAnnotationOnText = ({
 export const TextWithAnnotationDraft = ({
   startPos,
   endPos,
-  text
+  children
 }) => {
   const textPosition = React.useMemo(() => ({
     start: startPos,
@@ -75,21 +75,21 @@ export const TextWithAnnotationDraft = ({
   }, [nextDraftPosition, textPosition]);
 
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, text);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
 
   if (shouldApplyAnnotationAt === InsertDraftPosition.AROUND_TEXT) {
     return /*#__PURE__*/React.createElement(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
-    }, text);
+    }, children);
   }
 
-  const offsets = calcTextSplitOffset(nextDraftPosition, textPosition, text);
-  const texts = splitText(text, offsets);
+  const offsets = calcTextSplitOffset(nextDraftPosition, textPosition, children);
+  const texts = splitText(children, offsets);
 
   if (!texts) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, text);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
 
   const components = applyAnnotationOnText({

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "82.1.0",
+	"version": "82.2.0",
 	"sideEffects": false
 }

package/dist/esm/react/index.js

@@ -19,6 +19,7 @@ import { getMarksByOrder, isSameMark, calcTableColumnWidths } from '@atlaskit/ed
 import { getText } from '../utils';
 import { findChildrenByType } from 'prosemirror-utils';
 import { insideBreakoutLayout } from './renderer-node';
+import { isCodeMark } from './marks/code';
 
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce(function (acc, markOrNode) {
@@ -144,13 +145,22 @@ var ReactSerializer = /*#__PURE__*/function () {
 
       var extraProps = {
         isInline: node === null || node === void 0 ? void 0 : node.isInline
-      };
-
-      var props = _objectSpread(_objectSpread(_objectSpread({
+      }; // currently the only mark which has custom props is the code mark
+
+      var markSpecificProps = isCodeMark(mark) ? {
+        // The appearance being mobile indicates we are in an renderer 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.
+        codeBidiWarningTooltipEnabled: _this.appearance !== 'mobile'
+      } : {};
+
+      var props = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
         eventHandlers: _this.eventHandlers,
         fireAnalyticsEvent: _this.fireAnalyticsEvent,
         markKey: key
-      }, otherAttrs), extraProps), {}, {
+      }, otherAttrs), extraProps), markSpecificProps), {}, {
         dataAttributes: {
           'data-renderer-mark': true
         }
@@ -334,9 +344,8 @@ var ReactSerializer = /*#__PURE__*/function () {
         return /*#__PURE__*/React.createElement(TextWrapperComponent, {
           key: textKey,
           startPos: startPos + parentDepth,
-          endPos: endPos + parentDepth,
-          text: mark.text
-        });
+          endPos: endPos + parentDepth
+        }, mark.text);
       }
 
       return mark.text || '';
@@ -504,8 +513,15 @@ var ReactSerializer = /*#__PURE__*/function () {
   }, {
     key: "getCodeBlockProps",
     value: function getCodeBlockProps(node) {
+      // The appearance being mobile indicates we are in an renderer 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 = this.appearance !== 'mobile';
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
-        text: node.textContent
+        text: node.textContent,
+        codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
       });
     }
   }, {

package/dist/esm/react/marks/code.js

@@ -4,13 +4,17 @@ import { injectIntl } from 'react-intl';
 import AkCode from '@atlaskit/code/inline';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import { useFeatureFlags } from '../../use-feature-flags';
+export var isCodeMark = function isCodeMark(mark) {
+  return mark && mark.type && mark.type.name === 'code';
+};
 export function CodeWithIntl(props) {
   var featureFlags = useFeatureFlags();
   var codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
   return /*#__PURE__*/React.createElement(AkCode, _extends({
     className: "code",
     codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-    codeBidiWarningLabel: codeBidiWarningLabel
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: props.codeBidiWarningTooltipEnabled
   }, props.dataAttributes), props.children);
 }
 export default injectIntl(CodeWithIntl);

package/dist/esm/react/nodes/codeBlock.js

@@ -18,7 +18,8 @@ function CodeBlock(props) {
   var text = props.text,
       language = props.language,
       _props$allowCopyToCli = props.allowCopyToClipboard,
-      allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli;
+      allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli,
+      codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled;
   var featureFlags = useFeatureFlags();
   var codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
   var className = ['code-block', props.className].join(' ');
@@ -30,7 +31,8 @@ function CodeBlock(props) {
     language: language,
     text: text,
     codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-    codeBidiWarningLabel: codeBidiWarningLabel
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }));
 }
 

package/dist/esm/react/nodes/text-wrapper.js

@@ -1,18 +1,19 @@
 import React from 'react';
 import { TextWithAnnotationDraft } from '../../ui/annotations';
-var TextWrapper = /*#__PURE__*/React.memo(function (props) {
+
+var TextWrapper = function TextWrapper(props) {
   var startPos = props.startPos,
       endPos = props.endPos;
-  var text = props.text;
+  var children = props.children;
 
-  if (!text) {
+  if (!children) {
     return null;
   }
 
   return /*#__PURE__*/React.createElement(TextWithAnnotationDraft, {
-    text: text,
     startPos: startPos,
     endPos: endPos
-  });
-});
+  }, children);
+};
+
 export default TextWrapper;

package/dist/esm/ui/annotations/draft/component.js

@@ -55,7 +55,7 @@ export var applyAnnotationOnText = function applyAnnotationOnText(_ref2) {
 export var TextWithAnnotationDraft = function TextWithAnnotationDraft(_ref3) {
   var startPos = _ref3.startPos,
       endPos = _ref3.endPos,
-      text = _ref3.text;
+      children = _ref3.children;
   var textPosition = React.useMemo(function () {
     return {
       start: startPos,
@@ -72,21 +72,21 @@ export var TextWithAnnotationDraft = function TextWithAnnotationDraft(_ref3) {
   }, [nextDraftPosition, textPosition]);
 
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, text);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
 
   if (shouldApplyAnnotationAt === InsertDraftPosition.AROUND_TEXT) {
     return /*#__PURE__*/React.createElement(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
-    }, text);
+    }, children);
   }
 
-  var offsets = calcTextSplitOffset(nextDraftPosition, textPosition, text);
-  var texts = splitText(text, offsets);
+  var offsets = calcTextSplitOffset(nextDraftPosition, textPosition, children);
+  var texts = splitText(children, offsets);
 
   if (!texts) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, text);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
 
   var components = applyAnnotationOnText({

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "82.1.0",
+	"version": "82.2.0",
 	"sideEffects": false
 }

package/dist/types/react/marks/code.d.ts

@@ -1,8 +1,16 @@
 import React from 'react';
 import { InjectedIntlProps } from 'react-intl';
+import { Mark } from 'prosemirror-model';
 import type { MarkProps } from '../types';
-export declare function CodeWithIntl(props: MarkProps & InjectedIntlProps): JSX.Element;
-declare const _default: React.ComponentClass<import("../types").MarkMeta, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<import("../types").MarkMeta & InjectedIntlProps>;
+export declare const isCodeMark: (mark: Mark) => boolean;
+export declare function CodeWithIntl(props: MarkProps<{
+    codeBidiWarningTooltipEnabled: boolean;
+}> & InjectedIntlProps): JSX.Element;
+declare const _default: React.ComponentClass<{
+    codeBidiWarningTooltipEnabled: boolean;
+} & import("../types").MarkMeta, any> & {
+    WrappedComponent: ReactIntl.ComponentConstructor<{
+        codeBidiWarningTooltipEnabled: boolean;
+    } & import("../types").MarkMeta & InjectedIntlProps>;
 };
 export default _default;

package/dist/types/react/nodes/codeBlock.d.ts

@@ -3,13 +3,14 @@ export interface Props {
     text: string;
     language: SupportedLanguages;
     allowCopyToClipboard?: boolean;
+    codeBidiWarningTooltipEnabled: boolean;
     className?: string;
 }
-declare const _default: import("styled-components").StyledComponentClass<(Props & import("@atlaskit/theme").AtlaskitThemeProps) | (Props & import("@atlaskit/theme").CustomThemeProps) | (Props & import("@atlaskit/theme").NoThemeProps), any, (Pick<Props, "text" | "className" | "language" | "allowCopyToClipboard"> & {
+declare const _default: import("styled-components").StyledComponentClass<(Props & import("@atlaskit/theme").AtlaskitThemeProps) | (Props & import("@atlaskit/theme").CustomThemeProps) | (Props & import("@atlaskit/theme").NoThemeProps), any, (Pick<Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<Props, "text" | "className" | "language" | "allowCopyToClipboard"> & {
+} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").CustomThemeProps) | (Pick<Props, "text" | "className" | "language" | "allowCopyToClipboard"> & {
+} & import("@atlaskit/theme").CustomThemeProps) | (Pick<Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
 } & import("@atlaskit/theme").NoThemeProps)>;
 export default _default;

package/dist/types/react/nodes/index.d.ts

@@ -26,17 +26,17 @@ import TableRow from './tableRow';
 import UnknownBlock from './unknownBlock';
 import Loadable from 'react-loadable';
 import EmbedCard from './embedCard';
-declare const CodeBlock: (React.ComponentClass<import("styled-components").ThemedOuterStyledProps<(Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard"> & {
+declare const CodeBlock: (React.ComponentClass<import("styled-components").ThemedOuterStyledProps<(Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard"> & {
+} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").CustomThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard"> & {
+} & import("@atlaskit/theme").CustomThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").NoThemeProps), any>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("styled-components").ThemedOuterStyledProps<(Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard"> & {
+} & import("@atlaskit/theme").NoThemeProps), any>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("styled-components").ThemedOuterStyledProps<(Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard"> & {
+} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").CustomThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard"> & {
+} & import("@atlaskit/theme").CustomThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
 } & import("@atlaskit/theme").NoThemeProps), any>> & Loadable.LoadableComponent);
 declare const TaskItem: (React.ComponentClass<import("../types").NodeProps<import("./taskItem").Props>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("../types").NodeProps<import("./taskItem").Props>> & Loadable.LoadableComponent);

package/dist/types/react/nodes/text-wrapper.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 declare type Props = {
     startPos: number;
     endPos: number;
-    text?: string | null;
+    children?: string | null;
 };
-declare const TextWrapper: React.MemoExoticComponent<(props: Props) => JSX.Element | null>;
+declare const TextWrapper: (props: Props) => JSX.Element | null;
 export default TextWrapper;

package/dist/types/ui/annotations/draft/component.d.ts

@@ -13,7 +13,7 @@ export declare const applyAnnotationOnText: ({ texts, shouldApplyAnnotationAt, d
 declare type Props = {
     startPos: number;
     endPos: number;
-    text: string;
+    children: string;
 };
 export declare const TextWithAnnotationDraft: React.FC<Props>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "82.1.0",
+  "version": "82.2.0",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
     "@atlaskit/analytics-namespaced-context": "^6.3.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.1.0",
-    "@atlaskit/code": "^14.2.0",
+    "@atlaskit/code": "^14.3.0",
     "@atlaskit/editor-common": "^60.3.0",
     "@atlaskit/editor-json-transformer": "^8.6.0",
     "@atlaskit/editor-shared-styles": "^1.6.0",
@@ -69,7 +69,7 @@
     "@atlaskit/build-utils": "^2.6.2",
     "@atlaskit/css-reset": "^6.2.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-core": "^151.1.0",
+    "@atlaskit/editor-core": "^151.2.0",
     "@atlaskit/editor-test-helpers": "^15.5.0",
     "@atlaskit/field-range": "^9.0.0",
     "@atlaskit/logo": "^13.5.0",