@atlaskit/code 14.1.5 → 14.3.2

package/dist/cjs/index.js

@@ -13,12 +13,6 @@ Object.defineProperty(exports, "Code", {
     return _code.default;
   }
 });
-Object.defineProperty(exports, "getCodeStyles", {
-  enumerable: true,
-  get: function get() {
-    return _code.getCodeStyles;
-  }
-});
 Object.defineProperty(exports, "CodeBlock", {
   enumerable: true,
   get: function get() {
@@ -31,6 +25,12 @@ Object.defineProperty(exports, "SUPPORTED_LANGUAGES", {
     return _constants.SUPPORTED_LANGUAGES;
   }
 });
+Object.defineProperty(exports, "getCodeStyles", {
+  enumerable: true,
+  get: function get() {
+    return _code.getCodeStyles;
+  }
+});
 
 var _code = _interopRequireWildcard(require("./code"));
 

package/dist/cjs/internal/hooks/use-highlight.js

@@ -13,9 +13,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = require("react");
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var DEFAULT_LINE_EL_ATTR_OBJ = {
   'data-ds--code--row': ''

package/dist/cjs/internal/theme/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CODE_BLOCK_SELECTOR = exports.VAR_CODE_BG_COLOR = exports.VAR_CODE_LINE_NUMBER_BG_COLOR = exports.LINE_NUMBER_GUTTER = exports.SPACING = exports.HIGHLIGHT_BORDER_WIDTH = exports.CODE_LINE_HEIGHT = exports.CODE_FONT_SIZE = void 0;
+exports.VAR_CODE_LINE_NUMBER_BG_COLOR = exports.VAR_CODE_BG_COLOR = exports.SPACING = exports.LINE_NUMBER_GUTTER = exports.HIGHLIGHT_BORDER_WIDTH = exports.CODE_LINE_HEIGHT = exports.CODE_FONT_SIZE = exports.CODE_BLOCK_SELECTOR = void 0;
 
 var _constants = require("@atlaskit/theme/constants");
 

package/dist/cjs/internal/theme/get-theme.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.getColorPalette = exports.defaultBaseTheme = exports.getBaseTheme = void 0;
+exports.getColorPalette = exports.getBaseTheme = exports.defaultBaseTheme = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -23,9 +23,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // Hardcoded values have been used due to the current color palette not having any
 // accessible color options for Teal and Yellow and +20A

package/dist/cjs/internal/theme/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCodeBlockTheme = exports.getCodeStyles = exports.getCodeBlockStyles = exports.getBaseCodeStyles = exports.getLineNumWidth = void 0;
+exports.getLineNumWidth = exports.getCodeStyles = exports.getCodeBlockTheme = exports.getCodeBlockStyles = exports.getBaseCodeStyles = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -15,9 +15,9 @@ var _constants2 = require("./constants");
 
 var _getTheme = require("./get-theme");
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getLineNumWidth = function getLineNumWidth(numLines) {
   if (!numLines) {

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

@@ -0,0 +1,180 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createBidiWarningRenderer = createBidiWarningRenderer;
+exports.createChildren = createChildren;
+exports.createClassNameString = createClassNameString;
+exports.createStyleObject = createStyleObject;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _bidiWarning = _interopRequireDefault(require("./bidi-warning"));
+
+var _bidiWarningDecorator = _interopRequireDefault(require("./bidi-warning/bidi-warning-decorator"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function createBidiWarningRenderer(codeBidiWarningConfig) {
+  return function bidiWarningRenderer(_ref) {
+    var rows = _ref.rows,
+        stylesheet = _ref.stylesheet,
+        useInlineStyles = _ref.useInlineStyles;
+    return rows.map(function (node, i) {
+      return createElement({
+        node: node,
+        stylesheet: stylesheet,
+        useInlineStyles: useInlineStyles,
+        codeBidiWarningConfig: codeBidiWarningConfig,
+        key: "code-segement".concat(i)
+      });
+    });
+  };
+} // Get all possible permutations of all power sets
+//
+// Super simple, non-algorithmic solution since the
+// number of class names will not be greater than 4
+
+
+function powerSetPermutations(arr) {
+  var arrLength = arr.length;
+
+  if (arrLength === 0 || arrLength === 1) {
+    return arr;
+  }
+
+  if (arrLength === 2) {
+    // prettier-ignore
+    return [arr[0], arr[1], "".concat(arr[0], ".").concat(arr[1]), "".concat(arr[1], ".").concat(arr[0])];
+  }
+
+  if (arrLength === 3) {
+    return [arr[0], arr[1], arr[2], "".concat(arr[0], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[2]), "".concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[0])];
+  }
+
+  if (arrLength >= 4) {
+    // Currently does not support more than 4 extra
+    // class names (after `.token` has been removed)
+    return [arr[0], arr[1], arr[2], arr[3], "".concat(arr[0], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[3]), "".concat(arr[3], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[1], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[1], ".").concat(arr[0])];
+  }
+}
+
+var classNameCombinations = {};
+
+function getClassNameCombinations(classNames) {
+  if (classNames.length === 0 || classNames.length === 1) {
+    return classNames;
+  }
+
+  var key = classNames.join('.');
+
+  if (!classNameCombinations[key]) {
+    classNameCombinations[key] = powerSetPermutations(classNames);
+  }
+
+  return classNameCombinations[key];
+}
+
+function createStyleObject(classNames) {
+  var elementStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var stylesheet = arguments.length > 2 ? arguments[2] : undefined;
+  var nonTokenClassNames = classNames.filter(function (className) {
+    return className !== 'token';
+  });
+  var classNamesCombinations = getClassNameCombinations(nonTokenClassNames);
+  return classNamesCombinations.reduce(function (styleObject, className) {
+    return _objectSpread(_objectSpread({}, styleObject), stylesheet[className]);
+  }, elementStyle);
+}
+
+function createClassNameString(classNames) {
+  return classNames.join(' ');
+}
+
+function createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig) {
+  var childrenCount = 0;
+  return function (children) {
+    childrenCount += 1;
+    return children.map(function (child, i) {
+      return createElement({
+        node: child,
+        stylesheet: stylesheet,
+        useInlineStyles: useInlineStyles,
+        codeBidiWarningConfig: codeBidiWarningConfig,
+        key: "code-segment-".concat(childrenCount, "-").concat(i)
+      });
+    });
+  };
+}
+
+function createElement(_ref2) {
+  var node = _ref2.node,
+      stylesheet = _ref2.stylesheet,
+      _ref2$style = _ref2.style,
+      style = _ref2$style === void 0 ? {} : _ref2$style,
+      useInlineStyles = _ref2.useInlineStyles,
+      codeBidiWarningConfig = _ref2.codeBidiWarningConfig,
+      key = _ref2.key;
+  var properties = node.properties,
+      type = node.type,
+      TagName = node.tagName,
+      value = node.value;
+
+  if (type === 'text') {
+    // occasionally react-syntax-highlighter passes a numeric value when the
+    // type is text
+    var textValue = value + '';
+    var decorated = (0, _bidiWarningDecorator.default)(textValue, function (_ref3) {
+      var bidiCharacter = _ref3.bidiCharacter,
+          index = _ref3.index;
+      return /*#__PURE__*/_react.default.createElement(_bidiWarning.default, {
+        bidiCharacter: bidiCharacter,
+        key: index,
+        label: codeBidiWarningConfig.codeBidiWarningLabel,
+        tooltipEnabled: codeBidiWarningConfig.codeBidiWarningTooltipEnabled
+      });
+    });
+    return decorated;
+  } else if (TagName) {
+    var childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig);
+    var props;
+
+    if (!useInlineStyles) {
+      props = _objectSpread(_objectSpread({}, properties), {}, {
+        className: createClassNameString(properties.className)
+      });
+    } else {
+      var allStylesheetSelectors = Object.keys(stylesheet).reduce(function (classes, selector) {
+        selector.split('.').forEach(function (className) {
+          if (!classes.includes(className)) {
+            classes.push(className);
+          }
+        });
+        return classes;
+      }, []); // For compatibility with older versions of react-syntax-highlighter
+
+      var startingClassName = properties.className && properties.className.includes('token') ? ['token'] : [];
+      var className = properties.className && startingClassName.concat(properties.className.filter(function (className) {
+        return !allStylesheetSelectors.includes(className);
+      }));
+      props = _objectSpread(_objectSpread({}, properties), {}, {
+        className: createClassNameString(className) || undefined,
+        style: createStyleObject(properties.className, Object.assign({}, properties.style, style), stylesheet)
+      });
+    }
+
+    var children = childrenCreator(node.children);
+    return /*#__PURE__*/_react.default.createElement(TagName, (0, _extends2.default)({
+      key: key
+    }, props), children);
+  }
+}

package/dist/cjs/version.json

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

package/dist/es2019/bidi-warning/bidi-warning-decorator.js

@@ -0,0 +1,42 @@
+export const bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/g;
+export default function codeBidiWarningDecorator(originalText, decorate) {
+  const matches = [...originalText.matchAll(bidiCharacterRegex)];
+
+  if (matches.length === 0) {
+    // No matches encountered, so we return the originalText value
+    return originalText;
+  }
+
+  let children = [];
+  let mappedTo = 0;
+
+  for (const match of matches) {
+    if (mappedTo !== match.index) {
+      // There were unmatched characters prior to this match which haven't been
+      // mapped to the children.
+      // Add them as plain text.
+      children.push(originalText.substring(mappedTo, match.index));
+    }
+
+    children.push(decorate({
+      bidiCharacter: match[0],
+      index: match.index
+    })); // While index is guaranteed to be present, it needs to be asserted due
+    // to a limitation of typescripts regex handling
+    //
+    // https://github.com/microsoft/TypeScript/issues/36788
+    // Decorate bidi character
+
+    mappedTo = match.index + match[0].length;
+  }
+
+  if (mappedTo !== originalText.length) {
+    // There is text following the final match, which needs to be mapped
+    // to the children.
+    // Added as plain text.
+    children.push(originalText.substring(mappedTo, originalText.length));
+  } // return the mapped children with decorated bidi characters
+
+
+  return children;
+}

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

@@ -0,0 +1 @@
+export { default } from './ui';

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

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Tooltip from '@atlaskit/tooltip';
+import { Decorator } from './styled';
+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.'
+}) {
+  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 {
+    children,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
+    ref: ref
+  }), children);
+});

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

