@atlaskit/code 14.4.6 → 14.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/__perf__/source-code-examples/100-line-example.tsx +5 -5
  3. package/dist/cjs/bidi-warning/bidi-warning-decorator.js +6 -19
  4. package/dist/cjs/bidi-warning/index.js +0 -2
  5. package/dist/cjs/bidi-warning/ui/index.js +6 -17
  6. package/dist/cjs/bidi-warning/ui/styled.js +6 -11
  7. package/dist/cjs/code-block.js +25 -34
  8. package/dist/cjs/code.js +11 -33
  9. package/dist/cjs/constants.js +0 -2
  10. package/dist/cjs/entry-points/block.js +0 -2
  11. package/dist/cjs/entry-points/constants.js +0 -1
  12. package/dist/cjs/entry-points/inline.js +0 -4
  13. package/dist/cjs/extract-react-types/code-block.js +0 -1
  14. package/dist/cjs/extract-react-types/code.js +0 -1
  15. package/dist/cjs/index.js +0 -7
  16. package/dist/cjs/internal/hooks/use-highlight.js +10 -24
  17. package/dist/cjs/internal/theme/constants.js +2 -3
  18. package/dist/cjs/internal/theme/get-theme.js +0 -16
  19. package/dist/cjs/internal/theme/styles.js +4 -23
  20. package/dist/cjs/internal/utils/get-normalized-language.js +2 -8
  21. package/dist/cjs/react-syntax-highlighter-bidi-warning-renderer.js +17 -41
  22. package/dist/cjs/version.json +1 -1
  23. package/dist/es2019/bidi-warning/bidi-warning-decorator.js +5 -9
  24. package/dist/es2019/bidi-warning/ui/index.js +0 -1
  25. package/dist/es2019/bidi-warning/ui/styled.js +4 -5
  26. package/dist/es2019/code-block.js +5 -3
  27. package/dist/es2019/code.js +0 -7
  28. package/dist/es2019/internal/hooks/use-highlight.js +4 -8
  29. package/dist/es2019/internal/theme/constants.js +2 -1
  30. package/dist/es2019/internal/theme/get-theme.js +2 -3
  31. package/dist/es2019/internal/theme/styles.js +8 -9
  32. package/dist/es2019/internal/utils/get-normalized-language.js +2 -3
  33. package/dist/es2019/react-syntax-highlighter-bidi-warning-renderer.js +14 -21
  34. package/dist/es2019/version.json +1 -1
  35. package/dist/esm/bidi-warning/bidi-warning-decorator.js +6 -16
  36. package/dist/esm/bidi-warning/ui/index.js +6 -9
  37. package/dist/esm/bidi-warning/ui/styled.js +6 -7
  38. package/dist/esm/code-block.js +26 -26
  39. package/dist/esm/code.js +11 -21
  40. package/dist/esm/internal/hooks/use-highlight.js +10 -19
  41. package/dist/esm/internal/theme/constants.js +2 -1
  42. package/dist/esm/internal/theme/get-theme.js +0 -5
  43. package/dist/esm/internal/theme/styles.js +4 -10
  44. package/dist/esm/internal/utils/get-normalized-language.js +2 -3
  45. package/dist/esm/react-syntax-highlighter-bidi-warning-renderer.js +20 -33
  46. package/dist/esm/version.json +1 -1
  47. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/code
2
2
 
3
+ ## 14.4.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 14.4.7
10
+
11
+ ### Patch Changes
12
+
13
+ - [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
14
+
3
15
  ## 14.4.6
4
16
 
5
17
  ### Patch Changes
@@ -74,14 +74,14 @@ const Banner = forwardRef<HTMLDivElement, BannerProps>(
74
74
  }, [appearance]);
75
75
 
