@atlaskit/renderer 133.7.0 → 133.7.2
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 +19 -0
- package/dist/cjs/react/nodes/heading.js +2 -2
- package/dist/cjs/react/nodes/layoutColumn-compiled.js +3 -4
- package/dist/cjs/react/nodes/layoutColumn-emotion.js +3 -4
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/nodes/heading.js +2 -2
- package/dist/es2019/react/nodes/layoutColumn-compiled.js +3 -4
- package/dist/es2019/react/nodes/layoutColumn-emotion.js +3 -4
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/nodes/heading.js +2 -2
- package/dist/esm/react/nodes/layoutColumn-compiled.js +3 -4
- package/dist/esm/react/nodes/layoutColumn-emotion.js +3 -4
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 133.7.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`2df690b75a773`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2df690b75a773) -
|
|
8
|
+
Cleanup experiment `confluence_toc_nav_a11y`. Renderer headings now always set `tabIndex={-1}` for
|
|
9
|
+
table-of-contents keyboard focus accessibility, and the experiment definition has been removed
|
|
10
|
+
from the editor statsig config.
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 133.7.1
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [`5b844f57bfad8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5b844f57bfad8) -
|
|
18
|
+
[ED-7731] Preserve the editor selection when inserting, deleting, or resizing layout columns with
|
|
19
|
+
the cursor inside a column, instead of moving it out of the layout. Gated behind
|
|
20
|
+
platform_editor_layout_column_menu_kill_switch_1.
|
|
21
|
+
|
|
3
22
|
## 133.7.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
|
@@ -115,7 +115,7 @@ function HeadingWithDuplicateAnchor(props) {
|
|
|
115
115
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
116
116
|
"data-as-inline": asInline,
|
|
117
117
|
onMouseEnter: mouseEnterHandler,
|
|
118
|
-
tabIndex:
|
|
118
|
+
tabIndex: -1
|
|
119
119
|
}, (0, _react2.jsx)(_react.default.Fragment, null, showAnchorLink && headingId && isRightAligned && (0, _react2.jsx)(WrappedHeadingAnchor, {
|
|
120
120
|
level: props.level,
|
|
121
121
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -187,7 +187,7 @@ function HeadingWithWrapper(props) {
|
|
|
187
187
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
188
188
|
"data-as-inline": asInline,
|
|
189
189
|
onMouseEnter: mouseEnterHandler,
|
|
190
|
-
tabIndex:
|
|
190
|
+
tabIndex: -1
|
|
191
191
|
}, props.children), showAnchorLink && headingId && !isRightAligned && (0, _react2.jsx)(WrappedHeadingAnchor, {
|
|
192
192
|
level: props.level,
|
|
193
193
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -17,7 +17,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
19
19
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
|
-
var
|
|
20
|
+
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
21
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
22
22
|
var clearNextSiblingMarginTopStyle = null;
|
|
23
23
|
var verticalAlignMiddleStyles = null;
|
|
@@ -27,9 +27,8 @@ var multipleWrappedImagesStyle = null;
|
|
|
27
27
|
// localized styles, was from clearNextSiblingBlockMarkMarginTopStyle in @atlaskit/editor-common/ui
|
|
28
28
|
var clearNextSiblingBlockMarkMarginTopStyle = null;
|
|
29
29
|
var LayoutSectionCompiled = exports.LayoutSectionCompiled = function LayoutSectionCompiled(props) {
|
|
30
|
-
var isLayoutColumnMenuEnabled = (0,
|
|
31
|
-
|
|
32
|
-
var isLayoutColumnValignRenderingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
30
|
+
var isLayoutColumnMenuEnabled = (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
31
|
+
var isLayoutColumnValignRenderingEnabled = (0, _expValEquals.expValEquals)('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
33
32
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
34
33
|
"data-layout-column": true,
|
|
35
34
|
"data-column-width": props.width,
|
|
@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
12
12
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
|
-
var
|
|
13
|
+
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
14
14
|
/**
|
|
15
15
|
* @jsxRuntime classic
|
|
16
16
|
* @jsx jsx
|
|
@@ -57,9 +57,8 @@ var clearNextSiblingBlockMarkMarginTopStyle = (0, _react2.css)((0, _defineProper
|
|
|
57
57
|
marginTop: '0 !important'
|
|
58
58
|
}));
|
|
59
59
|
var LayoutSectionEmotion = exports.LayoutSectionEmotion = function LayoutSectionEmotion(props) {
|
|
60
|
-
var isLayoutColumnMenuEnabled = (0,
|
|
61
|
-
|
|
62
|
-
var isLayoutColumnValignRenderingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
60
|
+
var isLayoutColumnMenuEnabled = (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
61
|
+
var isLayoutColumnValignRenderingEnabled = (0, _expValEquals.expValEquals)('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
63
62
|
return (0, _react2.jsx)("div", {
|
|
64
63
|
"data-layout-column": true,
|
|
65
64
|
"data-column-width": props.width,
|
|
@@ -72,7 +72,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
72
72
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
73
73
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
74
74
|
var packageName = "@atlaskit/renderer";
|
|
75
|
-
var packageVersion = "133.
|
|
75
|
+
var packageVersion = "133.7.1";
|
|
76
76
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
77
77
|
containerName: 'ak-renderer-wrapper',
|
|
78
78
|
containerType: 'inline-size'
|
|
@@ -102,7 +102,7 @@ function HeadingWithDuplicateAnchor(props) {
|
|
|
102
102
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
103
103
|
"data-as-inline": asInline,
|
|
104
104
|
onMouseEnter: mouseEnterHandler,
|
|
105
|
-
tabIndex:
|
|
105
|
+
tabIndex: -1
|
|
106
106
|
}, jsx(React.Fragment, null, showAnchorLink && headingId && isRightAligned && jsx(WrappedHeadingAnchor, {
|
|
107
107
|
level: props.level,
|
|
108
108
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -176,7 +176,7 @@ function HeadingWithWrapper(props) {
|
|
|
176
176
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
177
177
|
"data-as-inline": asInline,
|
|
178
178
|
onMouseEnter: mouseEnterHandler,
|
|
179
|
-
tabIndex:
|
|
179
|
+
tabIndex: -1
|
|
180
180
|
}, props.children), showAnchorLink && headingId && !isRightAligned && jsx(WrappedHeadingAnchor, {
|
|
181
181
|
level: props.level,
|
|
182
182
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -10,7 +10,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import { WidthProvider } from '@atlaskit/editor-common/ui';
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
|
-
import {
|
|
13
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
14
14
|
|
|
15
15
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
16
16
|
const clearNextSiblingMarginTopStyle = null;
|
|
@@ -21,9 +21,8 @@ const multipleWrappedImagesStyle = null;
|
|
|
21
21
|
// localized styles, was from clearNextSiblingBlockMarkMarginTopStyle in @atlaskit/editor-common/ui
|
|
22
22
|
const clearNextSiblingBlockMarkMarginTopStyle = null;
|
|
23
23
|
export const LayoutSectionCompiled = props => {
|
|
24
|
-
const isLayoutColumnMenuEnabled =
|
|
25
|
-
|
|
26
|
-
const isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
24
|
+
const isLayoutColumnMenuEnabled = expValEquals('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
25
|
+
const isLayoutColumnValignRenderingEnabled = expValEquals('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
27
26
|
return /*#__PURE__*/React.createElement("div", {
|
|
28
27
|
"data-layout-column": true,
|
|
29
28
|
"data-column-width": props.width,
|
|
@@ -14,7 +14,7 @@ import React from 'react';
|
|
|
14
14
|
import { css, jsx } from '@emotion/react';
|
|
15
15
|
import { WidthProvider } from '@atlaskit/editor-common/ui';
|
|
16
16
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
17
|
-
import {
|
|
17
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
18
18
|
|
|
19
19
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
20
20
|
const clearNextSiblingMarginTopStyle = css({
|
|
@@ -59,9 +59,8 @@ const clearNextSiblingBlockMarkMarginTopStyle = css({
|
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
61
|
export const LayoutSectionEmotion = props => {
|
|
62
|
-
const isLayoutColumnMenuEnabled =
|
|
63
|
-
|
|
64
|
-
const isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
62
|
+
const isLayoutColumnMenuEnabled = expValEquals('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
63
|
+
const isLayoutColumnValignRenderingEnabled = expValEquals('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
65
64
|
return jsx("div", {
|
|
66
65
|
"data-layout-column": true,
|
|
67
66
|
"data-column-width": props.width,
|
|
@@ -58,7 +58,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
58
58
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
59
59
|
const RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
60
60
|
const packageName = "@atlaskit/renderer";
|
|
61
|
-
const packageVersion = "133.
|
|
61
|
+
const packageVersion = "133.7.1";
|
|
62
62
|
const setAsQueryContainerStyles = css({
|
|
63
63
|
containerName: 'ak-renderer-wrapper',
|
|
64
64
|
containerType: 'inline-size'
|
|
@@ -106,7 +106,7 @@ function HeadingWithDuplicateAnchor(props) {
|
|
|
106
106
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
107
107
|
"data-as-inline": asInline,
|
|
108
108
|
onMouseEnter: mouseEnterHandler,
|
|
109
|
-
tabIndex:
|
|
109
|
+
tabIndex: -1
|
|
110
110
|
}, jsx(React.Fragment, null, showAnchorLink && headingId && isRightAligned && jsx(WrappedHeadingAnchor, {
|
|
111
111
|
level: props.level,
|
|
112
112
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -178,7 +178,7 @@ function HeadingWithWrapper(props) {
|
|
|
178
178
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
179
179
|
"data-as-inline": asInline,
|
|
180
180
|
onMouseEnter: mouseEnterHandler,
|
|
181
|
-
tabIndex:
|
|
181
|
+
tabIndex: -1
|
|
182
182
|
}, props.children), showAnchorLink && headingId && !isRightAligned && jsx(WrappedHeadingAnchor, {
|
|
183
183
|
level: props.level,
|
|
184
184
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -10,7 +10,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import { WidthProvider } from '@atlaskit/editor-common/ui';
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
|
-
import {
|
|
13
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
14
14
|
|
|
15
15
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
16
16
|
var clearNextSiblingMarginTopStyle = null;
|
|
@@ -21,9 +21,8 @@ var multipleWrappedImagesStyle = null;
|
|
|
21
21
|
// localized styles, was from clearNextSiblingBlockMarkMarginTopStyle in @atlaskit/editor-common/ui
|
|
22
22
|
var clearNextSiblingBlockMarkMarginTopStyle = null;
|
|
23
23
|
export var LayoutSectionCompiled = function LayoutSectionCompiled(props) {
|
|
24
|
-
var isLayoutColumnMenuEnabled =
|
|
25
|
-
|
|
26
|
-
var isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
24
|
+
var isLayoutColumnMenuEnabled = expValEquals('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
25
|
+
var isLayoutColumnValignRenderingEnabled = expValEquals('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
27
26
|
return /*#__PURE__*/React.createElement("div", {
|
|
28
27
|
"data-layout-column": true,
|
|
29
28
|
"data-column-width": props.width,
|
|
@@ -15,7 +15,7 @@ import React from 'react';
|
|
|
15
15
|
import { css, jsx } from '@emotion/react';
|
|
16
16
|
import { WidthProvider } from '@atlaskit/editor-common/ui';
|
|
17
17
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
|
-
import {
|
|
18
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
19
19
|
|
|
20
20
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
21
21
|
var clearNextSiblingMarginTopStyle = css({
|
|
@@ -50,9 +50,8 @@ var clearNextSiblingBlockMarkMarginTopStyle = css(_defineProperty({}, "+ .fabric
|
|
|
50
50
|
marginTop: '0 !important'
|
|
51
51
|
}));
|
|
52
52
|
export var LayoutSectionEmotion = function LayoutSectionEmotion(props) {
|
|
53
|
-
var isLayoutColumnMenuEnabled =
|
|
54
|
-
|
|
55
|
-
var isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
53
|
+
var isLayoutColumnMenuEnabled = expValEquals('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
54
|
+
var isLayoutColumnValignRenderingEnabled = expValEquals('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
|
|
56
55
|
return jsx("div", {
|
|
57
56
|
"data-layout-column": true,
|
|
58
57
|
"data-column-width": props.width,
|
|
@@ -63,7 +63,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
63
63
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
64
64
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
65
65
|
var packageName = "@atlaskit/renderer";
|
|
66
|
-
var packageVersion = "133.
|
|
66
|
+
var packageVersion = "133.7.1";
|
|
67
67
|
var setAsQueryContainerStyles = css({
|
|
68
68
|
containerName: 'ak-renderer-wrapper',
|
|
69
69
|
containerType: 'inline-size'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "133.7.
|
|
3
|
+
"version": "133.7.2",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@atlaskit/analytics-namespaced-context": "^8.1.0",
|
|
38
38
|
"@atlaskit/analytics-next": "^12.1.0",
|
|
39
39
|
"@atlaskit/browser-apis": "^1.1.0",
|
|
40
|
-
"@atlaskit/button": "^24.
|
|
40
|
+
"@atlaskit/button": "^24.3.0",
|
|
41
41
|
"@atlaskit/code": "^18.2.0",
|
|
42
42
|
"@atlaskit/editor-json-transformer": "^9.0.0",
|
|
43
43
|
"@atlaskit/editor-palette": "^3.1.0",
|
|
@@ -63,12 +63,12 @@
|
|
|
63
63
|
"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
|
|
64
64
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
65
65
|
"@atlaskit/react-ufo": "^7.3.0",
|
|
66
|
-
"@atlaskit/smart-card": "^45.
|
|
66
|
+
"@atlaskit/smart-card": "^45.6.0",
|
|
67
67
|
"@atlaskit/status": "^5.4.0",
|
|
68
68
|
"@atlaskit/task-decision": "^21.4.0",
|
|
69
69
|
"@atlaskit/theme": "^26.1.0",
|
|
70
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
71
|
-
"@atlaskit/tokens": "^15.
|
|
70
|
+
"@atlaskit/tmp-editor-statsig": "^115.0.0",
|
|
71
|
+
"@atlaskit/tokens": "^15.2.0",
|
|
72
72
|
"@atlaskit/tooltip": "^23.1.0",
|
|
73
73
|
"@atlaskit/visually-hidden": "^4.1.0",
|
|
74
74
|
"@babel/runtime": "^7.0.0",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"uuid": "^3.1.0"
|
|
83
83
|
},
|
|
84
84
|
"peerDependencies": {
|
|
85
|
-
"@atlaskit/editor-common": "^116.
|
|
85
|
+
"@atlaskit/editor-common": "^116.17.0",
|
|
86
86
|
"@atlaskit/link-provider": "^5.1.0",
|
|
87
87
|
"@atlaskit/media-core": "^38.0.0",
|
|
88
88
|
"react": "^18.2.0",
|