@atlaskit/code 14.4.6 → 14.4.8

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

@@ -2,14 +2,12 @@ import { useCallback, useMemo } from 'react';
 const DEFAULT_LINE_EL_ATTR_OBJ = {
   'data-ds--code--row': ''
 };
-
 const getLineStyleObject = (lineNumber, testId) => {
   return testId ? {
     'data-testid': `${testId}-line-${lineNumber}`,
     ...DEFAULT_LINE_EL_ATTR_OBJ
   } : DEFAULT_LINE_EL_ATTR_OBJ;
 };
-
 export const useHighlightLines = ({
   highlight = '',
   testId
@@ -18,15 +16,14 @@ export const useHighlightLines = ({
     if (!highlight) {
       return [];
     }
-
     return highlight.split(',').map(num => {
       if (num.indexOf('-') > 0) {
         // We found a line group, e.g. 1-3
-        const [from, to] = num.split('-').map(Number) // Sort by lowest value first, highest value last.
+        const [from, to] = num.split('-').map(Number)
+        // Sort by lowest value first, highest value last.
         .sort((a, b) => a - b);
         return Array(to + 1).fill(undefined).map((_, index) => index).slice(from, to + 1);
       }
-
       return Number(num);
     }).reduce((acc, val) => acc.concat(val), []) || [];
   }, [highlight]);
@@ -34,16 +31,15 @@ export const useHighlightLines = ({
     if (!highlight || highlightedLines.length === 0) {
       return getLineStyleObject(lineNumber, testId);
     }
-
     if (highlightedLines.includes(lineNumber)) {
       const highlightedDataAttrObj = {
         'data-ds--code--row--highlight': ''
       };
-      return { ...highlightedDataAttrObj,
+      return {
+        ...highlightedDataAttrObj,
         ...getLineStyleObject(lineNumber, testId)
       };
     }
-
     return getLineStyleObject(lineNumber, testId);
   }, [highlight, testId]);
   return {

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

@@ -5,6 +5,7 @@ export const HIGHLIGHT_BORDER_WIDTH = '4px';
 export const SPACING = gridSize();
 export const LINE_NUMBER_GUTTER = SPACING * 2;
 export const VAR_CODE_LINE_NUMBER_BG_COLOR = '--ds--code--line-number-bg-color';
-export const VAR_CODE_BG_COLOR = '--ds--code--bg-color'; // selector for codeblock
+export const VAR_CODE_BG_COLOR = '--ds--code--bg-color';
 
+// selector for codeblock
 export const CODE_BLOCK_SELECTOR = `data-ds--code--code-block`;

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

@@ -221,9 +221,8 @@ export const getColorPalette = memoizeOne(theme => {
     })(akTheme)
   };
 });
-
-const getTheme = theme => ({ ...getBaseTheme(theme),
+const getTheme = theme => ({
+  ...getBaseTheme(theme),
   ...getColorPalette(theme)
 });
-
 export default getTheme;

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

@@ -5,10 +5,8 @@ export const getLineNumWidth = numLines => {
   if (!numLines) {
     return '1ch';
   }
-
   return `${numLines.toFixed(0).length}ch`;
 };
-
 const lineNumberStyle = theme => ({
   // width of the line number gutter
   minWidth: `calc(${theme.lineNumberWidth} + ${LINE_NUMBER_GUTTER}px) !important`,
@@ -26,9 +24,9 @@ const lineNumberStyle = theme => ({
   userSelect: 'none',
   // this is to fix SSR spacing issue
   display: 'block'
-}); // order of these keys does matter as it will affect the css precedence
-
+});
 
+// order of these keys does matter as it will affect the css precedence
 const syntaxKeywordColors = theme => ({
   '.token': {
     // this specifically stops prism css cascading.
@@ -174,11 +172,10 @@ const syntaxKeywordColors = theme => ({
     }
   }
 });
+
 /**
  * Styles applied at the root element level, common across code/codeblock
  */
-
-
 export const getBaseCodeStyles = theme => ({
   fontSize: CODE_FONT_SIZE,
   fontFamily: theme.fontFamily,
@@ -188,13 +185,13 @@ export const getBaseCodeStyles = theme => ({
   borderStyle: 'none',
   borderRadius: `${borderRadius()}px`
 });
+
 /**
  * Takes an implemented CodeBlock theme, and returns styles required for
  * react-syntax-highlighter.
  *
  * @param theme
  */
-
 export const getCodeBlockStyles = theme => (highlightedStartText, highlightedEndText, hasLineNumbers) => ({
   // this is required to account for prismjs styles leaking into the codeblock
   'code[class*="language-"], pre[class*="language-"], code': {
@@ -281,7 +278,8 @@ export const getCodeStyles = globalTheme => {
   const akTheme = 'theme' in globalTheme ? globalTheme.theme : globalTheme;
   const theme = getBaseTheme(akTheme);
   const baseStyles = getBaseCodeStyles(theme);
-  return { ...baseStyles,
+  return {
+    ...baseStyles,
     display: 'inline',
     padding: '2px 0.5ch',
     boxDecorationBreak: 'clone',
@@ -292,7 +290,8 @@ export const getCodeStyles = globalTheme => {
   };
 };
 export const getCodeBlockTheme = (globalTheme, maxLines) => {
-  return { ...getBaseTheme(globalTheme),
+  return {
+    ...getBaseTheme(globalTheme),
     ...getColorPalette(globalTheme),
     lineNumberWidth: maxLines ? getLineNumWidth(maxLines) : undefined
   };

package/dist/es2019/internal/utils/get-normalized-language.js

@@ -4,10 +4,9 @@ export const normalizeLanguage = memoizeOne(language => {
   if (!language) {
     return '';
   }
-
   const match = SUPPORTED_LANGUAGES.find(val => {
     return val.name === language || val.alias.includes(language);
-  }); // Fallback to plain monospaced text if language passed but not supported
-
+  });
+  // Fallback to plain monospaced text if language passed but not supported
   return match ? match.value : 'text';
 });

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

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 // @ts-nocheck
 import React from 'react';
 import CodeBidiWarning from './bidi-warning';
-import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator'; // File mostly vendored from react-syntax-highlighter
+import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
+
+// 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
@@ -23,55 +25,47 @@ export function createBidiWarningRenderer(codeBidiWarningConfig) {
       key: `code-segement${i}`
     }));
   };
-} // Get all possible permutations of all power sets
+}
+
+// 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) {
   const arrLength = arr.length;
-
   if (arrLength === 0 || arrLength === 1) {
     return arr;
   }
-
   if (arrLength === 2) {
     // prettier-ignore
     return [arr[0], arr[1], `${arr[0]}.${arr[1]}`, `${arr[1]}.${arr[0]}`];
   }
-
   if (arrLength === 3) {
     return [arr[0], arr[1], arr[2], `${arr[0]}.${arr[1]}`, `${arr[0]}.${arr[2]}`, `${arr[1]}.${arr[0]}`, `${arr[1]}.${arr[2]}`, `${arr[2]}.${arr[0]}`, `${arr[2]}.${arr[1]}`, `${arr[0]}.${arr[1]}.${arr[2]}`, `${arr[0]}.${arr[2]}.${arr[1]}`, `${arr[1]}.${arr[0]}.${arr[2]}`, `${arr[1]}.${arr[2]}.${arr[0]}`, `${arr[2]}.${arr[0]}.${arr[1]}`, `${arr[2]}.${arr[1]}.${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], `${arr[0]}.${arr[1]}`, `${arr[0]}.${arr[2]}`, `${arr[0]}.${arr[3]}`, `${arr[1]}.${arr[0]}`, `${arr[1]}.${arr[2]}`, `${arr[1]}.${arr[3]}`, `${arr[2]}.${arr[0]}`, `${arr[2]}.${arr[1]}`, `${arr[2]}.${arr[3]}`, `${arr[3]}.${arr[0]}`, `${arr[3]}.${arr[1]}`, `${arr[3]}.${arr[2]}`, `${arr[0]}.${arr[1]}.${arr[2]}`, `${arr[0]}.${arr[1]}.${arr[3]}`, `${arr[0]}.${arr[2]}.${arr[1]}`, `${arr[0]}.${arr[2]}.${arr[3]}`, `${arr[0]}.${arr[3]}.${arr[1]}`, `${arr[0]}.${arr[3]}.${arr[2]}`, `${arr[1]}.${arr[0]}.${arr[2]}`, `${arr[1]}.${arr[0]}.${arr[3]}`, `${arr[1]}.${arr[2]}.${arr[0]}`, `${arr[1]}.${arr[2]}.${arr[3]}`, `${arr[1]}.${arr[3]}.${arr[0]}`, `${arr[1]}.${arr[3]}.${arr[2]}`, `${arr[2]}.${arr[0]}.${arr[1]}`, `${arr[2]}.${arr[0]}.${arr[3]}`, `${arr[2]}.${arr[1]}.${arr[0]}`, `${arr[2]}.${arr[1]}.${arr[3]}`, `${arr[2]}.${arr[3]}.${arr[0]}`, `${arr[2]}.${arr[3]}.${arr[1]}`, `${arr[3]}.${arr[0]}.${arr[1]}`, `${arr[3]}.${arr[0]}.${arr[2]}`, `${arr[3]}.${arr[1]}.${arr[0]}`, `${arr[3]}.${arr[1]}.${arr[2]}`, `${arr[3]}.${arr[2]}.${arr[0]}`, `${arr[3]}.${arr[2]}.${arr[1]}`, `${arr[0]}.${arr[1]}.${arr[2]}.${arr[3]}`, `${arr[0]}.${arr[1]}.${arr[3]}.${arr[2]}`, `${arr[0]}.${arr[2]}.${arr[1]}.${arr[3]}`, `${arr[0]}.${arr[2]}.${arr[3]}.${arr[1]}`, `${arr[0]}.${arr[3]}.${arr[1]}.${arr[2]}`, `${arr[0]}.${arr[3]}.${arr[2]}.${arr[1]}`, `${arr[1]}.${arr[0]}.${arr[2]}.${arr[3]}`, `${arr[1]}.${arr[0]}.${arr[3]}.${arr[2]}`, `${arr[1]}.${arr[2]}.${arr[0]}.${arr[3]}`, `${arr[1]}.${arr[2]}.${arr[3]}.${arr[0]}`, `${arr[1]}.${arr[3]}.${arr[0]}.${arr[2]}`, `${arr[1]}.${arr[3]}.${arr[2]}.${arr[0]}`, `${arr[2]}.${arr[0]}.${arr[1]}.${arr[3]}`, `${arr[2]}.${arr[0]}.${arr[3]}.${arr[1]}`, `${arr[2]}.${arr[1]}.${arr[0]}.${arr[3]}`, `${arr[2]}.${arr[1]}.${arr[3]}.${arr[0]}`, `${arr[2]}.${arr[3]}.${arr[0]}.${arr[1]}`, `${arr[2]}.${arr[3]}.${arr[1]}.${arr[0]}`, `${arr[3]}.${arr[0]}.${arr[1]}.${arr[2]}`, `${arr[3]}.${arr[0]}.${arr[2]}.${arr[1]}`, `${arr[3]}.${arr[1]}.${arr[0]}.${arr[2]}`, `${arr[3]}.${arr[1]}.${arr[2]}.${arr[0]}`, `${arr[3]}.${arr[2]}.${arr[0]}.${arr[1]}`, `${arr[3]}.${arr[2]}.${arr[1]}.${arr[0]}`];
   }
 }
-
 const classNameCombinations = {};
-
 function getClassNameCombinations(classNames) {
   if (classNames.length === 0 || classNames.length === 1) {
     return classNames;
   }
-
   const key = classNames.join('.');
-
   if (!classNameCombinations[key]) {
     classNameCombinations[key] = powerSetPermutations(classNames);
   }
-
   return classNameCombinations[key];
 }
-
 export function createStyleObject(classNames, elementStyle = {}, stylesheet) {
   const nonTokenClassNames = classNames.filter(className => className !== 'token');
   const classNamesCombinations = getClassNameCombinations(nonTokenClassNames);
   return classNamesCombinations.reduce((styleObject, className) => {
-    return { ...styleObject,
+    return {
+      ...styleObject,
       ...stylesheet[className]
     };
   }, elementStyle);
@@ -92,7 +86,6 @@ export function createChildren(stylesheet, useInlineStyles, codeBidiWarningConfi
     }));
   };
 }
-
 function createElement({
   node,
   stylesheet,
@@ -107,7 +100,6 @@ function createElement({
     tagName: TagName,
     value
   } = node;
-
   if (type === 'text') {
     // occasionally react-syntax-highlighter passes a numeric value when the
     // type is text
@@ -125,9 +117,9 @@ function createElement({
   } else if (TagName) {
     const childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig);
     let props;
-
     if (!useInlineStyles) {
-      props = { ...properties,
+      props = {
+        ...properties,
         className: createClassNameString(properties.className)
       };
     } else {
@@ -138,16 +130,17 @@ function createElement({
           }
         });
         return classes;
-      }, []); // For compatibility with older versions of react-syntax-highlighter
+      }, []);
 
+      // For compatibility with older versions of react-syntax-highlighter
       const startingClassName = properties.className && properties.className.includes('token') ? ['token'] : [];
       const className = properties.className && startingClassName.concat(properties.className.filter(className => !allStylesheetSelectors.includes(className)));
-      props = { ...properties,
+      props = {
+        ...properties,
         className: createClassNameString(className) || undefined,
         style: createStyleObject(properties.className, Object.assign({}, properties.style, style), stylesheet)
       };
     }
-
     const children = childrenCreator(node.children);
     return /*#__PURE__*/React.createElement(TagName, _extends({
       key: key

package/dist/es2019/version.json

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

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

@@ -1,46 +1,37 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 export var bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/g;
 export default function codeBidiWarningDecorator(originalText, decorate) {
   var matches = _toConsumableArray(originalText.matchAll(bidiCharacterRegex));
-
   if (matches.length === 0) {
     // No matches encountered, so we return the originalText value
     return originalText;
   }
-
   var children = [];
   var mappedTo = 0;
-
   var _iterator = _createForOfIteratorHelper(matches),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var match = _step.value;
-
       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
+      }));
+
+      // 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;
     }
   } catch (err) {
@@ -48,14 +39,13 @@ export default function codeBidiWarningDecorator(originalText, decorate) {
   } finally {
     _iterator.f();
   }
-
   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 the mapped children with decorated bidi characters
   return children;
 }

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

@@ -6,12 +6,11 @@ import Tooltip from '@atlaskit/tooltip';
 import { Decorator } from './styled';
 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;
-
+    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;
   if (tooltipEnabled) {
     return (
       /*#__PURE__*/
@@ -26,7 +25,6 @@ export default function BidiWarning(_ref) {
       }, skipChildren ? null : bidiCharacter))
     );
   }
-
   return /*#__PURE__*/React.createElement(Decorator, {
     testId: testId,
     bidiCharacter: bidiCharacter
@@ -34,8 +32,7 @@ export default function BidiWarning(_ref) {
 }
 var CustomizedTagWithRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     ref: ref
   }), children);

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { Y75 } from '@atlaskit/theme/colors';
 var decoration = css({
@@ -10,7 +11,7 @@ var decoration = css({
   position: 'relative',
   ':before': {
     display: 'inline-flex',
-    padding: "var(--ds-scale-0, 0px)".concat(" ", "var(--ds-scale-050, 4px)"),
+    padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),
     alignItems: 'center',
     justifyContent: 'center',
     flexDirection: 'row',
@@ -20,7 +21,6 @@ var decoration = css({
     fontSize: "var(--ds-font-size-100, 14px)",
     fontStyle: 'normal',
     lineHeight: '18px',
-
     /**
      * Ensures the decoration receives pointer events when it occurs with
      * an ancestor that disables them.
@@ -34,15 +34,16 @@ var decoration = css({
 });
 export function Decorator(_ref) {
   var bidiCharacter = _ref.bidiCharacter,
-      children = _ref.children,
-      testId = _ref.testId;
+    children = _ref.children,
+    testId = _ref.testId;
   var 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
+    "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
@@ -51,10 +52,8 @@ export function Decorator(_ref) {
     "aria-hidden": "true"
   }, children));
 }
-
 function getBidiCharacterCode(bidiCharacter) {
   var _bidiCharacter$codePo;
-
   var bidiCharacterCode = (_bidiCharacter$codePo = bidiCharacter.codePointAt(0)) === null || _bidiCharacter$codePo === void 0 ? void 0 : _bidiCharacter$codePo.toString(16);
   return "U+".concat(bidiCharacterCode);
 }

package/dist/esm/code-block.js

@@ -7,6 +7,7 @@ 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';
+
 /**
  * __Code block__
  *
@@ -16,25 +17,24 @@ import { createBidiWarningRenderer } from './react-syntax-highlighter-bidi-warni
  * - [Code](https://atlassian.design/components/code/code-block/code)
  * - [Usage](https://atlassian.design/components/code/code-block/usage)
  */
-
 var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
   var _ref$showLineNumbers = _ref.showLineNumbers,
-      showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers,
-      _ref$language = _ref.language,
-      providedLanguage = _ref$language === void 0 ? 'text' : _ref$language,
-      _ref$highlight = _ref.highlight,
-      highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
-      _ref$highlightedStart = _ref.highlightedStartText,
-      highlightedStartText = _ref$highlightedStart === void 0 ? 'Highlight start' : _ref$highlightedStart,
-      _ref$highlightedEndTe = _ref.highlightedEndText,
-      highlightedEndText = _ref$highlightedEndTe === void 0 ? 'Highlight end' : _ref$highlightedEndTe,
-      testId = _ref.testId,
-      text = _ref.text,
-      _ref$codeBidiWarnings = _ref.codeBidiWarnings,
-      codeBidiWarnings = _ref$codeBidiWarnings === void 0 ? true : _ref$codeBidiWarnings,
-      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
-      _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
-      codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT;
+    showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers,
+    _ref$language = _ref.language,
+    providedLanguage = _ref$language === void 0 ? 'text' : _ref$language,
+    _ref$highlight = _ref.highlight,
+    highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
+    _ref$highlightedStart = _ref.highlightedStartText,
+    highlightedStartText = _ref$highlightedStart === void 0 ? 'Highlight start' : _ref$highlightedStart,
+    _ref$highlightedEndTe = _ref.highlightedEndText,
+    highlightedEndText = _ref$highlightedEndTe === void 0 ? 'Highlight end' : _ref$highlightedEndTe,
+    testId = _ref.testId,
+    text = _ref.text,
+    _ref$codeBidiWarnings = _ref.codeBidiWarnings,
+    codeBidiWarnings = _ref$codeBidiWarnings === void 0 ? true : _ref$codeBidiWarnings,
+    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 () {
@@ -46,21 +46,20 @@ var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
   var styles = useMemo(function () {
     return css(getStyles(highlightedStartText, highlightedEndText, showLineNumbers));
   }, [highlightedStartText, highlightedEndText, showLineNumbers, getStyles]);
-
   var _useHighlightLines = useHighlightLines({
-    highlight: highlight,
-    testId: testId
-  }),
-      getHighlightStyles = _useHighlightLines.getHighlightStyles,
-      highlightedLines = _useHighlightLines.highlightedLines;
-
+      highlight: highlight,
+      testId: testId
+    }),
+    getHighlightStyles = _useHighlightLines.getHighlightStyles,
+    highlightedLines = _useHighlightLines.highlightedLines;
   var getLineProps = useCallback(function (line) {
     return getHighlightStyles(line, highlightedLines);
   }, [getHighlightStyles, highlightedLines]);
   var language = useMemo(function () {
     return normalizeLanguage(providedLanguage);
-  }, [providedLanguage]); // https://product-fabric.atlassian.net/browse/DST-2472
+  }, [providedLanguage]);
 
+  // https://product-fabric.atlassian.net/browse/DST-2472
   var languageToUse = text ? language : 'text';
   var renderer = codeBidiWarnings ? createBidiWarningRenderer({
     codeBidiWarningLabel: codeBidiWarningLabel,
@@ -73,7 +72,8 @@ var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
     css: styles,
     language: languageToUse,
     PreTag: "span",
-    showLineNumbers: showLineNumbers // Wrap lines is needed to set styles on the line when highlighting.
+    showLineNumbers: showLineNumbers
+    // Wrap lines is needed to set styles on the line when highlighting.
     ,
     wrapLines: highlight.length > 0 || !!testId,
     lineProps: getLineProps,

package/dist/esm/code.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["testId"],
-    _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
-
+  _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
 /** @jsx jsx */
 import React, { forwardRef, memo, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -10,7 +9,6 @@ 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';
-
 /**
  * __Code__
  *
@@ -22,21 +20,18 @@ import { getCodeStyles } from './internal/theme/styles';
  */
 var Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code(_ref, ref) {
   var testId = _ref.testId,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   var theme = useGlobalTheme();
   var styles = useMemo(function () {
     return css(getCodeStyles(theme));
   }, [theme]);
-
   var children = props.children,
-      _props$codeBidiWarnin = props.codeBidiWarnings,
-      codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
-      codeBidiWarningLabel = props.codeBidiWarningLabel,
-      _props$codeBidiWarnin2 = props.codeBidiWarningTooltipEnabled,
-      codeBidiWarningTooltipEnabled = _props$codeBidiWarnin2 === void 0 ? true : _props$codeBidiWarnin2,
-      otherProps = _objectWithoutProperties(props, _excluded2);
-
+    _props$codeBidiWarnin = props.codeBidiWarnings,
+    codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
+    codeBidiWarningLabel = props.codeBidiWarningLabel,
+    _props$codeBidiWarnin2 = props.codeBidiWarningTooltipEnabled,
+    codeBidiWarningTooltipEnabled = _props$codeBidiWarnin2 === void 0 ? true : _props$codeBidiWarnin2,
+    otherProps = _objectWithoutProperties(props, _excluded2);
   var decoratedChildren = codeBidiWarnings ? jsx(RenderCodeChildrenWithBidiWarnings, {
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
@@ -47,16 +42,15 @@ var Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code(_ref, ref) {
     css: styles
   }, otherProps), decoratedChildren);
 }));
-
 function RenderCodeChildrenWithBidiWarnings(_ref2) {
   var children = _ref2.children,
-      codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
-      codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled;
+    codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled;
   var replacedChildren = React.Children.map(children, function (childNode) {
     if (typeof childNode === 'string') {
       var decorated = codeBidiWarningDecorator(childNode, function (_ref3) {
         var bidiCharacter = _ref3.bidiCharacter,
-            index = _ref3.index;
+          index = _ref3.index;
         return jsx(CodeBidiWarning, {
           bidiCharacter: bidiCharacter,
           key: index,
@@ -66,7 +60,6 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
       });
       return decorated;
     }
-
     if (isReactElement(childNode) && childNode.props.children) {
       // eslint-disable-next-line @repo/internal/react/no-clone-element
       var newChildNode = /*#__PURE__*/React.cloneElement(childNode, {
@@ -77,16 +70,13 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
       });
       return newChildNode;
     }
-
     return childNode;
   });
   return jsx(React.Fragment, null, replacedChildren);
 }
-
 function isReactElement(child) {
   return !!child.type;
 }
-
 Code.displayName = 'Code';
 export { getCodeStyles };
 export default Code;