@@ -0,0 +1,65 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/core';
+import { Y75 } from '@atlaskit/theme/colors';
+const decoration = css({
+  // Required as otherwise the following bidi characters cause the span
+  // to not receive hover events.
+  //
+  // U+2066 LEFT-TO-RIGHT ISOLATE (when using pseudo element before)
+  // U+202E RIGHT-TO-LEFT OVERRIDE' (when using pseudo element after)
+  position: 'relative',
+  ':before': {
+    /* layout */
+    display: 'inline-flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: '0 4px',
+    fontSize: '14px',
+    lineHeight: '18px',
+    background: Y75,
+
+    /**
+     * Ensures the decoration receives pointer events when it occurs with
+     * an ancestor that disables them.
+     */
+    pointerEvents: 'auto',
+
+    /* contents */
+    content: '"<"attr(data-bidi-character-code)">"',
+    // This color is Y800 which is not yet rolled out
+    // https://hello.atlassian.net/wiki/spaces/~tswan/pages/1366555782?focusedCommentId=1370387374#comment-1370387374
+    color: '#7F5F01',
+    fontStyle: 'normal'
+  },
+  ':hover:before': {
+    color: '#533F04'
+  }
+});
+export function Decorator({
+  bidiCharacter,
+  children,
+  testId
+}) {
+  const bidiCharacterCode = getBidiCharacterCode(bidiCharacter);
+  return jsx("span", {
+    "aria-label": bidiCharacterCode
+  }, jsx("span", {
+    css: decoration,
+    "data-testid": testId,
+    "data-bidi-character-code": bidiCharacterCode // This is set to true so that the content is not read out by
+    // screen readers as the content includes angle brackets for
+    // visual decoration purposes.
+    // We use a span with the aria-label set to the bidi character  code
+    // above this span for screen readers.
+    ,
+    "aria-hidden": "true"
+  }, children));
+}
+
+function getBidiCharacterCode(bidiCharacter) {
+  var _bidiCharacter$codePo;
+
+  const bidiCharacterCode = (_bidiCharacter$codePo = bidiCharacter.codePointAt(0)) === null || _bidiCharacter$codePo === void 0 ? void 0 : _bidiCharacter$codePo.toString(16);
+  return `U+${bidiCharacterCode}`;
+}

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

