@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.
- package/CHANGELOG.md +12 -0
- package/__perf__/source-code-examples/100-line-example.tsx +5 -5
- package/dist/cjs/bidi-warning/bidi-warning-decorator.js +6 -19
- package/dist/cjs/bidi-warning/index.js +0 -2
- package/dist/cjs/bidi-warning/ui/index.js +6 -17
- package/dist/cjs/bidi-warning/ui/styled.js +6 -11
- package/dist/cjs/code-block.js +25 -34
- package/dist/cjs/code.js +11 -33
- package/dist/cjs/constants.js +0 -2
- package/dist/cjs/entry-points/block.js +0 -2
- package/dist/cjs/entry-points/constants.js +0 -1
- package/dist/cjs/entry-points/inline.js +0 -4
- package/dist/cjs/extract-react-types/code-block.js +0 -1
- package/dist/cjs/extract-react-types/code.js +0 -1
- package/dist/cjs/index.js +0 -7
- package/dist/cjs/internal/hooks/use-highlight.js +10 -24
- package/dist/cjs/internal/theme/constants.js +2 -3
- package/dist/cjs/internal/theme/get-theme.js +0 -16
- package/dist/cjs/internal/theme/styles.js +4 -23
- package/dist/cjs/internal/utils/get-normalized-language.js +2 -8
- package/dist/cjs/react-syntax-highlighter-bidi-warning-renderer.js +17 -41
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/bidi-warning/bidi-warning-decorator.js +5 -9
- package/dist/es2019/bidi-warning/ui/index.js +0 -1
- package/dist/es2019/bidi-warning/ui/styled.js +4 -5
- package/dist/es2019/code-block.js +5 -3
- package/dist/es2019/code.js +0 -7
- package/dist/es2019/internal/hooks/use-highlight.js +4 -8
- package/dist/es2019/internal/theme/constants.js +2 -1
- package/dist/es2019/internal/theme/get-theme.js +2 -3
- package/dist/es2019/internal/theme/styles.js +8 -9
- package/dist/es2019/internal/utils/get-normalized-language.js +2 -3
- package/dist/es2019/react-syntax-highlighter-bidi-warning-renderer.js +14 -21
- package/dist/es2019/version.json +1 -1
- package/dist/esm/bidi-warning/bidi-warning-decorator.js +6 -16
- package/dist/esm/bidi-warning/ui/index.js +6 -9
- package/dist/esm/bidi-warning/ui/styled.js +6 -7
- package/dist/esm/code-block.js +26 -26
- package/dist/esm/code.js +11 -21
- package/dist/esm/internal/hooks/use-highlight.js +10 -19
- package/dist/esm/internal/theme/constants.js +2 -1
- package/dist/esm/internal/theme/get-theme.js +0 -5
- package/dist/esm/internal/theme/styles.js +4 -10
- package/dist/esm/internal/utils/get-normalized-language.js +2 -3
- package/dist/esm/react-syntax-highlighter-bidi-warning-renderer.js +20 -33
- package/dist/esm/version.json +1 -1
- 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="
|
|
78
|
-
<Inline gap="
|
|
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="
|
|
84
|
-
height="
|
|
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="
|
|
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
|
-
|
|
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
|
-
}));
|
|
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
|
-
}
|
|
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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
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-
|
|
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
|
-
|
|
48
|
-
|
|
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
|
|
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
|
}
|
package/dist/cjs/code-block.js
CHANGED
|
@@ -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
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
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]);
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
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
|
-
|
|
78
|
-
|
|
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
|
-
|
|
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;
|
package/dist/cjs/constants.js
CHANGED
|
@@ -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"));
|
|
@@ -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; }
|
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; }
|