@atlaskit/renderer 82.0.0 → 84.0.0

package/CHANGELOG.md

@@ -1,5 +1,105 @@
 # @atlaskit/renderer
 
+## 84.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 83.0.0
+
+### Major Changes
+
+- [`0cf5fa82add`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0cf5fa82add) - CETI-20 Rename custom panel FF from `UNSAFE_allowCustomPanel` to `allowCustomPanel`
+
+### Minor Changes
+
+- [`c890a025f6c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c890a025f6c) - Fix annotations state from being set to null when adding a new inline comment
+- [`23514411f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/23514411f27) - CETI-134 added support to render dark colors for the custom panels in the dark mode
+- [`8bbb96540ea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8bbb96540ea) - Add "fragment" mark to stage0 ADF schema
+- [`a3737a9b3aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3737a9b3aa) - CETI-64 Updating the dark mode colors for the standard panels
+- [`d4643be4f2d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d4643be4f2d) - [ux] AK-551 Add focus outline on code block copy button
+
+### Patch Changes
+
+- [`c6feed82071`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c6feed82071) - ED-11632: Bump prosemirror packages;
+
+  - prosmirror-commands 1.1.4 -> 1.1.11,
+  - prosemirror-model 1.11.0 -> 1.14.3,
+  - prosemirror-state 1.3.3 -> 1.3.4,
+  - prosemirror-transform 1.2.8 -> 1.3.2,
+  - prosemirror-view 1.15.4 + 1.18.8 -> 1.20.2.
+
+- [`fc70978492a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc70978492a) - Using type for SSR prop to reduce dependency on media-common
+- [`e741804b52a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e741804b52a) - Fixed media nodes not being built synchronously on SSR
+- [`dd7db18ab6a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd7db18ab6a) - ED-13854 Replace url-parser library with native function
+- [`f461edcfd05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f461edcfd05) - Update CardLoader to use react-loadable
+  Add SSR feature prop to be passed in renderer and media card
+- [`577302c5331`](https://bitbucket.org/atlassian/atlassian-frontend/commits/577302c5331) - Column sorting button meets the minimum contrast requirement
+- [`a82305310db`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a82305310db) - [ux] ED-7449: Sort cells in a given table column based on case sensitivity of same letter then on alphabet+ascii code values
+- [`9d43feb1f6a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d43feb1f6a) - CETI-167 Remove opacity for panels in dark mode.
+- Updated dependencies
+
+## 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
+
+- [`c80c71b537d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c80c71b537d) - [ux] ED-13860 add bidi warning decorations to code components
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 82.0.0
 
 ### Major Changes

package/dist/cjs/actions/matches-utils.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getIndexMatch = getIndexMatch;
 exports.countMatches = countMatches;
+exports.getIndexMatch = getIndexMatch;
 
 // getIndexMatch finds the position of a given string within a given document, in accordance to the Confluence Annotation backend
 // The document is serialised into one large string, excluding any nodes that can not have annotations (eg: emojis, media).

package/dist/cjs/analytics/enums.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ACTION_SUBJECT_ID = exports.ACTION_SUBJECT = exports.ACTION = exports.EVENT_TYPE = void 0;
+exports.EVENT_TYPE = exports.ACTION_SUBJECT_ID = exports.ACTION_SUBJECT = exports.ACTION = void 0;
 var EVENT_TYPE;
 exports.EVENT_TYPE = EVENT_TYPE;
 

package/dist/cjs/analytics/events.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RESOLVE_METHOD = exports.MODE = exports.PLATFORM = void 0;
+exports.RESOLVE_METHOD = exports.PLATFORM = exports.MODE = void 0;
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 var PLATFORM;

package/dist/cjs/i18n/index.js

@@ -5,18 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "zh", {
-  enumerable: true,
-  get: function get() {
-    return _zh.default;
-  }
-});
-Object.defineProperty(exports, "zh_TW", {
-  enumerable: true,
-  get: function get() {
-    return _zh_TW.default;
-  }
-});
 Object.defineProperty(exports, "cs", {
   enumerable: true,
   get: function get() {
@@ -29,10 +17,16 @@ Object.defineProperty(exports, "da", {
     return _da.default;
   }
 });
-Object.defineProperty(exports, "nl", {
+Object.defineProperty(exports, "de", {
   enumerable: true,
   get: function get() {
-    return _nl.default;
+    return _de.default;
+  }
+});
+Object.defineProperty(exports, "es", {
+  enumerable: true,
+  get: function get() {
+    return _es.default;
   }
 });
 Object.defineProperty(exports, "et", {
@@ -53,12 +47,6 @@ Object.defineProperty(exports, "fr", {
     return _fr.default;
   }
 });
-Object.defineProperty(exports, "de", {
-  enumerable: true,
-  get: function get() {
-    return _de.default;
-  }
-});
 Object.defineProperty(exports, "hu", {
   enumerable: true,
   get: function get() {
@@ -89,6 +77,12 @@ Object.defineProperty(exports, "nb", {
     return _nb.default;
   }
 });
+Object.defineProperty(exports, "nl", {
+  enumerable: true,
+  get: function get() {
+    return _nl.default;
+  }
+});
 Object.defineProperty(exports, "pl", {
   enumerable: true,
   get: function get() {
@@ -119,12 +113,6 @@ Object.defineProperty(exports, "sk", {
     return _sk.default;
   }
 });
-Object.defineProperty(exports, "es", {
-  enumerable: true,
-  get: function get() {
-    return _es.default;
-  }
-});
 Object.defineProperty(exports, "sv", {
   enumerable: true,
   get: function get() {
@@ -155,6 +143,18 @@ Object.defineProperty(exports, "vi", {
     return _vi.default;
   }
 });
+Object.defineProperty(exports, "zh", {
+  enumerable: true,
+  get: function get() {
+    return _zh.default;
+  }
+});
+Object.defineProperty(exports, "zh_TW", {
+  enumerable: true,
+  get: function get() {
+    return _zh_TW.default;
+  }
+});
 
 var _zh = _interopRequireDefault(require("./zh"));
 

package/dist/cjs/index.js

@@ -5,28 +5,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ReactSerializer", {
+Object.defineProperty(exports, "ADFEncoder", {
   enumerable: true,
   get: function get() {
-    return _react.default;
+    return _utils.ADFEncoder;
   }
 });
-Object.defineProperty(exports, "TextSerializer", {
+Object.defineProperty(exports, "ReactRenderer", {
   enumerable: true,
   get: function get() {
-    return _text.default;
+    return _Renderer.default;
   }
 });
-Object.defineProperty(exports, "ReactRenderer", {
+Object.defineProperty(exports, "ReactSerializer", {
   enumerable: true,
   get: function get() {
-    return _Renderer.default;
+    return _react.default;
   }
 });
-Object.defineProperty(exports, "ADFEncoder", {
+Object.defineProperty(exports, "TextSerializer", {
   enumerable: true,
   get: function get() {
-    return _utils.ADFEncoder;
+    return _text.default;
   }
 });
 Object.defineProperty(exports, "renderDocument", {

package/dist/cjs/messages.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.codeBlockCopyButtonMessages = exports.headingAnchorLinkMessages = void 0;
+exports.headingAnchorLinkMessages = exports.codeBlockCopyButtonMessages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var headingAnchorLinkMessages = (0, _reactIntl.defineMessages)({
+var headingAnchorLinkMessages = (0, _reactIntlNext.defineMessages)({
   copyHeadingLinkToClipboard: {
     id: 'fabric.editor.headingLink.copyAnchorLink',
     defaultMessage: 'Copy link to heading',
@@ -25,7 +25,7 @@ var headingAnchorLinkMessages = (0, _reactIntl.defineMessages)({
   }
 });
 exports.headingAnchorLinkMessages = headingAnchorLinkMessages;
-var codeBlockCopyButtonMessages = (0, _reactIntl.defineMessages)({
+var codeBlockCopyButtonMessages = (0, _reactIntlNext.defineMessages)({
   copyCodeToClipboard: {
     id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
     defaultMessage: 'Copy',

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 || '';
@@ -429,7 +439,8 @@ var ReactSerializer = /*#__PURE__*/function () {
   }, {
     key: "getMediaProps",
     value: function getMediaProps(node) {
-      var _this6 = this;
+      var _this6 = this,
+          _this$media;
 
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var link = node.type.schema.marks.link;
@@ -445,7 +456,8 @@ var ReactSerializer = /*#__PURE__*/function () {
         isLinkMark: isLinkMark,
         allowAltTextOnImages: this.allowAltTextOnImages,
         featureFlags: this.media && this.media.featureFlags,
-        shouldOpenMediaViewer: this.shouldOpenMediaViewer
+        shouldOpenMediaViewer: this.shouldOpenMediaViewer,
+        ssr: (_this$media = this.media) === null || _this$media === void 0 ? void 0 : _this$media.ssr
       });
     }
   }, {
@@ -472,13 +484,14 @@ var ReactSerializer = /*#__PURE__*/function () {
   }, {
     key: "getMediaGroupProps",
     value: function getMediaGroupProps(node) {
-      var _this$media;
+      var _this$media2, _this$media3;
 
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         shouldOpenMediaViewer: this.shouldOpenMediaViewer,
         allowAltTextOnImages: this.allowAltTextOnImages,
         featureFlags: this.media && this.media.featureFlags,
-        enableDownloadButton: (_this$media = this.media) === null || _this$media === void 0 ? void 0 : _this$media.enableDownloadButton
+        enableDownloadButton: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableDownloadButton,
+        ssr: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.ssr
       });
     }
   }, {
@@ -512,8 +525,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/annotation.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.isAnnotationMark = void 0;
+exports.isAnnotationMark = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

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

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Breakout;
 exports.Wrapper = void 0;
+exports.default = Breakout;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

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

@@ -5,16 +5,38 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Code;
+exports.CodeWithIntl = CodeWithIntl;
+exports.isCodeMark = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactIntlNext = require("react-intl-next");
+
 var _inline = _interopRequireDefault(require("@atlaskit/code/inline"));
 
-function Code(props) {
+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"
+    className: "code",
+    codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: props.codeBidiWarningTooltipEnabled
   }, props.dataAttributes), props.children);
-}
+}
+
+var _default = (0, _reactIntlNext.injectIntl)(CodeWithIntl);
+
+exports.default = _default;

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FragmentMark;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function FragmentMark(props) {
+  var WrapperElement = props.isInline ? 'span' : 'div';
+  return /*#__PURE__*/_react.default.createElement(WrapperElement, (0, _extends2.default)({
+    "data-localId": props.localId,
+    "data-name": props.name,
+    "data-mark-type": "fragment"
+  }, props.dataAttributes), props.children);
+}

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

@@ -7,18 +7,42 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Annotation", {
+  enumerable: true,
+  get: function get() {
+    return _annotation.default;
+  }
+});
+Object.defineProperty(exports, "Breakout", {
+  enumerable: true,
+  get: function get() {
+    return _breakout.default;
+  }
+});
 Object.defineProperty(exports, "Code", {
   enumerable: true,
   get: function get() {
     return _code.default;
   }
 });
+Object.defineProperty(exports, "DataConsumer", {
+  enumerable: true,
+  get: function get() {
+    return _dataConsumer.default;
+  }
+});
 Object.defineProperty(exports, "Em", {
   enumerable: true,
   get: function get() {
     return _em.default;
   }
 });
+Object.defineProperty(exports, "FragmentMark", {
+  enumerable: true,
+  get: function get() {
+    return _fragment.default;
+  }
+});
 Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function get() {
@@ -55,12 +79,6 @@ Object.defineProperty(exports, "Underline", {
     return _underline.default;
   }
 });
-Object.defineProperty(exports, "Breakout", {
-  enumerable: true,
-  get: function get() {
-    return _breakout.default;
-  }
-});
 Object.defineProperty(exports, "UnsupportedMark", {
   enumerable: true,
   get: function get() {
@@ -73,18 +91,6 @@ Object.defineProperty(exports, "UnsupportedNodeAttribute", {
     return _unsupportedNodeAttribute.default;
   }
 });
-Object.defineProperty(exports, "DataConsumer", {
-  enumerable: true,
-  get: function get() {
-    return _dataConsumer.default;
-  }
-});
-Object.defineProperty(exports, "Annotation", {
-  enumerable: true,
-  get: function get() {
-    return _annotation.default;
-  }
-});
 Object.defineProperty(exports, "isAnnotationMark", {
   enumerable: true,
   get: function get() {
@@ -121,6 +127,8 @@ var _unsupportedNodeAttribute = _interopRequireDefault(require("./unsupportedNod
 
 var _dataConsumer = _interopRequireDefault(require("./data-consumer"));
 
+var _fragment = _interopRequireDefault(require("./fragment"));
+
 var _annotation = _interopRequireWildcard(require("./annotation"));
 
 var _confluenceInlineComment = _interopRequireDefault(require("./confluence-inline-comment"));
@@ -147,7 +155,8 @@ var markToReact = {
   indentation: _indentation.default,
   unsupportedMark: _unsupportedMark.default,
   unsupportedNodeAttribute: _unsupportedNodeAttribute.default,
-  dataConsumer: _dataConsumer.default
+  dataConsumer: _dataConsumer.default,
+  fragment: _fragment.default
 };
 exports.markToReact = markToReact;
 

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

@@ -11,6 +11,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactIntlNext = require("react-intl-next");
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _code = require("@atlaskit/code");
@@ -23,6 +25,10 @@ var _components = require("@atlaskit/theme/components");
 
 var _constants = require("@atlaskit/theme/constants");
 
+var _messages = require("@atlaskit/editor-common/messages");
+
+var _useFeatureFlags = require("../../use-feature-flags");
+
 var _codeBlockCopyButton = _interopRequireDefault(require("./codeBlockCopyButton"));
 
 var _templateObject;
@@ -31,7 +37,10 @@ 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(' ');
   return /*#__PURE__*/_react.default.createElement("div", {
     className: className
@@ -39,11 +48,16 @@ function CodeBlock(props) {
     content: text
   }) : null, /*#__PURE__*/_react.default.createElement(_code.CodeBlock, {
     language: language,
-    text: text
+    text: text,
+    codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }));
 }
 
-var _default = (0, _styledComponents.default)(CodeBlock)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  tab-size: 4;\n  [data-ds--code--code-block] {\n    font-size: ", ";\n    line-height: 1.5rem;\n    background-image: ", ";\n    background-attachment: local, scroll, scroll;\n    background-position: 100% 0, 100% 0, 0 0;\n  }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _editorSharedStyles.overflowShadow)({
+var IntlCodeBlock = (0, _reactIntlNext.injectIntl)(CodeBlock);
+
+var _default = (0, _styledComponents.default)(IntlCodeBlock)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  tab-size: 4;\n  [data-ds--code--code-block] {\n    font-size: ", ";\n    line-height: 1.5rem;\n    background-image: ", ";\n    background-attachment: local, scroll, scroll;\n    background-position: 100% 0, 100% 0, 0 0;\n  }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _editorSharedStyles.overflowShadow)({
   background: (0, _components.themed)({
     light: _colors.N20,
     dark: _colors.DN50

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

@@ -15,7 +15,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -84,6 +84,6 @@ var CopyButton = function CopyButton(_ref) {
   });
 };
 
-var _default = (0, _reactIntl.injectIntl)(CopyButton);
+var _default = (0, _reactIntlNext.injectIntl)(CopyButton);
 
 exports.default = _default;

package/dist/cjs/react/nodes/copy-text-provider.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CopyTextContext = exports.CopyTextConsumer = exports.CopyTextProvider = exports.CopyArea = exports.copyToClipboard = exports.copyToClipboardLegacy = exports.copyToClipboardIE = exports.ieClipboardApiSupported = exports.clipboardApiSupported = void 0;
+exports.ieClipboardApiSupported = exports.copyToClipboardLegacy = exports.copyToClipboardIE = exports.copyToClipboard = exports.clipboardApiSupported = exports.CopyTextProvider = exports.CopyTextContext = exports.CopyTextConsumer = exports.CopyArea = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

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

@@ -23,7 +23,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _editorCommon = require("@atlaskit/editor-common");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 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); }
 
@@ -63,6 +63,6 @@ var Date = /*#__PURE__*/function (_PureComponent) {
   return Date;
 }(_react.PureComponent);
 
-var _default = (0, _reactIntl.injectIntl)(Date);
+var _default = (0, _reactIntlNext.injectIntl)(Date);
 
 exports.default = _default;