@atlaskit/renderer 130.6.3 → 130.6.4
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 +8 -0
- package/dist/cjs/react/nodes/layoutColumn-compiled.compiled.css +4 -0
- package/dist/cjs/react/nodes/layoutColumn-compiled.js +8 -1
- package/dist/cjs/react/nodes/layoutColumn-emotion.js +18 -1
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/nodes/layoutColumn-compiled.compiled.css +4 -0
- package/dist/es2019/react/nodes/layoutColumn-compiled.js +8 -1
- package/dist/es2019/react/nodes/layoutColumn-emotion.js +19 -2
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/nodes/layoutColumn-compiled.compiled.css +4 -0
- package/dist/esm/react/nodes/layoutColumn-compiled.js +8 -1
- package/dist/esm/react/nodes/layoutColumn-emotion.js +19 -2
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/types/react/nodes/layoutColumn-compiled.d.ts +2 -0
- package/dist/types/react/nodes/layoutColumn-emotion.d.ts +2 -0
- package/dist/types/react/nodes/layoutColumn.d.ts +2 -0
- package/dist/types-ts4.5/react/nodes/layoutColumn-compiled.d.ts +2 -0
- package/dist/types-ts4.5/react/nodes/layoutColumn-emotion.d.ts +2 -0
- package/dist/types-ts4.5/react/nodes/layoutColumn.d.ts +2 -0
- package/package.json +16 -16
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 130.6.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`0197bccd3d244`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0197bccd3d244) -
|
|
8
|
+
Add vertical alignment options to layout column menus and rendering.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 130.6.3
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
._12kpidpf [class*=image-wrap-]:has(+[class*=image-wrap-]){margin-top:0}
|
|
2
2
|
._166hgrf3+.fabric-editor-block-mark>h4{margin-top:0!important}
|
|
3
3
|
._19segrf3+.fabric-editor-block-mark>h1{margin-top:0!important}
|
|
4
|
+
._1bah1h6o{justify-content:center}
|
|
5
|
+
._1bahesu3{justify-content:flex-end}
|
|
6
|
+
._1e0c1txw{display:flex}
|
|
4
7
|
._1ki1grf3+.fabric-editor-block-mark>h2{margin-top:0!important}
|
|
5
8
|
._1skbgrf3+*{margin-top:0!important}
|
|
6
9
|
._1tihidpf [class*=image-wrap-]+[class*=image-wrap-]{margin-top:0}
|
|
10
|
+
._2lx21bp4{flex-direction:column}
|
|
7
11
|
._7g1ogrf3+.fabric-editor-block-mark>h5{margin-top:0!important}
|
|
8
12
|
._bmdegrf3+.fabric-editor-block-mark>h3{margin-top:0!important}
|
|
9
13
|
._hgeogrf3+.fabric-editor-block-mark>p{margin-top:0!important}
|
|
@@ -17,20 +17,27 @@ 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 _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
20
21
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
21
22
|
var clearNextSiblingMarginTopStyle = null;
|
|
23
|
+
var verticalAlignMiddleStyles = null;
|
|
24
|
+
var verticalAlignBottomStyles = null;
|
|
22
25
|
var multipleWrappedImagesStyle = null;
|
|
23
26
|
|
|
24
27
|
// localized styles, was from clearNextSiblingBlockMarkMarginTopStyle in @atlaskit/editor-common/ui
|
|
25
28
|
var clearNextSiblingBlockMarkMarginTopStyle = null;
|
|
26
29
|
var LayoutSectionCompiled = exports.LayoutSectionCompiled = function LayoutSectionCompiled(props) {
|
|
30
|
+
var isLayoutColumnMenuEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
27
31
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
28
32
|
"data-layout-column": true,
|
|
29
33
|
"data-column-width": props.width,
|
|
34
|
+
"data-valign": props.valign
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- flexBasis is dynamic
|
|
36
|
+
,
|
|
30
37
|
style: {
|
|
31
38
|
flexBasis: "".concat(props.width, "%")
|
|
32
39
|
},
|
|
33
|
-
className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
|
|
40
|
+
className: (0, _runtime.ax)([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
|
|
34
41
|
}, /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
35
42
|
className: (0, _runtime.ax)(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
|
|
36
43
|
}), props.children));
|
|
@@ -10,6 +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 _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
13
14
|
/**
|
|
14
15
|
* @jsxRuntime classic
|
|
15
16
|
* @jsx jsx
|
|
@@ -31,6 +32,16 @@ var clearNextSiblingMarginTopStyle = (0, _react2.css)({
|
|
|
31
32
|
marginTop: '0 !important'
|
|
32
33
|
}
|
|
33
34
|
});
|
|
35
|
+
var verticalAlignMiddleStyles = (0, _react2.css)({
|
|
36
|
+
display: 'flex',
|
|
37
|
+
flexDirection: 'column',
|
|
38
|
+
justifyContent: 'center'
|
|
39
|
+
});
|
|
40
|
+
var verticalAlignBottomStyles = (0, _react2.css)({
|
|
41
|
+
display: 'flex',
|
|
42
|
+
flexDirection: 'column',
|
|
43
|
+
justifyContent: 'flex-end'
|
|
44
|
+
});
|
|
34
45
|
var multipleWrappedImagesStyle = (0, _react2.css)({
|
|
35
46
|
// Given the first wrapped mediaSingle has 0 marginTop (see clearNextSiblingMarginTopStyle),
|
|
36
47
|
// update all wrapped mediaSingle inside layout to have 0 margin top unless they don't have sibling wrapped mediaSingle
|
|
@@ -46,13 +57,19 @@ var clearNextSiblingBlockMarkMarginTopStyle = (0, _react2.css)((0, _defineProper
|
|
|
46
57
|
marginTop: '0 !important'
|
|
47
58
|
}));
|
|
48
59
|
var LayoutSectionEmotion = exports.LayoutSectionEmotion = function LayoutSectionEmotion(props) {
|
|
60
|
+
var isLayoutColumnMenuEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
49
61
|
return (0, _react2.jsx)("div", {
|
|
50
62
|
"data-layout-column": true,
|
|
51
63
|
"data-column-width": props.width,
|
|
64
|
+
"data-valign": props.valign
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- flexBasis is dynamic
|
|
66
|
+
,
|
|
52
67
|
style: {
|
|
53
68
|
flexBasis: "".concat(props.width, "%")
|
|
54
69
|
},
|
|
55
|
-
css:
|
|
70
|
+
css: [
|
|
71
|
+
// Keep separate: Compiled crashes on ternary/object lookup here.
|
|
72
|
+
isLayoutColumnMenuEnabled && props.valign === 'middle' && verticalAlignMiddleStyles, isLayoutColumnMenuEnabled && props.valign === 'bottom' && verticalAlignBottomStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
|
|
56
73
|
}, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
|
|
57
74
|
css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
|
|
58
75
|
}), props.children));
|
|
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
71
71
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
72
72
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
73
73
|
var packageName = "@atlaskit/renderer";
|
|
74
|
-
var packageVersion = "
|
|
74
|
+
var packageVersion = "0.0.0-development";
|
|
75
75
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
76
76
|
containerName: 'ak-renderer-wrapper',
|
|
77
77
|
containerType: 'inline-size'
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
._12kpidpf [class*=image-wrap-]:has(+[class*=image-wrap-]){margin-top:0}
|
|
2
2
|
._166hgrf3+.fabric-editor-block-mark>h4{margin-top:0!important}
|
|
3
3
|
._19segrf3+.fabric-editor-block-mark>h1{margin-top:0!important}
|
|
4
|
+
._1bah1h6o{justify-content:center}
|
|
5
|
+
._1bahesu3{justify-content:flex-end}
|
|
6
|
+
._1e0c1txw{display:flex}
|
|
4
7
|
._1ki1grf3+.fabric-editor-block-mark>h2{margin-top:0!important}
|
|
5
8
|
._1skbgrf3+*{margin-top:0!important}
|
|
6
9
|
._1tihidpf [class*=image-wrap-]+[class*=image-wrap-]{margin-top:0}
|
|
10
|
+
._2lx21bp4{flex-direction:column}
|
|
7
11
|
._7g1ogrf3+.fabric-editor-block-mark>h5{margin-top:0!important}
|
|
8
12
|
._bmdegrf3+.fabric-editor-block-mark>h3{margin-top:0!important}
|
|
9
13
|
._hgeogrf3+.fabric-editor-block-mark>p{margin-top:0!important}
|
|
@@ -10,21 +10,28 @@ 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 { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
13
14
|
|
|
14
15
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
15
16
|
const clearNextSiblingMarginTopStyle = null;
|
|
17
|
+
const verticalAlignMiddleStyles = null;
|
|
18
|
+
const verticalAlignBottomStyles = null;
|
|
16
19
|
const multipleWrappedImagesStyle = null;
|
|
17
20
|
|
|
18
21
|
// localized styles, was from clearNextSiblingBlockMarkMarginTopStyle in @atlaskit/editor-common/ui
|
|
19
22
|
const clearNextSiblingBlockMarkMarginTopStyle = null;
|
|
20
23
|
export const LayoutSectionCompiled = props => {
|
|
24
|
+
const isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
21
25
|
return /*#__PURE__*/React.createElement("div", {
|
|
22
26
|
"data-layout-column": true,
|
|
23
27
|
"data-column-width": props.width,
|
|
28
|
+
"data-valign": props.valign
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- flexBasis is dynamic
|
|
30
|
+
,
|
|
24
31
|
style: {
|
|
25
32
|
flexBasis: `${props.width}%`
|
|
26
33
|
},
|
|
27
|
-
className: ax([fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
|
|
34
|
+
className: ax([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
|
|
28
35
|
}, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
|
|
29
36
|
className: ax(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
|
|
30
37
|
}), props.children));
|
|
@@ -11,9 +11,10 @@
|
|
|
11
11
|
import React from 'react';
|
|
12
12
|
|
|
13
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
|
|
14
|
-
import {
|
|
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 { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
17
18
|
|
|
18
19
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
19
20
|
const clearNextSiblingMarginTopStyle = css({
|
|
@@ -23,6 +24,16 @@ const clearNextSiblingMarginTopStyle = css({
|
|
|
23
24
|
marginTop: '0 !important'
|
|
24
25
|
}
|
|
25
26
|
});
|
|
27
|
+
const verticalAlignMiddleStyles = css({
|
|
28
|
+
display: 'flex',
|
|
29
|
+
flexDirection: 'column',
|
|
30
|
+
justifyContent: 'center'
|
|
31
|
+
});
|
|
32
|
+
const verticalAlignBottomStyles = css({
|
|
33
|
+
display: 'flex',
|
|
34
|
+
flexDirection: 'column',
|
|
35
|
+
justifyContent: 'flex-end'
|
|
36
|
+
});
|
|
26
37
|
const multipleWrappedImagesStyle = css({
|
|
27
38
|
// Given the first wrapped mediaSingle has 0 marginTop (see clearNextSiblingMarginTopStyle),
|
|
28
39
|
// update all wrapped mediaSingle inside layout to have 0 margin top unless they don't have sibling wrapped mediaSingle
|
|
@@ -48,13 +59,19 @@ const clearNextSiblingBlockMarkMarginTopStyle = css({
|
|
|
48
59
|
}
|
|
49
60
|
});
|
|
50
61
|
export const LayoutSectionEmotion = props => {
|
|
62
|
+
const isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
51
63
|
return jsx("div", {
|
|
52
64
|
"data-layout-column": true,
|
|
53
65
|
"data-column-width": props.width,
|
|
66
|
+
"data-valign": props.valign
|
|
67
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- flexBasis is dynamic
|
|
68
|
+
,
|
|
54
69
|
style: {
|
|
55
70
|
flexBasis: `${props.width}%`
|
|
56
71
|
},
|
|
57
|
-
css:
|
|
72
|
+
css: [
|
|
73
|
+
// Keep separate: Compiled crashes on ternary/object lookup here.
|
|
74
|
+
isLayoutColumnMenuEnabled && props.valign === 'middle' && verticalAlignMiddleStyles, isLayoutColumnMenuEnabled && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
|
|
58
75
|
}, jsx(WidthProvider, null, jsx("div", {
|
|
59
76
|
css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
|
|
60
77
|
}), props.children));
|
|
@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
57
57
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
58
58
|
const RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
59
59
|
const packageName = "@atlaskit/renderer";
|
|
60
|
-
const packageVersion = "
|
|
60
|
+
const packageVersion = "0.0.0-development";
|
|
61
61
|
const setAsQueryContainerStyles = css({
|
|
62
62
|
containerName: 'ak-renderer-wrapper',
|
|
63
63
|
containerType: 'inline-size'
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
._12kpidpf [class*=image-wrap-]:has(+[class*=image-wrap-]){margin-top:0}
|
|
2
2
|
._166hgrf3+.fabric-editor-block-mark>h4{margin-top:0!important}
|
|
3
3
|
._19segrf3+.fabric-editor-block-mark>h1{margin-top:0!important}
|
|
4
|
+
._1bah1h6o{justify-content:center}
|
|
5
|
+
._1bahesu3{justify-content:flex-end}
|
|
6
|
+
._1e0c1txw{display:flex}
|
|
4
7
|
._1ki1grf3+.fabric-editor-block-mark>h2{margin-top:0!important}
|
|
5
8
|
._1skbgrf3+*{margin-top:0!important}
|
|
6
9
|
._1tihidpf [class*=image-wrap-]+[class*=image-wrap-]{margin-top:0}
|
|
10
|
+
._2lx21bp4{flex-direction:column}
|
|
7
11
|
._7g1ogrf3+.fabric-editor-block-mark>h5{margin-top:0!important}
|
|
8
12
|
._bmdegrf3+.fabric-editor-block-mark>h3{margin-top:0!important}
|
|
9
13
|
._hgeogrf3+.fabric-editor-block-mark>p{margin-top:0!important}
|
|
@@ -10,21 +10,28 @@ 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 { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
13
14
|
|
|
14
15
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
15
16
|
var clearNextSiblingMarginTopStyle = null;
|
|
17
|
+
var verticalAlignMiddleStyles = null;
|
|
18
|
+
var verticalAlignBottomStyles = null;
|
|
16
19
|
var multipleWrappedImagesStyle = null;
|
|
17
20
|
|
|
18
21
|
// localized styles, was from clearNextSiblingBlockMarkMarginTopStyle in @atlaskit/editor-common/ui
|
|
19
22
|
var clearNextSiblingBlockMarkMarginTopStyle = null;
|
|
20
23
|
export var LayoutSectionCompiled = function LayoutSectionCompiled(props) {
|
|
24
|
+
var isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
21
25
|
return /*#__PURE__*/React.createElement("div", {
|
|
22
26
|
"data-layout-column": true,
|
|
23
27
|
"data-column-width": props.width,
|
|
28
|
+
"data-valign": props.valign
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- flexBasis is dynamic
|
|
30
|
+
,
|
|
24
31
|
style: {
|
|
25
32
|
flexBasis: "".concat(props.width, "%")
|
|
26
33
|
},
|
|
27
|
-
className: ax([fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
|
|
34
|
+
className: ax([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
|
|
28
35
|
}, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
|
|
29
36
|
className: ax(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
|
|
30
37
|
}), props.children));
|
|
@@ -12,9 +12,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
|
|
14
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
|
|
15
|
-
import {
|
|
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 { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
18
19
|
|
|
19
20
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
20
21
|
var clearNextSiblingMarginTopStyle = css({
|
|
@@ -24,6 +25,16 @@ var clearNextSiblingMarginTopStyle = css({
|
|
|
24
25
|
marginTop: '0 !important'
|
|
25
26
|
}
|
|
26
27
|
});
|
|
28
|
+
var verticalAlignMiddleStyles = css({
|
|
29
|
+
display: 'flex',
|
|
30
|
+
flexDirection: 'column',
|
|
31
|
+
justifyContent: 'center'
|
|
32
|
+
});
|
|
33
|
+
var verticalAlignBottomStyles = css({
|
|
34
|
+
display: 'flex',
|
|
35
|
+
flexDirection: 'column',
|
|
36
|
+
justifyContent: 'flex-end'
|
|
37
|
+
});
|
|
27
38
|
var multipleWrappedImagesStyle = css({
|
|
28
39
|
// Given the first wrapped mediaSingle has 0 marginTop (see clearNextSiblingMarginTopStyle),
|
|
29
40
|
// update all wrapped mediaSingle inside layout to have 0 margin top unless they don't have sibling wrapped mediaSingle
|
|
@@ -39,13 +50,19 @@ var clearNextSiblingBlockMarkMarginTopStyle = css(_defineProperty({}, "+ .fabric
|
|
|
39
50
|
marginTop: '0 !important'
|
|
40
51
|
}));
|
|
41
52
|
export var LayoutSectionEmotion = function LayoutSectionEmotion(props) {
|
|
53
|
+
var isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
|
|
42
54
|
return jsx("div", {
|
|
43
55
|
"data-layout-column": true,
|
|
44
56
|
"data-column-width": props.width,
|
|
57
|
+
"data-valign": props.valign
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- flexBasis is dynamic
|
|
59
|
+
,
|
|
45
60
|
style: {
|
|
46
61
|
flexBasis: "".concat(props.width, "%")
|
|
47
62
|
},
|
|
48
|
-
css:
|
|
63
|
+
css: [
|
|
64
|
+
// Keep separate: Compiled crashes on ternary/object lookup here.
|
|
65
|
+
isLayoutColumnMenuEnabled && props.valign === 'middle' && verticalAlignMiddleStyles, isLayoutColumnMenuEnabled && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
|
|
49
66
|
}, jsx(WidthProvider, null, jsx("div", {
|
|
50
67
|
css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
|
|
51
68
|
}), props.children));
|
|
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
62
62
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
63
63
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
64
64
|
var packageName = "@atlaskit/renderer";
|
|
65
|
-
var packageVersion = "
|
|
65
|
+
var packageVersion = "0.0.0-development";
|
|
66
66
|
var setAsQueryContainerStyles = css({
|
|
67
67
|
containerName: 'ak-renderer-wrapper',
|
|
68
68
|
containerType: 'inline-size'
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
* Cleanup: delete this file once the experiment has shipped.
|
|
10
10
|
*/
|
|
11
11
|
import React from 'react';
|
|
12
|
+
import type { Valign } from '@atlaskit/editor-common/types/valign';
|
|
12
13
|
export declare const LayoutSectionCompiled: (props: React.PropsWithChildren<{
|
|
14
|
+
valign?: Valign;
|
|
13
15
|
width?: number;
|
|
14
16
|
}>) => React.JSX.Element;
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
* Cleanup: delete this file once the experiment has shipped.
|
|
10
10
|
*/
|
|
11
11
|
import React from 'react';
|
|
12
|
+
import type { Valign } from '@atlaskit/editor-common/types/valign';
|
|
12
13
|
export declare const LayoutSectionEmotion: (props: React.PropsWithChildren<{
|
|
14
|
+
valign?: Valign;
|
|
13
15
|
width?: number;
|
|
14
16
|
}>) => React.JSX.Element;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { Valign } from '@atlaskit/editor-common/types/valign';
|
|
2
3
|
/**
|
|
3
4
|
* Render a layout column in renderer.
|
|
4
5
|
*/
|
|
5
6
|
export default function LayoutSection(props: React.PropsWithChildren<{
|
|
7
|
+
valign?: Valign;
|
|
6
8
|
width?: number;
|
|
7
9
|
}>): React.JSX.Element;
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
* Cleanup: delete this file once the experiment has shipped.
|
|
10
10
|
*/
|
|
11
11
|
import React from 'react';
|
|
12
|
+
import type { Valign } from '@atlaskit/editor-common/types/valign';
|
|
12
13
|
export declare const LayoutSectionCompiled: (props: React.PropsWithChildren<{
|
|
14
|
+
valign?: Valign;
|
|
13
15
|
width?: number;
|
|
14
16
|
}>) => React.JSX.Element;
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
* Cleanup: delete this file once the experiment has shipped.
|
|
10
10
|
*/
|
|
11
11
|
import React from 'react';
|
|
12
|
+
import type { Valign } from '@atlaskit/editor-common/types/valign';
|
|
12
13
|
export declare const LayoutSectionEmotion: (props: React.PropsWithChildren<{
|
|
14
|
+
valign?: Valign;
|
|
13
15
|
width?: number;
|
|
14
16
|
}>) => React.JSX.Element;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { Valign } from '@atlaskit/editor-common/types/valign';
|
|
2
3
|
/**
|
|
3
4
|
* Render a layout column in renderer.
|
|
4
5
|
*/
|
|
5
6
|
export default function LayoutSection(props: React.PropsWithChildren<{
|
|
7
|
+
valign?: Valign;
|
|
6
8
|
width?: number;
|
|
7
9
|
}>): React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "130.6.
|
|
3
|
+
"version": "130.6.4",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -44,15 +44,15 @@
|
|
|
44
44
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
45
45
|
"@atlaskit/editor-shared-styles": "^3.11.0",
|
|
46
46
|
"@atlaskit/editor-smart-link-draggable": "^0.5.0",
|
|
47
|
-
"@atlaskit/emoji": "^70.
|
|
48
|
-
"@atlaskit/feature-gate-js-client": "^5.
|
|
49
|
-
"@atlaskit/icon": "^
|
|
47
|
+
"@atlaskit/emoji": "^70.9.0",
|
|
48
|
+
"@atlaskit/feature-gate-js-client": "^5.7.0",
|
|
49
|
+
"@atlaskit/icon": "^35.0.0",
|
|
50
50
|
"@atlaskit/link": "^3.4.0",
|
|
51
51
|
"@atlaskit/link-datasource": "^5.2.0",
|
|
52
|
-
"@atlaskit/link-extractors": "^2.
|
|
52
|
+
"@atlaskit/link-extractors": "^2.6.0",
|
|
53
53
|
"@atlaskit/linking-common": "^9.11.0",
|
|
54
54
|
"@atlaskit/media-card": "^80.5.0",
|
|
55
|
-
"@atlaskit/media-client": "^36.
|
|
55
|
+
"@atlaskit/media-client": "^36.3.0",
|
|
56
56
|
"@atlaskit/media-client-react": "^5.1.0",
|
|
57
57
|
"@atlaskit/media-common": "^13.3.0",
|
|
58
58
|
"@atlaskit/media-filmstrip": "^51.3.0",
|
|
@@ -61,12 +61,12 @@
|
|
|
61
61
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
62
62
|
"@atlaskit/platform-feature-flags-react": "^0.5.0",
|
|
63
63
|
"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
|
|
64
|
-
"@atlaskit/react-ufo": "^5.
|
|
65
|
-
"@atlaskit/smart-card": "^44.
|
|
64
|
+
"@atlaskit/react-ufo": "^5.21.0",
|
|
65
|
+
"@atlaskit/smart-card": "^44.12.0",
|
|
66
66
|
"@atlaskit/status": "^4.1.0",
|
|
67
67
|
"@atlaskit/task-decision": "^20.1.0",
|
|
68
68
|
"@atlaskit/theme": "^23.2.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^81.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^81.1.0",
|
|
70
70
|
"@atlaskit/tokens": "^13.0.0",
|
|
71
71
|
"@atlaskit/tooltip": "^22.2.0",
|
|
72
72
|
"@atlaskit/visually-hidden": "^3.1.0",
|
|
@@ -80,9 +80,9 @@
|
|
|
80
80
|
"uuid": "^3.1.0"
|
|
81
81
|
},
|
|
82
82
|
"peerDependencies": {
|
|
83
|
-
"@atlaskit/editor-common": "^114.
|
|
83
|
+
"@atlaskit/editor-common": "^114.35.0",
|
|
84
84
|
"@atlaskit/link-provider": "^4.4.0",
|
|
85
|
-
"@atlaskit/media-core": "^37.
|
|
85
|
+
"@atlaskit/media-core": "^37.1.0",
|
|
86
86
|
"react": "^18.2.0",
|
|
87
87
|
"react-dom": "^18.2.0",
|
|
88
88
|
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|
|
@@ -94,13 +94,13 @@
|
|
|
94
94
|
"@atlaskit/checkbox": "^17.3.0",
|
|
95
95
|
"@atlaskit/link-provider": "^4.4.0",
|
|
96
96
|
"@atlaskit/link-test-helpers": "^10.2.0",
|
|
97
|
-
"@atlaskit/media-core": "^37.
|
|
97
|
+
"@atlaskit/media-core": "^37.1.0",
|
|
98
98
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
99
|
-
"@atlaskit/media-test-helpers": "^41.
|
|
100
|
-
"@atlaskit/mention": "^
|
|
99
|
+
"@atlaskit/media-test-helpers": "^41.1.0",
|
|
100
|
+
"@atlaskit/mention": "^26.0.0",
|
|
101
101
|
"@atlaskit/modal-dialog": "^15.0.0",
|
|
102
102
|
"@atlaskit/navigation-system": "^9.4.0",
|
|
103
|
-
"@atlaskit/profilecard": "^25.
|
|
103
|
+
"@atlaskit/profilecard": "^25.7.0",
|
|
104
104
|
"@atlaskit/side-nav-items": "^1.13.0",
|
|
105
105
|
"@atlaskit/util-data-test": "^18.5.0",
|
|
106
106
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"@atlassian/feature-flags-test-utils": "^1.1.0",
|
|
109
109
|
"@atlassian/react-compiler-gating": "workspace:^",
|
|
110
110
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
111
|
-
"@atlassian/testing-library": "^0.
|
|
111
|
+
"@atlassian/testing-library": "^0.6.0",
|
|
112
112
|
"@testing-library/react": "^16.3.0",
|
|
113
113
|
"@testing-library/user-event": "^14.4.3",
|
|
114
114
|
"@types/react-loadable": "^5.4.1",
|