@@ -0,0 +1 @@
+export {};

package/dist/es2019/code-block.js

@@ -6,6 +6,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import { useHighlightLines } from './internal/hooks/use-highlight';
 import { getCodeBlockStyles, getCodeBlockTheme } from './internal/theme/styles';
 import { normalizeLanguage } from './internal/utils/get-normalized-language';
+import { createBidiWarningRenderer } from './react-syntax-highlighter-bidi-warning-renderer';
 const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
   showLineNumbers = true,
   language: providedLanguage = 'text',
@@ -13,7 +14,10 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
   highlightedStartText = 'Highlight start',
   highlightedEndText = 'Highlight end',
   testId,
-  text
+  text,
+  codeBidiWarnings = true,
+  codeBidiWarningLabel,
+  codeBidiWarningTooltipEnabled = true
 }) {
   const numLines = (text || '').split('\n').length;
   const globalTheme = useGlobalTheme();
@@ -31,6 +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,
+    codeBidiWarningTooltipEnabled
+  }) : undefined;
   return jsx(SyntaxHighlighter, {
     "data-testid": testId,
     "data-code-lang": language,
@@ -42,7 +50,8 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
     ,
     wrapLines: highlight.length > 0 || !!testId,
     lineProps: getLineProps,
-    useInlineStyles: false
+    useInlineStyles: false,
+    renderer: renderer
   }, text);
 });
 CodeBlock.displayName = 'CodeBlock';

