@atlaskit/code 14.2.0 → 14.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/code
 
+## 14.3.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
+
 ## 14.2.0
 
 ### Minor Changes

package/dist/cjs/bidi-warning/ui/index.js

@@ -21,20 +21,29 @@ function BidiWarning(_ref) {
   var testId = _ref.testId,
       bidiCharacter = _ref.bidiCharacter,
       skipChildren = _ref.skipChildren,
+      tooltipEnabled = _ref.tooltipEnabled,
       _ref$label = _ref.label,
       label = _ref$label === void 0 ? 'Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.' : _ref$label;
-  return (
-    /*#__PURE__*/
-    // Following patches, this should be updated to use the render props signature which will provide aria attributes.
-    // Note: this should be tested, as initial testing did not see attributes work with current tooltip implementation.
-    _react.default.createElement(_tooltip.default, {
-      content: label,
-      tag: CustomizedTagWithRef
-    }, /*#__PURE__*/_react.default.createElement(_styled.Decorator, {
-      testId: testId,
-      bidiCharacter: bidiCharacter
-    }, skipChildren ? null : bidiCharacter))
-  );
+
+  if (tooltipEnabled) {
+    return (
+      /*#__PURE__*/
+      // Following patches, this should be updated to use the render props signature which will provide aria attributes.
+      // Note: this should be tested, as initial testing did not see attributes work with current tooltip implementation.
+      _react.default.createElement(_tooltip.default, {
+        content: label,
+        tag: CustomizedTagWithRef
+      }, /*#__PURE__*/_react.default.createElement(_styled.Decorator, {
+        testId: testId,
+        bidiCharacter: bidiCharacter
+      }, skipChildren ? null : bidiCharacter))
+    );
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_styled.Decorator, {
+    testId: testId,
+    bidiCharacter: bidiCharacter
+  }, skipChildren ? null : bidiCharacter);
 }
 
 var CustomizedTagWithRef = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/dist/cjs/code-block.js

@@ -37,7 +37,9 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
       text = _ref.text,
       _ref$codeBidiWarnings = _ref.codeBidiWarnings,
       codeBidiWarnings = _ref$codeBidiWarnings === void 0 ? true : _ref$codeBidiWarnings,
-      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+      _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
+      codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT;
   var numLines = (text || '').split('\n').length;
   var globalTheme = (0, _components.useGlobalTheme)();
   var theme = (0, _react.useMemo)(function () {
@@ -65,7 +67,10 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
   }, [providedLanguage]); // https://product-fabric.atlassian.net/browse/DST-2472
 
   var languageToUse = text ? language : 'text';