76
76
  return (
77
- <Box display="block" backgroundColor={backgroundColors[appearanceType]} paddingInline="scale.150" overflow="hidden" testId={testId} ref={ref} {...accessibilityProps} UNSAFE_style={{ paddingBlock: '14px', maxHeight: '52px', }} css={nestedLinkStyles} >
78
- <Inline gap="scale.050" alignItems="center" justifyContent="start">
77
+ <Box display="block" backgroundColor={backgroundColors[appearanceType]} paddingInline="space.150" overflow="hidden" testId={testId} ref={ref} {...accessibilityProps} UNSAFE_style={{ paddingBlock: '14px', maxHeight: '52px', }} css={nestedLinkStyles} >
78
+ <Inline gap="space.050" alignItems="center" justifyContent="start">
79
79
  {icon ? (
80
80
  <Box
81
81
  as="span"
82
82
  display="inline"
83
- width="scale.300"
84
- height="scale.300" // This matches Icon's "medium" size, without this the (line-)height is greater than that of the Icon
83
+ width="size.300"
84
+ height="size.300" // This matches Icon's "medium" size, without this the (line-)height is greater than that of the Icon
85
85
  UNSAFE_style={{
86
86
  fill: tokenBackgroundColors[appearanceType],
87
87
  color: tokenTextColors[appearanceType],
@@ -91,7 +91,7 @@ const Banner = forwardRef<HTMLDivElement, BannerProps>(
91
91
  {icon}
92
92
  </Box>
93
93
  ) : null}
94
- <Text fontWeight="500" lineHeight="24px" color={textColors[appearanceType]} shouldTruncate> {children} </Text>
94
+ <Text fontWeight="medium" lineHeight="lineHeight.300" color={textColors[appearanceType]} shouldTruncate> {children} </Text>
95
95
  </Inline>
96
96
  </Box>
97
97
  );
@@ -1,58 +1,46 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.bidiCharacterRegex = void 0;
9
8
  exports.default = codeBidiWarningDecorator;
10
-
11
9
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
12
-
13
10
  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; } } }; }
14
-
15
11
  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); }
16
-
17
12
  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; }
18
-
19
13
  var bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/g;
20
14
  exports.bidiCharacterRegex = bidiCharacterRegex;
21
-
22
15
  function codeBidiWarningDecorator(originalText, decorate) {
23
16
  var matches = (0, _toConsumableArray2.default)(originalText.matchAll(bidiCharacterRegex));
24
-
25
17
  if (matches.length === 0) {
26
18
  // No matches encountered, so we return the originalText value
27
19
  return originalText;
28
20
  }
29
-
30
21
  var children = [];
31
22
  var mappedTo = 0;
32
-
33
23
  var _iterator = _createForOfIteratorHelper(matches),
34
- _step;
35
-
24
+ _step;
36
25
  try {
37
26
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
38
27
  var match = _step.value;
39
-
40
28
  if (mappedTo !== match.index) {
41
29
  // There were unmatched characters prior to this match which haven't been
42
30
  // mapped to the children.
43
31
  // Add them as plain text.
44
32
  children.push(originalText.substring(mappedTo, match.index));
45
33
  }
46
-
47
34
  children.push(decorate({
48
35
  bidiCharacter: match[0],
49
36
  index: match.index
50
- })); // While index is guaranteed to be present, it needs to be asserted due
37
+ }));
38
+
39
+ // While index is guaranteed to be present, it needs to be asserted due
51
40
  // to a limitation of typescripts regex handling
52
41
  //
53
42
  // https://github.com/microsoft/TypeScript/issues/36788
54
43
  // Decorate bidi character
55
-
56
44
  mappedTo = match.index + match[0].length;
57
45
  }
58
46
  } catch (err) {
@@ -60,14 +48,13 @@ function codeBidiWarningDecorator(originalText, decorate) {
60
48
  } finally {
61
49
  _iterator.f();
62
50
  }
63
-
64
51
  if (mappedTo !== originalText.length) {
65
52
  // There is text following the final match, which needs to be mapped
66
53
  // to the children.
67
54
  // Added as plain text.
68
55
  children.push(originalText.substring(mappedTo, originalText.length));
69
- } // return the mapped children with decorated bidi characters
70
-
56
+ }
71
57
 
58
+ // return the mapped children with decorated bidi characters
72
59
  return children;
73
60
  }
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _ui.default;
12
11
  }
13
12
  });
14
-
15
13
  var _ui = _interopRequireDefault(require("./ui"));