package/dist/es2019/code.js

@@ -1,9 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { forwardRef, memo, useMemo } from 'react';
+import React, { forwardRef, memo, useMemo } from 'react';
 import { jsx } from '@emotion/core';
 import { useGlobalTheme } from '@atlaskit/theme/components';
+import CodeBidiWarning from './bidi-warning';
+import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
 import { getCodeStyles } from './internal/theme/styles';
 const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
   testId,
@@ -11,12 +13,62 @@ const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
 }, ref) {
   const theme = useGlobalTheme();
   const styles = useMemo(() => getCodeStyles(theme), [theme]);
+  const {
+    children,
+    codeBidiWarnings = true,
+    codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled = true,
+    ...otherProps
+  } = props;
+  const decoratedChildren = codeBidiWarnings ? jsx(RenderCodeChildrenWithBidiWarnings, {
+    codeBidiWarningLabel: codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+  }, children) : children;
   return jsx("code", _extends({
     ref: ref,
     "data-testid": testId,
     css: styles
-  }, props));
+  }, otherProps), decoratedChildren);
 }));
+
+function RenderCodeChildrenWithBidiWarnings({
+  children,
+  codeBidiWarningLabel,
+  codeBidiWarningTooltipEnabled
+}) {
+  const replacedChildren = React.Children.map(children, childNode => {
+    if (typeof childNode === 'string') {
+      const decorated = codeBidiWarningDecorator(childNode, ({
+        bidiCharacter,
+        index
+      }) => jsx(CodeBidiWarning, {
+        bidiCharacter: bidiCharacter,
+        key: index,
+        label: codeBidiWarningLabel,
+        tooltipEnabled: codeBidiWarningTooltipEnabled
+      }));
+      return decorated;
+    }
+
+    if (isReactElement(childNode) && childNode.props.children) {
+      const newChildNode = /*#__PURE__*/React.cloneElement(childNode, {
+        children: jsx(RenderCodeChildrenWithBidiWarnings, {
+          codeBidiWarningLabel: codeBidiWarningLabel,
+          codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+        }, childNode.props.children)
+      });
+      return newChildNode;
+    }
+
+    return childNode;
+  });
+  return jsx(React.Fragment, null, replacedChildren);
+}
+
+function isReactElement(child) {
+  return !!child.type;
+}
+
 Code.displayName = 'Code';
 export { getCodeStyles };
 export default Code;