@atlaskit/code 14.4.6 → 14.4.8

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

@@ -1,46 +1,39 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 import { useCallback, useMemo } from 'react';
 var DEFAULT_LINE_EL_ATTR_OBJ = {
   'data-ds--code--row': ''
 };
-
 var getLineStyleObject = function getLineStyleObject(lineNumber, testId) {
   return testId ? _objectSpread({
     'data-testid': "".concat(testId, "-line-").concat(lineNumber)
   }, DEFAULT_LINE_EL_ATTR_OBJ) : DEFAULT_LINE_EL_ATTR_OBJ;
 };
-
 export var useHighlightLines = function useHighlightLines(_ref) {
   var _ref$highlight = _ref.highlight,
-      highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
-      testId = _ref.testId;
+    highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
+    testId = _ref.testId;
   var highlightedLines = useMemo(function () {
     if (!highlight) {
       return [];
     }
-
     return highlight.split(',').map(function (num) {
       if (num.indexOf('-') > 0) {
         // We found a line group, e.g. 1-3
-        var _num$split$map$sort = num.split('-').map(Number) // Sort by lowest value first, highest value last.
-        .sort(function (a, b) {
-          return a - b;
-        }),
-            _num$split$map$sort2 = _slicedToArray(_num$split$map$sort, 2),
-            from = _num$split$map$sort2[0],
-            to = _num$split$map$sort2[1];
-
+        var _num$split$map$sort = num.split('-').map(Number)
+          // Sort by lowest value first, highest value last.
+          .sort(function (a, b) {
+            return a - b;
+          }),
+          _num$split$map$sort2 = _slicedToArray(_num$split$map$sort, 2),
+          from = _num$split$map$sort2[0],
+          to = _num$split$map$sort2[1];
         return Array(to + 1).fill(undefined).map(function (_, index) {
           return index;
         }).slice(from, to + 1);
       }
-
       return Number(num);
     }).reduce(function (acc, val) {
       return acc.concat(val);
@@ -50,14 +43,12 @@ export var useHighlightLines = function useHighlightLines(_ref) {
     if (!highlight || highlightedLines.length === 0) {
       return getLineStyleObject(lineNumber, testId);
     }
-
     if (highlightedLines.includes(lineNumber)) {
       var highlightedDataAttrObj = {
         'data-ds--code--row--highlight': ''
       };
       return _objectSpread(_objectSpread({}, highlightedDataAttrObj), getLineStyleObject(lineNumber, testId));
     }
-
     return getLineStyleObject(lineNumber, testId);
   }, [highlight, testId]);
   return {

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

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

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

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 import memoizeOne from 'memoize-one';
 import * as colors from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
@@ -229,9 +226,7 @@ export var getColorPalette = memoizeOne(function (theme) {
     })(akTheme)
   };
 });
-
 var getTheme = function getTheme(theme) {
   return _objectSpread(_objectSpread({}, getBaseTheme(theme)), getColorPalette(theme));
 };
-
 export default getTheme;

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

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 import { borderRadius } from '@atlaskit/theme/constants';
 import { CODE_FONT_SIZE, CODE_LINE_HEIGHT, HIGHLIGHT_BORDER_WIDTH, LINE_NUMBER_GUTTER, SPACING, VAR_CODE_BG_COLOR, VAR_CODE_LINE_NUMBER_BG_COLOR } from './constants';
 import { getBaseTheme, getColorPalette } from './get-theme';
@@ -11,10 +8,8 @@ export var getLineNumWidth = function getLineNumWidth(numLines) {
   if (!numLines) {
     return '1ch';
   }
-
   return "".concat(numLines.toFixed(0).length, "ch");
 };
-
 var lineNumberStyle = function lineNumberStyle(theme) {
   return {
     // width of the line number gutter
@@ -34,9 +29,9 @@ var lineNumberStyle = function lineNumberStyle(theme) {
     // 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
 var syntaxKeywordColors = function syntaxKeywordColors(theme) {
   return {
     '.token': {
@@ -184,11 +179,10 @@ var syntaxKeywordColors = function syntaxKeywordColors(theme) {
     }
   };
 };
+
 /**
  * Styles applied at the root element level, common across code/codeblock
  */
-
-
 export var getBaseCodeStyles = function getBaseCodeStyles(theme) {
   return {
     fontSize: CODE_FONT_SIZE,
@@ -200,13 +194,13 @@ export var getBaseCodeStyles = function getBaseCodeStyles(theme) {
     borderRadius: "".concat(borderRadius(), "px")
   };
 };
+
 /**
  * Takes an implemented CodeBlock theme, and returns styles required for
  * react-syntax-highlighter.
  *
  * @param theme
  */
-
 export var getCodeBlockStyles = function getCodeBlockStyles(theme) {
   return function (highlightedStartText, highlightedEndText, hasLineNumbers) {
     return _objectSpread(_objectSpread(_objectSpread({

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

@@ -4,10 +4,9 @@ export var normalizeLanguage = memoizeOne(function (language) {
   if (!language) {
     return '';
   }
-
   var match = SUPPORTED_LANGUAGES.find(function (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/esm/react-syntax-highlighter-bidi-warning-renderer.js

@@ -1,14 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 // @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
@@ -18,8 +17,8 @@ import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator'; //
 export function createBidiWarningRenderer(codeBidiWarningConfig) {
   return function bidiWarningRenderer(_ref) {
     var rows = _ref.rows,
-        stylesheet = _ref.stylesheet,
-        useInlineStyles = _ref.useInlineStyles;
+      stylesheet = _ref.stylesheet,
+      useInlineStyles = _ref.useInlineStyles;
     return rows.map(function (node, i) {
       return createElement({
         node: node,
@@ -30,50 +29,41 @@ export function createBidiWarningRenderer(codeBidiWarningConfig) {
       });
     });
   };
-} // 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) {
   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];
 }
-
 export function createStyleObject(classNames) {
   var elementStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var stylesheet = arguments.length > 2 ? arguments[2] : undefined;
@@ -103,27 +93,25 @@ export function createChildren(stylesheet, useInlineStyles, codeBidiWarningConfi
     });
   };
 }
-
 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;
+    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;
-
+    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 = codeBidiWarningDecorator(textValue, function (_ref3) {
       var bidiCharacter = _ref3.bidiCharacter,
-          index = _ref3.index;
+        index = _ref3.index;
       return /*#__PURE__*/React.createElement(CodeBidiWarning, {
         bidiCharacter: bidiCharacter,
         key: index,
@@ -135,7 +123,6 @@ function createElement(_ref2) {
   } else if (TagName) {
     var childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig);
     var props;
-
     if (!useInlineStyles) {
       props = _objectSpread(_objectSpread({}, properties), {}, {
         className: createClassNameString(properties.className)
@@ -148,8 +135,9 @@ function createElement(_ref2) {
           }
         });
         return classes;
-      }, []); // For compatibility with older versions of react-syntax-highlighter
+      }, []);
 
+      // 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);
@@ -159,7 +147,6 @@ function createElement(_ref2) {
         style: createStyleObject(properties.className, Object.assign({}, properties.style, style), stylesheet)
       });
     }
-
     var children = childrenCreator(node.children);
     return /*#__PURE__*/React.createElement(TagName, _extends({
       key: key

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/code",
-  "version": "14.4.6",
+  "version": "14.4.8",
   "description": "Code highlights short strings of code snippets inline with body text.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",