@@ -1,32 +1,23 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = BidiWarning;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _react = _interopRequireDefault(require("react"));
15
-
16
11
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
17
-
18
12
  var _styled = require("./styled");
19
-
20
13
  var _excluded = ["children"];
21
-
22
14
  function BidiWarning(_ref) {
23
15
  var testId = _ref.testId,
24
- bidiCharacter = _ref.bidiCharacter,
25
- skipChildren = _ref.skipChildren,
26
- tooltipEnabled = _ref.tooltipEnabled,
27
- _ref$label = _ref.label,
28
- label = _ref$label === void 0 ? 'Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.' : _ref$label;
29
-
16
+ bidiCharacter = _ref.bidiCharacter,
17
+ skipChildren = _ref.skipChildren,
18
+ tooltipEnabled = _ref.tooltipEnabled,
19
+ _ref$label = _ref.label,
20
+ label = _ref$label === void 0 ? 'Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.' : _ref$label;
30
21
  if (tooltipEnabled) {
31
22
  return (
32
23
  /*#__PURE__*/
@@ -41,16 +32,14 @@ function BidiWarning(_ref) {
41
32
  }, skipChildren ? null : bidiCharacter))
42
33
  );
43
34
  }
44
-
45
35
  return /*#__PURE__*/_react.default.createElement(_styled.Decorator, {
46
36
  testId: testId,
47
37
  bidiCharacter: bidiCharacter
48
38
  }, skipChildren ? null : bidiCharacter);
49
39
  }
50
-
51
40
  var CustomizedTagWithRef = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
52
41
  var children = props.children,
53
- rest = (0, _objectWithoutProperties2.default)(props, _excluded);
42
+ rest = (0, _objectWithoutProperties2.default)(props, _excluded);
54
43
  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, rest, {
55
44
  ref: ref
56
45
  }), children);
@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Decorator = Decorator;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _colors = require("@atlaskit/theme/colors");
11
-
12
9
  /** @jsx jsx */