-  var renderer = codeBidiWarnings ? (0, _reactSyntaxHighlighterBidiWarningRenderer.createBidiWarningRenderer)(codeBidiWarningLabel) : undefined;
+  var renderer = codeBidiWarnings ? (0, _reactSyntaxHighlighterBidiWarningRenderer.createBidiWarningRenderer)({
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+  }) : undefined;
   return (0, _core.jsx)(_reactSyntaxHighlighter.PrismAsync, {
     "data-testid": testId,
     "data-code-lang": language,

package/dist/cjs/code.js

@@ -47,9 +47,12 @@ var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
       _props$codeBidiWarnin = props.codeBidiWarnings,
       codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
       codeBidiWarningLabel = props.codeBidiWarningLabel,
-      otherProps = (0, _objectWithoutProperties2.default)(props, ["children", "codeBidiWarnings", "codeBidiWarningLabel"]);
+      _props$codeBidiWarnin2 = props.codeBidiWarningTooltipEnabled,
+      codeBidiWarningTooltipEnabled = _props$codeBidiWarnin2 === void 0 ? true : _props$codeBidiWarnin2,
+      otherProps = (0, _objectWithoutProperties2.default)(props, ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"]);
   var decoratedChildren = codeBidiWarnings ? (0, _core.jsx)(RenderCodeChildrenWithBidiWarnings, {
-    codeBidiWarningLabel: codeBidiWarningLabel
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }, children) : children;
   return (0, _core.jsx)("code", (0, _extends2.default)({
     ref: ref,
@@ -60,7 +63,8 @@ var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
 
 function RenderCodeChildrenWithBidiWarnings(_ref2) {
   var children = _ref2.children,
-      codeBidiWarningLabel = _ref2.codeBidiWarningLabel;
+      codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
+      codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled;
 
   var replacedChildren = _react.default.Children.map(children, function (childNode) {
     if (typeof childNode === 'string') {
@@ -70,7 +74,8 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
         return (0, _core.jsx)(_bidiWarning.default, {
           bidiCharacter: bidiCharacter,
           key: index,
-          label: codeBidiWarningLabel
+          label: codeBidiWarningLabel,
+          tooltipEnabled: codeBidiWarningTooltipEnabled
         });
       });
       return decorated;
@@ -79,7 +84,8 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
     if (isReactElement(childNode) && childNode.props.children) {
       var newChildNode = /*#__PURE__*/_react.default.cloneElement(childNode, {
         children: (0, _core.jsx)(RenderCodeChildrenWithBidiWarnings, {
-          codeBidiWarningLabel: codeBidiWarningLabel
+          codeBidiWarningLabel: codeBidiWarningLabel,
+          codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
         }, childNode.props.children)
       });
 

package/dist/cjs/react-syntax-highlighter-bidi-warning-renderer.js

@@ -24,13 +24,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-// File mostly vendored from react-syntax-highlighter
-//
-// - https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/efc3f7b7537d1729193b7a472067bcbe6cbecaf1/src/highlight.js#L272-L281
-// - https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/efc3f7b7537d1729193b7a472067bcbe6cbecaf1/src/create-element.js
-//
-// Patching react syntax-highlighter with a decoration feature is likely preferable
-function createBidiWarningRenderer(codeBidiWarningLabel) {
+function createBidiWarningRenderer(codeBidiWarningConfig) {
   return function bidiWarningRenderer(_ref) {
     var rows = _ref.rows,
         stylesheet = _ref.stylesheet,
@@ -40,7 +34,7 @@ function createBidiWarningRenderer(codeBidiWarningLabel) {
         node: node,
         stylesheet: stylesheet,
         useInlineStyles: useInlineStyles,
-        codeBidiWarningLabel: codeBidiWarningLabel,
+        codeBidiWarningConfig: codeBidiWarningConfig,
         key: "code-segement".concat(i)
       });
     });
@@ -106,7 +100,7 @@ function createClassNameString(classNames) {
   return classNames.join(' ');
 }
 
-function createChildren(stylesheet, useInlineStyles, codeBidiWarningLabel) {
+function createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig) {
   var childrenCount = 0;
   return function (children) {
     childrenCount += 1;
@@ -115,7 +109,7 @@ function createChildren(stylesheet, useInlineStyles, codeBidiWarningLabel) {
         node: child,
         stylesheet: stylesheet,
         useInlineStyles: useInlineStyles,
-        codeBidiWarningLabel: codeBidiWarningLabel,
+        codeBidiWarningConfig: codeBidiWarningConfig,
         key: "code-segment-".concat(childrenCount, "-").concat(i)
       });
     });
@@ -128,7 +122,7 @@ function createElement(_ref2) {
       _ref2$style = _ref2.style,
       style = _ref2$style === void 0 ? {} : _ref2$style,
       useInlineStyles = _ref2.useInlineStyles,
-      codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
+      codeBidiWarningConfig = _ref2.codeBidiWarningConfig,
       key = _ref2.key;
   var properties = node.properties,
       type = node.type,
@@ -145,12 +139,13 @@ function createElement(_ref2) {
       return /*#__PURE__*/_react.default.createElement(_bidiWarning.default, {
         bidiCharacter: bidiCharacter,
         key: index,
-        label: codeBidiWarningLabel
+        label: codeBidiWarningConfig.codeBidiWarningLabel,
+        tooltipEnabled: codeBidiWarningConfig.codeBidiWarningTooltipEnabled
       });
     });
     return decorated;
   } else if (TagName) {
-    var childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningLabel);
+    var childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig);
     var props;
 
     if (!useInlineStyles) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/code",
-	"version": "14.2.0",
+	"version": "14.3.0",
 	"sideEffects": false
 }

package/dist/es2019/bidi-warning/ui/index.js

@@ -6,20 +6,28 @@ export default function BidiWarning({
   testId,
   bidiCharacter,
   skipChildren,
+  tooltipEnabled,
   label = 'Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.'
 }) {
-  return (
-    /*#__PURE__*/
-    // Following patches, this should be updated to use the render props signature which will provide aria attributes.
-    // Note: this should be tested, as initial testing did not see attributes work with current tooltip implementation.
-    React.createElement(Tooltip, {
-      content: label,
-      tag: CustomizedTagWithRef
-    }, /*#__PURE__*/React.createElement(Decorator, {
-      testId: testId,
-      bidiCharacter: bidiCharacter
-    }, skipChildren ? null : bidiCharacter))
-  );
+  if (tooltipEnabled) {
+    return (
+      /*#__PURE__*/
+      // Following patches, this should be updated to use the render props signature which will provide aria attributes.
+      // Note: this should be tested, as initial testing did not see attributes work with current tooltip implementation.
+      React.createElement(Tooltip, {
+        content: label,
+        tag: CustomizedTagWithRef
+      }, /*#__PURE__*/React.createElement(Decorator, {
+        testId: testId,
+        bidiCharacter: bidiCharacter
+      }, skipChildren ? null : bidiCharacter))
+    );
+  }
+
+  return /*#__PURE__*/React.createElement(Decorator, {
+    testId: testId,
+    bidiCharacter: bidiCharacter
+  }, skipChildren ? null : bidiCharacter);
 }
 const CustomizedTagWithRef = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {

package/dist/es2019/code-block.js

@@ -16,7 +16,8 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
   testId,
   text,
   codeBidiWarnings = true,
-  codeBidiWarningLabel
+  codeBidiWarningLabel,
+  codeBidiWarningTooltipEnabled = true
 }) {
   const numLines = (text || '').split('\n').length;
   const globalTheme = useGlobalTheme();
@@ -34,7 +35,10 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
   const language = useMemo(() => normalizeLanguage(providedLanguage), [providedLanguage]); // https://product-fabric.atlassian.net/browse/DST-2472
 
   const languageToUse = text ? language : 'text';
-  const renderer = codeBidiWarnings ? createBidiWarningRenderer(codeBidiWarningLabel) : undefined;
+  const renderer = codeBidiWarnings ? createBidiWarningRenderer({
+    codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled
+  }) : undefined;
   return jsx(SyntaxHighlighter, {
     "data-testid": testId,
     "data-code-lang": language,

package/dist/es2019/code.js

@@ -17,10 +17,12 @@ const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
     children,
     codeBidiWarnings = true,
     codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled = true,
     ...otherProps
   } = props;
   const decoratedChildren = codeBidiWarnings ? jsx(RenderCodeChildrenWithBidiWarnings, {
-    codeBidiWarningLabel: codeBidiWarningLabel
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }, children) : children;
   return jsx("code", _extends({
     ref: ref,
@@ -31,7 +33,8 @@ const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
 
 function RenderCodeChildrenWithBidiWarnings({
   children,
-  codeBidiWarningLabel
+  codeBidiWarningLabel,
+  codeBidiWarningTooltipEnabled
 }) {
   const replacedChildren = React.Children.map(children, childNode => {
     if (typeof childNode === 'string') {
@@ -41,7 +44,8 @@ function RenderCodeChildrenWithBidiWarnings({
       }) => jsx(CodeBidiWarning, {
         bidiCharacter: bidiCharacter,
         key: index,
-        label: codeBidiWarningLabel
+        label: codeBidiWarningLabel,
+        tooltipEnabled: codeBidiWarningTooltipEnabled
       }));
       return decorated;
     }
@@ -49,7 +53,8 @@ function RenderCodeChildrenWithBidiWarnings({
     if (isReactElement(childNode) && childNode.props.children) {
       const newChildNode = /*#__PURE__*/React.cloneElement(childNode, {
         children: jsx(RenderCodeChildrenWithBidiWarnings, {
-          codeBidiWarningLabel: codeBidiWarningLabel
+          codeBidiWarningLabel: codeBidiWarningLabel,
+          codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
         }, childNode.props.children)
       });
       return newChildNode;

package/dist/es2019/react-syntax-highlighter-bidi-warning-renderer.js

@@ -9,7 +9,7 @@ import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator'; //
 //
 // Patching react syntax-highlighter with a decoration feature is likely preferable
 
-export function createBidiWarningRenderer(codeBidiWarningLabel) {
+export function createBidiWarningRenderer(codeBidiWarningConfig) {
   return function bidiWarningRenderer({
     rows,
     stylesheet,
@@ -19,7 +19,7 @@ export function createBidiWarningRenderer(codeBidiWarningLabel) {
       node,
       stylesheet,
       useInlineStyles,
-      codeBidiWarningLabel,
+      codeBidiWarningConfig,
       key: `code-segement${i}`
     }));
   };
@@ -79,7 +79,7 @@ export function createStyleObject(classNames, elementStyle = {}, stylesheet) {
 export function createClassNameString(classNames) {
   return classNames.join(' ');
 }
-export function createChildren(stylesheet, useInlineStyles, codeBidiWarningLabel) {
+export function createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig) {
   let childrenCount = 0;
   return children => {
     childrenCount += 1;
@@ -87,7 +87,7 @@ export function createChildren(stylesheet, useInlineStyles, codeBidiWarningLabel
       node: child,
       stylesheet,
       useInlineStyles,
-      codeBidiWarningLabel,
+      codeBidiWarningConfig,
       key: `code-segment-${childrenCount}-${i}`
     }));
   };
@@ -98,7 +98,7 @@ function createElement({
   stylesheet,
   style = {},
   useInlineStyles,
-  codeBidiWarningLabel,
+  codeBidiWarningConfig,
   key
 }) {
   const {
@@ -118,11 +118,12 @@ function createElement({
     }) => /*#__PURE__*/React.createElement(CodeBidiWarning, {
       bidiCharacter: bidiCharacter,
       key: index,
-      label: codeBidiWarningLabel
+      label: codeBidiWarningConfig.codeBidiWarningLabel,
+      tooltipEnabled: codeBidiWarningConfig.codeBidiWarningTooltipEnabled
     }));
     return decorated;
   } else if (TagName) {
-    const childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningLabel);
+    const childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig);
     let props;
 
     if (!useInlineStyles) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/code",
-	"version": "14.2.0",
+	"version": "14.3.0",
 	"sideEffects": false
 }

package/dist/esm/bidi-warning/ui/index.js

@@ -7,20 +7,29 @@ export default function BidiWarning(_ref) {
   var testId = _ref.testId,
       bidiCharacter = _ref.bidiCharacter,
       skipChildren = _ref.skipChildren,
+      tooltipEnabled = _ref.tooltipEnabled,
       _ref$label = _ref.label,
       label = _ref$label === void 0 ? 'Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.' : _ref$label;
-  return (
-    /*#__PURE__*/
-    // Following patches, this should be updated to use the render props signature which will provide aria attributes.
-    // Note: this should be tested, as initial testing did not see attributes work with current tooltip implementation.
-    React.createElement(Tooltip, {
-      content: label,
-      tag: CustomizedTagWithRef
-    }, /*#__PURE__*/React.createElement(Decorator, {
-      testId: testId,
-      bidiCharacter: bidiCharacter
-    }, skipChildren ? null : bidiCharacter))
-  );
+
+  if (tooltipEnabled) {
+    return (
+      /*#__PURE__*/
+      // Following patches, this should be updated to use the render props signature which will provide aria attributes.
+      // Note: this should be tested, as initial testing did not see attributes work with current tooltip implementation.
+      React.createElement(Tooltip, {
+        content: label,
+        tag: CustomizedTagWithRef
+      }, /*#__PURE__*/React.createElement(Decorator, {
+        testId: testId,
+        bidiCharacter: bidiCharacter
+      }, skipChildren ? null : bidiCharacter))
+    );
+  }
+
+  return /*#__PURE__*/React.createElement(Decorator, {
+    testId: testId,
+    bidiCharacter: bidiCharacter
+  }, skipChildren ? null : bidiCharacter);
 }
 var CustomizedTagWithRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,

package/dist/esm/code-block.js

@@ -22,7 +22,9 @@ var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
       text = _ref.text,
       _ref$codeBidiWarnings = _ref.codeBidiWarnings,
       codeBidiWarnings = _ref$codeBidiWarnings === void 0 ? true : _ref$codeBidiWarnings,
-      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+      _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
+      codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT;
   var numLines = (text || '').split('\n').length;
   var globalTheme = useGlobalTheme();
   var theme = useMemo(function () {
@@ -50,7 +52,10 @@ var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
   }, [providedLanguage]); // https://product-fabric.atlassian.net/browse/DST-2472
 
   var languageToUse = text ? language : 'text';
-  var renderer = codeBidiWarnings ? createBidiWarningRenderer(codeBidiWarningLabel) : undefined;
+  var renderer = codeBidiWarnings ? createBidiWarningRenderer({
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+  }) : undefined;
   return jsx(SyntaxHighlighter, {
     "data-testid": testId,
     "data-code-lang": language,

package/dist/esm/code.js

@@ -21,10 +21,13 @@ var Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code(_ref, ref) {
       _props$codeBidiWarnin = props.codeBidiWarnings,
       codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
       codeBidiWarningLabel = props.codeBidiWarningLabel,
-      otherProps = _objectWithoutProperties(props, ["children", "codeBidiWarnings", "codeBidiWarningLabel"]);
+      _props$codeBidiWarnin2 = props.codeBidiWarningTooltipEnabled,
+      codeBidiWarningTooltipEnabled = _props$codeBidiWarnin2 === void 0 ? true : _props$codeBidiWarnin2,
+      otherProps = _objectWithoutProperties(props, ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"]);
 
   var decoratedChildren = codeBidiWarnings ? jsx(RenderCodeChildrenWithBidiWarnings, {
-    codeBidiWarningLabel: codeBidiWarningLabel
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }, children) : children;
   return jsx("code", _extends({
     ref: ref,
@@ -35,7 +38,8 @@ var Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code(_ref, ref) {
 
 function RenderCodeChildrenWithBidiWarnings(_ref2) {
   var children = _ref2.children,
-      codeBidiWarningLabel = _ref2.codeBidiWarningLabel;
+      codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
+      codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled;
   var replacedChildren = React.Children.map(children, function (childNode) {
     if (typeof childNode === 'string') {
       var decorated = codeBidiWarningDecorator(childNode, function (_ref3) {
@@ -44,7 +48,8 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
         return jsx(CodeBidiWarning, {
           bidiCharacter: bidiCharacter,
           key: index,
-          label: codeBidiWarningLabel
+          label: codeBidiWarningLabel,
+          tooltipEnabled: codeBidiWarningTooltipEnabled
         });
       });
       return decorated;
@@ -53,7 +58,8 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
     if (isReactElement(childNode) && childNode.props.children) {
       var newChildNode = /*#__PURE__*/React.cloneElement(childNode, {
         children: jsx(RenderCodeChildrenWithBidiWarnings, {
-          codeBidiWarningLabel: codeBidiWarningLabel
+          codeBidiWarningLabel: codeBidiWarningLabel,
+          codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
         }, childNode.props.children)
       });
       return newChildNode;

package/dist/esm/react-syntax-highlighter-bidi-warning-renderer.js

@@ -15,7 +15,7 @@ import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator'; //
 //
 // Patching react syntax-highlighter with a decoration feature is likely preferable
 
-export function createBidiWarningRenderer(codeBidiWarningLabel) {
+export function createBidiWarningRenderer(codeBidiWarningConfig) {
   return function bidiWarningRenderer(_ref) {
     var rows = _ref.rows,
         stylesheet = _ref.stylesheet,
@@ -25,7 +25,7 @@ export function createBidiWarningRenderer(codeBidiWarningLabel) {
         node: node,
         stylesheet: stylesheet,
         useInlineStyles: useInlineStyles,
-        codeBidiWarningLabel: codeBidiWarningLabel,
+        codeBidiWarningConfig: codeBidiWarningConfig,
         key: "code-segement".concat(i)
       });
     });
@@ -88,7 +88,7 @@ export function createStyleObject(classNames) {
 export function createClassNameString(classNames) {
   return classNames.join(' ');
 }
-export function createChildren(stylesheet, useInlineStyles, codeBidiWarningLabel) {
+export function createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig) {
   var childrenCount = 0;
   return function (children) {
     childrenCount += 1;
@@ -97,7 +97,7 @@ export function createChildren(stylesheet, useInlineStyles, codeBidiWarningLabel
         node: child,
         stylesheet: stylesheet,
         useInlineStyles: useInlineStyles,
-        codeBidiWarningLabel: codeBidiWarningLabel,
+        codeBidiWarningConfig: codeBidiWarningConfig,
         key: "code-segment-".concat(childrenCount, "-").concat(i)
       });
     });
@@ -110,7 +110,7 @@ function createElement(_ref2) {
       _ref2$style = _ref2.style,
       style = _ref2$style === void 0 ? {} : _ref2$style,
       useInlineStyles = _ref2.useInlineStyles,
-      codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
+      codeBidiWarningConfig = _ref2.codeBidiWarningConfig,
       key = _ref2.key;
   var properties = node.properties,
       type = node.type,
@@ -127,12 +127,13 @@ function createElement(_ref2) {
       return /*#__PURE__*/React.createElement(CodeBidiWarning, {
         bidiCharacter: bidiCharacter,
         key: index,
-        label: codeBidiWarningLabel
+        label: codeBidiWarningConfig.codeBidiWarningLabel,
+        tooltipEnabled: codeBidiWarningConfig.codeBidiWarningTooltipEnabled
       });
     });
     return decorated;
   } else if (TagName) {
-    var childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningLabel);
+    var childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig);
     var props;
 
     if (!useInlineStyles) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/code",
-	"version": "14.2.0",
+	"version": "14.3.0",
 	"sideEffects": false
 }

package/dist/types/bidi-warning/ui/index.d.ts

@@ -1,2 +1,2 @@
 import { CodeBidiWarningProps } from './types';
-export default function BidiWarning({ testId, bidiCharacter, skipChildren, label, }: CodeBidiWarningProps): JSX.Element;
+export default function BidiWarning({ testId, bidiCharacter, skipChildren, tooltipEnabled, label, }: CodeBidiWarningProps): JSX.Element;

package/dist/types/bidi-warning/ui/types.d.ts

@@ -12,6 +12,14 @@ export declare type CodeBidiWarningProps = {
      * https://hello.atlassian.net/wiki/spaces/PRODSEC/pages/1347434677/PSHELP-2943+Investigate+Trojan+Source+Attack+Vulnerability#1)-Providing-visual-cues-for-our-Customers-in-our-affected-products
      */
     bidiCharacter: string;
+    /**
+     * Defaults to enabled (true)
+     *
+     * Intended to be disabled when used in a mobile view, such as in the editor
+     * via mobile bridge, where the tooltip could end up being cut off of otherwise
+     * not work as expected.
+     */
+    tooltipEnabled?: boolean;
     skipChildren?: boolean;
     /**
      * Labels for the previous and next buttons used in pagination.

package/dist/types/code.d.ts

@@ -2,6 +2,6 @@
 import React from 'react';
 import { getCodeStyles } from './internal/theme/styles';
 import type { CodeProps } from './types';
-declare const Code: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<CodeProps, "as" | "css" | "name" | "color" | "content" | "height" | "width" | "start" | "children" | "testId" | "default" | "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "codeBidiWarnings" | "codeBidiWarningLabel"> & React.RefAttributes<HTMLElement>>>;
+declare const Code: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<CodeProps, "as" | "css" | "name" | "color" | "content" | "height" | "width" | "start" | "children" | "testId" | "default" | "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "codeBidiWarnings" | "codeBidiWarningLabel" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLElement>>>;
 export { getCodeStyles };
 export default Code;

package/dist/types/internal/types.d.ts

@@ -45,6 +45,14 @@ export interface CodeBlockProps {
      * Defaults to `Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.`.
      */
     codeBidiWarningLabel?: string;
+    /**
+     * Defaults to enabled (true)
+     *
+     * Intended to be disabled when used in a mobile view, such as in the editor
+     * via mobile bridge, where the tooltip could end up being cut off of otherwise
+     * not work as expected.
+     */
+    codeBidiWarningTooltipEnabled?: boolean;
 }
 export type { SupportedLanguages, LanguageAlias, Language } from '../constants';
 export type { CodeBlockTheme, CodeTheme } from './theme/types';

package/dist/types/react-syntax-highlighter-bidi-warning-renderer.d.ts

@@ -1,4 +1,9 @@
-export declare function createBidiWarningRenderer(codeBidiWarningLabel?: string): ({ rows, stylesheet, useInlineStyles, }: any) => any;
+declare type CodeBidiWarningConfig = {
+    codeBidiWarningLabel?: string;
+    codeBidiWarningTooltipEnabled: boolean;
+};
+export declare function createBidiWarningRenderer(codeBidiWarningConfig: CodeBidiWarningConfig): ({ rows, stylesheet, useInlineStyles, }: any) => any;
 export declare function createStyleObject(classNames: any, elementStyle: {} | undefined, stylesheet: any): any;
 export declare function createClassNameString(classNames: any): any;
-export declare function createChildren(stylesheet: any, useInlineStyles: any, codeBidiWarningLabel: any): (children: any) => any;
+export declare function createChildren(stylesheet: any, useInlineStyles: any, codeBidiWarningConfig: any): (children: any) => any;
+export {};

package/dist/types/types.d.ts

@@ -21,4 +21,12 @@ export interface CodeProps extends HTMLProps<HTMLElement> {
      * Defaults to `Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.`.
      */
     codeBidiWarningLabel?: string;
+    /**
+     * Defaults to enabled (true)
+     *
+     * Intended to be disabled when used in a mobile view, such as in the editor
+     * via mobile bridge, where the tooltip could end up being cut off of otherwise
+     * not work as expected.
+     */
+    codeBidiWarningTooltipEnabled?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/code",
-  "version": "14.2.0",
+  "version": "14.3.0",
   "description": "Code highlights short strings of code snippets inline with body text.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"