10
+
13
11
  var decoration = (0, _react.css)({
14
12
  // Required as otherwise the following bidi characters cause the span
15
13
  // to not receive hover events.
@@ -19,7 +17,7 @@ var decoration = (0, _react.css)({
19
17
  position: 'relative',
20
18
  ':before': {
21
19
  display: 'inline-flex',
22
- padding: "var(--ds-scale-0, 0px)".concat(" ", "var(--ds-scale-050, 4px)"),
20
+ padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),
23
21
  alignItems: 'center',
24
22
  justifyContent: 'center',
25
23
  flexDirection: 'row',
@@ -29,7 +27,6 @@ var decoration = (0, _react.css)({
29
27
  fontSize: "var(--ds-font-size-100, 14px)",
30
28
  fontStyle: 'normal',
31
29
  lineHeight: '18px',
32
-
33
30
  /**
34
31
  * Ensures the decoration receives pointer events when it occurs with
35
32
  * an ancestor that disables them.
@@ -41,18 +38,18 @@ var decoration = (0, _react.css)({
41
38
  color: "var(--ds-text-warning, #533F04)"
42
39
  }
43
40
  });
44
-
45
41
  function Decorator(_ref) {
46
42
  var bidiCharacter = _ref.bidiCharacter,
47
- children = _ref.children,
48
- testId = _ref.testId;
43
+ children = _ref.children,
44
+ testId = _ref.testId;
49
45
  var bidiCharacterCode = getBidiCharacterCode(bidiCharacter);
50
46
  return (0, _react.jsx)("span", {
51
47
  "aria-label": bidiCharacterCode
52
48
  }, (0, _react.jsx)("span", {
53
49
  css: decoration,
54
50
  "data-testid": testId,
55
- "data-bidi-character-code": bidiCharacterCode // This is set to true so that the content is not read out by
51
+ "data-bidi-character-code": bidiCharacterCode
52
+ // This is set to true so that the content is not read out by
56
53
  // screen readers as the content includes angle brackets for
57
54
  // visual decoration purposes.
58
55
  // We use a span with the aria-label set to the bidi character code
@@ -61,10 +58,8 @@ function Decorator(_ref) {
61
58
  "aria-hidden": "true"
62
59
  }, children));
63
60
  }
64
-
65
61
  function getBidiCharacterCode(bidiCharacter) {
66
62
  var _bidiCharacter$codePo;
67
-
68
63
  var bidiCharacterCode = (_bidiCharacter$codePo = bidiCharacter.codePointAt(0)) === null || _bidiCharacter$codePo === void 0 ? void 0 : _bidiCharacter$codePo.toString(16);
69
64
  return "U+".concat(bidiCharacterCode);
70
65
  }
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var _react2 = require("@emotion/react");
11
-
12
9
  var _reactSyntaxHighlighter = require("react-syntax-highlighter");
13
-
14
10
  var _components = require("@atlaskit/theme/components");
15
-
16
11
  var _useHighlight = require("./internal/hooks/use-highlight");
17
-
18
12
  var _styles = require("./internal/theme/styles");
19
-
20
13
  var _getNormalizedLanguage = require("./internal/utils/get-normalized-language");
21
-
22
14
  var _reactSyntaxHighlighterBidiWarningRenderer = require("./react-syntax-highlighter-bidi-warning-renderer");
23
-
24
15
  /** @jsx jsx */
25
16
 
26
17
  /**
@@ -34,22 +25,22 @@ var _reactSyntaxHighlighterBidiWarningRenderer = require("./react-syntax-highlig
34
25
  */
35
26
  var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
36
27
  var _ref$showLineNumbers = _ref.showLineNumbers,
37
- showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers,
38
- _ref$language = _ref.language,
39
- providedLanguage = _ref$language === void 0 ? 'text' : _ref$language,
40
- _ref$highlight = _ref.highlight,
41
- highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
42
- _ref$highlightedStart = _ref.highlightedStartText,
43
- highlightedStartText = _ref$highlightedStart === void 0 ? 'Highlight start' : _ref$highlightedStart,
44
- _ref$highlightedEndTe = _ref.highlightedEndText,
45
- highlightedEndText = _ref$highlightedEndTe === void 0 ? 'Highlight end' : _ref$highlightedEndTe,
46
- testId = _ref.testId,
47
- text = _ref.text,
48
- _ref$codeBidiWarnings = _ref.codeBidiWarnings,
49
- codeBidiWarnings = _ref$codeBidiWarnings === void 0 ? true : _ref$codeBidiWarnings,
50
- codeBidiWarningLabel = _ref.codeBidiWarningLabel,
51
- _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
52
- codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT;
28
+ showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers,
29
+ _ref$language = _ref.language,
30
+ providedLanguage = _ref$language === void 0 ? 'text' : _ref$language,
31
+ _ref$highlight = _ref.highlight,
32
+ highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
33
+ _ref$highlightedStart = _ref.highlightedStartText,
34
+ highlightedStartText = _ref$highlightedStart === void 0 ? 'Highlight start' : _ref$highlightedStart,
35
+ _ref$highlightedEndTe = _ref.highlightedEndText,
36
+ highlightedEndText = _ref$highlightedEndTe === void 0 ? 'Highlight end' : _ref$highlightedEndTe,
37
+ testId = _ref.testId,
38
+ text = _ref.text,
39
+ _ref$codeBidiWarnings = _ref.codeBidiWarnings,
40
+ codeBidiWarnings = _ref$codeBidiWarnings === void 0 ? true : _ref$codeBidiWarnings,
41
+ codeBidiWarningLabel = _ref.codeBidiWarningLabel,
42
+ _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
43
+ codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT;
53
44
  var numLines = (text || '').split('\n').length;
54
45
  var globalTheme = (0, _components.useGlobalTheme)();
55
46
  var theme = (0, _react.useMemo)(function () {
@@ -61,21 +52,20 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
61
52
  var styles = (0, _react.useMemo)(function () {
62
53
  return (0, _react2.css)(getStyles(highlightedStartText, highlightedEndText, showLineNumbers));
63
54
  }, [highlightedStartText, highlightedEndText, showLineNumbers, getStyles]);
64
-
65
55
  var _useHighlightLines = (0, _useHighlight.useHighlightLines)({
66
- highlight: highlight,
67
- testId: testId
68
- }),
69
- getHighlightStyles = _useHighlightLines.getHighlightStyles,
70
- highlightedLines = _useHighlightLines.highlightedLines;
71
-
56
+ highlight: highlight,
57
+ testId: testId
58
+ }),
59
+ getHighlightStyles = _useHighlightLines.getHighlightStyles,
60
+ highlightedLines = _useHighlightLines.highlightedLines;
72
61
  var getLineProps = (0, _react.useCallback)(function (line) {
73
62
  return getHighlightStyles(line, highlightedLines);
74
63
  }, [getHighlightStyles, highlightedLines]);
75
64
  var language = (0, _react.useMemo)(function () {
76
65
  return (0, _getNormalizedLanguage.normalizeLanguage)(providedLanguage);
77
- }, [providedLanguage]); // https://product-fabric.atlassian.net/browse/DST-2472
66
+ }, [providedLanguage]);
78
67
 
68
+ // https://product-fabric.atlassian.net/browse/DST-2472
79
69
  var languageToUse = text ? language : 'text';
80
70
  var renderer = codeBidiWarnings ? (0, _reactSyntaxHighlighterBidiWarningRenderer.createBidiWarningRenderer)({
81
71
  codeBidiWarningLabel: codeBidiWarningLabel,
@@ -88,7 +78,8 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
88
78
  css: styles,
89
79
  language: languageToUse,
90
80
  PreTag: "span",
91
- showLineNumbers: showLineNumbers // Wrap lines is needed to set styles on the line when highlighting.
81
+ showLineNumbers: showLineNumbers
82
+ // Wrap lines is needed to set styles on the line when highlighting.
92
83
  ,
93
84
  wrapLines: highlight.length > 0 || !!testId,
94
85
  lineProps: getLineProps,
package/dist/cjs/code.js CHANGED
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
@@ -14,30 +12,18 @@ Object.defineProperty(exports, "getCodeStyles", {
14
12
  return _styles.getCodeStyles;
15
13
  }
16
14
  });
17
-
18
15
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
19
-
20
16
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
21
-
22
17
  var _react = _interopRequireWildcard(require("react"));
23
-
24
18
  var _react2 = require("@emotion/react");
25
-
26
19
  var _components = require("@atlaskit/theme/components");
27
-
28
20
  var _bidiWarning = _interopRequireDefault(require("./bidi-warning"));
29
-
30
21
  var _bidiWarningDecorator = _interopRequireDefault(require("./bidi-warning/bidi-warning-decorator"));
31
-
32
22
  var _styles = require("./internal/theme/styles");
33
-
34
23
  var _excluded = ["testId"],
35
- _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
36
-
24
+ _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
37
25
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
38
-
39
26
  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; }
40
-
41
27
  /**
42
28
  * __Code__
43
29
  *
@@ -49,18 +35,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
49
35
  */
50
36
  var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Code(_ref, ref) {
51
37
  var testId = _ref.testId,
52
- props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
38
+ props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
53
39
  var theme = (0, _components.useGlobalTheme)();
54
40
  var styles = (0, _react.useMemo)(function () {
55
41
  return (0, _react2.css)((0, _styles.getCodeStyles)(theme));
56
42
  }, [theme]);
57
43
  var children = props.children,
58
- _props$codeBidiWarnin = props.codeBidiWarnings,
59
- codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
60
- codeBidiWarningLabel = props.codeBidiWarningLabel,
61
- _props$codeBidiWarnin2 = props.codeBidiWarningTooltipEnabled,
62
- codeBidiWarningTooltipEnabled = _props$codeBidiWarnin2 === void 0 ? true : _props$codeBidiWarnin2,
63
- otherProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
44
+ _props$codeBidiWarnin = props.codeBidiWarnings,
45
+ codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
46
+ codeBidiWarningLabel = props.codeBidiWarningLabel,
47
+ _props$codeBidiWarnin2 = props.codeBidiWarningTooltipEnabled,
48
+ codeBidiWarningTooltipEnabled = _props$codeBidiWarnin2 === void 0 ? true : _props$codeBidiWarnin2,
49
+ otherProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
64
50
  var decoratedChildren = codeBidiWarnings ? (0, _react2.jsx)(RenderCodeChildrenWithBidiWarnings, {
65
51
  codeBidiWarningLabel: codeBidiWarningLabel,
66
52
  codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
@@ -71,17 +57,15 @@ var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
71
57
  css: styles
72
58
  }, otherProps), decoratedChildren);
73
59
  }));
74
-
75
60
  function RenderCodeChildrenWithBidiWarnings(_ref2) {
76
61
  var children = _ref2.children,
77
- codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
78
- codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled;
79
-
62
+ codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
63
+ codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled;
80
64
  var replacedChildren = _react.default.Children.map(children, function (childNode) {
81
65
  if (typeof childNode === 'string') {
82
66
  var decorated = (0, _bidiWarningDecorator.default)(childNode, function (_ref3) {
83
67
  var bidiCharacter = _ref3.bidiCharacter,
84
- index = _ref3.index;
68
+ index = _ref3.index;
85
69
  return (0, _react2.jsx)(_bidiWarning.default, {
86
70
  bidiCharacter: bidiCharacter,
87
71
  key: index,
@@ -91,7 +75,6 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
91
75
  });
92
76
  return decorated;
93
77
  }
94
-
95
78
  if (isReactElement(childNode) && childNode.props.children) {
96
79
  // eslint-disable-next-line @repo/internal/react/no-clone-element
97
80
  var newChildNode = /*#__PURE__*/_react.default.cloneElement(childNode, {
@@ -100,20 +83,15 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
100
83
  codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
101
84
  }, childNode.props.children)
102
85
  });
103
-
104
86
  return newChildNode;
105
87
  }
106
-
107
88
  return childNode;
108
89
  });
109
-
110
90
  return (0, _react2.jsx)(_react.default.Fragment, null, replacedChildren);
111
91
  }
112
-
113
92
  function isReactElement(child) {
114
93
  return !!child.type;
115
94
  }
116
-
117
95
  Code.displayName = 'Code';
118
96
  var _default = Code;
119
97
  exports.default = _default;
@@ -10,9 +10,7 @@ Object.defineProperty(exports, "CODE_BLOCK_SELECTOR", {
10
10
  }
11
11
  });
12
12
  exports.SUPPORTED_LANGUAGES = void 0;
13
-
14
13
  var _constants = require("./internal/theme/constants");
15
-
16
14
  var SUPPORTED_LANGUAGES = [{
17
15
  name: 'PHP',
18
16
  alias: ['php', 'php3', 'php4', 'php5'],
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _codeBlock.default;
12
11
  }
13
12
  });
14
-
15
13
  var _codeBlock = _interopRequireDefault(require("../code-block"));
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "SUPPORTED_LANGUAGES", {
9
9
  return _constants.SUPPORTED_LANGUAGES;
10
10
  }
11
11
  });
12
-
13
12
  var _constants = require("../constants");
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -17,9 +16,6 @@ Object.defineProperty(exports, "getCodeStyles", {
17
16
  return _code.getCodeStyles;
18
17
  }
19
18
  });
20
-
21
19
  var _code = _interopRequireWildcard(require("../code"));
22
-
23
20
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
24
-
25
21
  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; }
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = CodeBlock;
7
-
8
7
  // below type is redeclared from ../types to appease ERT
9
8
  function CodeBlock(__) {
10
9
  return null;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = _;
7
-
8
7
  function _(__) {
9
8
  return null;
10
9
  }
package/dist/cjs/index.js CHANGED
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
@@ -31,13 +29,8 @@ Object.defineProperty(exports, "getCodeStyles", {
31
29
  return _code.getCodeStyles;
32
30
  }
33
31
  });
34
-
35
32
  var _code = _interopRequireWildcard(require("./code"));
36
-
37
33
  var _codeBlock = _interopRequireDefault(require("./code-block"));
38
-
39
34
  var _constants = require("./constants");
40
-
41
35
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
42
-
43
36
  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; }