@atlaskit/editor-plugin-layout 6.2.15 → 6.2.17
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 +16 -0
- package/dist/cjs/pm-plugins/actions.js +1 -1
- package/dist/cjs/ui/icons/LayoutThreeWithLeftSidebars.js +3 -57
- package/dist/cjs/ui/icons/LayoutThreeWithRightSidebars.js +3 -57
- package/dist/cjs/ui/toolbar.js +24 -24
- package/dist/es2019/pm-plugins/actions.js +1 -1
- package/dist/es2019/ui/icons/LayoutThreeWithLeftSidebars.js +3 -56
- package/dist/es2019/ui/icons/LayoutThreeWithRightSidebars.js +3 -56
- package/dist/es2019/ui/toolbar.js +7 -7
- package/dist/esm/pm-plugins/actions.js +1 -1
- package/dist/esm/ui/icons/LayoutThreeWithLeftSidebars.js +3 -56
- package/dist/esm/ui/icons/LayoutThreeWithRightSidebars.js +3 -56
- package/dist/esm/ui/toolbar.js +7 -7
- package/dist/types/ui/icons/LayoutThreeWithLeftSidebars.d.ts +3 -7
- package/dist/types/ui/icons/LayoutThreeWithRightSidebars.d.ts +3 -7
- package/dist/types-ts4.5/ui/icons/LayoutThreeWithLeftSidebars.d.ts +3 -7
- package/dist/types-ts4.5/ui/icons/LayoutThreeWithRightSidebars.d.ts +3 -7
- package/package.json +9 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-layout
|
|
2
2
|
|
|
3
|
+
## 6.2.17
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`9f03725ffb7b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9f03725ffb7b8) -
|
|
8
|
+
Removing feature flag with changing internal use of custom icons.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 6.2.16
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`90abe9b926a6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90abe9b926a6f) -
|
|
16
|
+
Icon entrypoint migration
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 6.2.15
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -211,7 +211,7 @@ function removeLastColumnInLayout(column, columnPos, insideRightEdgePos) {
|
|
|
211
211
|
// check if the column only contains a paragraph with a placeholder text
|
|
212
212
|
// if so, remove the whole column, otherwise just remove the paragraph
|
|
213
213
|
if ((0, _utils.isEmptyDocument)(column)) {
|
|
214
|
-
var fromPos = (0, _experiments.editorExperiment)('single_column_layouts', true)
|
|
214
|
+
var fromPos = (0, _experiments.editorExperiment)('single_column_layouts', true) ? columnPos : columnPos - 1;
|
|
215
215
|
tr.replaceRange(tr.mapping.map(fromPos), tr.mapping.map(insideRightEdgePos), _model.Slice.empty);
|
|
216
216
|
} else {
|
|
217
217
|
tr.replaceRange(tr.mapping.map(columnPos - 1), tr.mapping.map(columnPos + 1), _model.Slice.empty);
|
|
@@ -5,63 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.LayoutThreeWithLeftSidebarsIcon = void 0;
|
|
8
|
-
var
|
|
9
|
-
var _react = require("@emotion/react");
|
|
10
|
-
var _icon = _interopRequireDefault(require("@atlaskit/icon"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
var _layoutThreeColumnsSidebarsLeft = _interopRequireDefault(require("@atlaskit/icon-lab/core/layout-three-columns-sidebars-left"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
|
-
/**
|
|
14
|
-
* @jsxRuntime classic
|
|
15
|
-
* @jsx jsx
|
|
16
|
-
*/
|
|
17
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
18
|
-
|
|
19
|
-
var LayoutThreeWithLeftSidebarsGlyph = function LayoutThreeWithLeftSidebarsGlyph(props) {
|
|
20
|
-
if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
|
|
21
|
-
return (0, _react.jsx)("svg", (0, _extends2.default)({
|
|
22
|
-
width: "16",
|
|
23
|
-
height: "14",
|
|
24
|
-
viewBox: "0 0 16 14",
|
|
25
|
-
fill: "none",
|
|
26
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
27
|
-
// Ignored via go/ees005
|
|
28
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
29
|
-
}, props), (0, _react.jsx)("path", {
|
|
30
|
-
fillRule: "evenodd",
|
|
31
|
-
clipRule: "evenodd",
|
|
32
|
-
d: "M8.5 1.375C8.5 0.615609 7.88439 0 7.125 0H6.375C5.61561 0 5 0.615608 5 1.375V12.625C5 13.3844 5.61561 14 6.375 14H7.125C7.88439 14 8.5 13.3844 8.5 12.625V1.375ZM7 1.5V12.5H6.5V1.5H7ZM16 1.37505C16 0.615655 15.3844 4.66853e-05 14.625 4.66853e-05H11.375C10.6156 4.66853e-05 10 0.615655 10 1.37505V12.625C10 13.3844 10.6156 14 11.375 14H14.625C15.3844 14 16 13.3844 16 12.625V1.37505ZM14.5 1.50005V12.5H11.5V1.50005H14.5ZM3.5 1.37505C3.5 0.615655 2.88439 4.66853e-05 2.125 4.66853e-05H1.375C0.615608 4.66853e-05 0 0.615655 0 1.37505V12.625C0 13.3844 0.615608 14 1.375 14H2.125C2.88439 14 3.5 13.3844 3.5 12.625V1.37505ZM2 1.50005V12.5H1.5V1.50005H2Z",
|
|
33
|
-
fill: "currentcolor"
|
|
34
|
-
}));
|
|
35
|
-
}
|
|
36
|
-
return (0, _react.jsx)("svg", (0, _extends2.default)({
|
|
37
|
-
width: "16",
|
|
38
|
-
height: "14",
|
|
39
|
-
viewBox: "0 0 16 14",
|
|
40
|
-
fill: "none",
|
|
41
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
42
|
-
// Ignored via go/ees005
|
|
43
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
44
|
-
}, props), (0, _react.jsx)("path", {
|
|
45
|
-
fillRule: "evenodd",
|
|
46
|
-
clipRule: "evenodd",
|
|
47
|
-
d: "M1 0C1.26522 0 1.51957 0.105357 1.70711 0.292893C1.89464 0.48043 2 0.734784 2 1V13C2 13.2652 1.89464 13.5196 1.70711 13.7071C1.51957 13.8946 1.26522 14 1 14C0.734784 14 0.48043 13.8946 0.292893 13.7071C0.105357 13.5196 0 13.2652 0 13V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0ZM9 0H15C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V13C16 13.2652 15.8946 13.5196 15.7071 13.7071C15.5196 13.8946 15.2652 14 15 14H9C8.73478 14 8.48043 13.8946 8.29289 13.7071C8.10536 13.5196 8 13.2652 8 13V1C8 0.734784 8.10536 0.48043 8.29289 0.292893C8.48043 0.105357 8.73478 0 9 0ZM5 0C5.26522 0 5.51957 0.105356 5.70711 0.292892C5.89464 0.480429 6 0.734784 6 1V13C6 13.2652 5.89464 13.5196 5.70711 13.7071C5.51957 13.8946 5.26522 14 5 14C4.73478 14 4.48043 13.8946 4.29289 13.7071C4.10536 13.5196 4 13.2652 4 13V1C4 0.734784 4.10536 0.480429 4.29289 0.292892C4.48043 0.105356 4.73478 0 5 0Z",
|
|
48
|
-
fill: "currentcolor"
|
|
49
|
-
}));
|
|
50
|
-
};
|
|
51
|
-
var floatingToolbarPadding = (0, _react.css)({
|
|
52
|
-
paddingRight: "var(--ds-space-050, 4px)",
|
|
53
|
-
paddingLeft: "var(--ds-space-050, 4px)"
|
|
54
|
-
});
|
|
55
10
|
var LayoutThreeWithLeftSidebarsIcon = exports.LayoutThreeWithLeftSidebarsIcon = function LayoutThreeWithLeftSidebarsIcon(props) {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
return (0, _react.jsx)(_layoutThreeColumnsSidebarsLeft.default, props);
|
|
59
|
-
}
|
|
60
|
-
return (0, _react.jsx)("span", {
|
|
61
|
-
css: floatingToolbarPadding
|
|
62
|
-
}, (0, _react.jsx)(_icon.default, (0, _extends2.default)({
|
|
63
|
-
glyph: LayoutThreeWithLeftSidebarsGlyph
|
|
64
|
-
// Ignored via go/ees005
|
|
65
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
66
|
-
}, props)));
|
|
11
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
+
return /*#__PURE__*/_react.default.createElement(_layoutThreeColumnsSidebarsLeft.default, props);
|
|
67
13
|
};
|
|
@@ -5,63 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.LayoutThreeWithRightSidebarsIcon = void 0;
|
|
8
|
-
var
|
|
9
|
-
var _react = require("@emotion/react");
|
|
10
|
-
var _icon = _interopRequireDefault(require("@atlaskit/icon"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
var _layoutThreeColumnsSidebarsRight = _interopRequireDefault(require("@atlaskit/icon-lab/core/layout-three-columns-sidebars-right"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
|
-
/**
|
|
14
|
-
* @jsxRuntime classic
|
|
15
|
-
* @jsx jsx
|
|
16
|
-
*/
|
|
17
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
18
|
-
|
|
19
|
-
var LayoutThreeWithRightSidebarsGlyph = function LayoutThreeWithRightSidebarsGlyph(props) {
|
|
20
|
-
if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
|
|
21
|
-
return (0, _react.jsx)("svg", (0, _extends2.default)({
|
|
22
|
-
width: "16",
|
|
23
|
-
height: "14",
|
|
24
|
-
viewBox: "0 0 16 14",
|
|
25
|
-
fill: "none",
|
|
26
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
27
|
-
// Ignored via go/ees005
|
|
28
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
29
|
-
}, props), (0, _react.jsx)("path", {
|
|
30
|
-
fillRule: "evenodd",
|
|
31
|
-
clipRule: "evenodd",
|
|
32
|
-
d: "M7.5 1.375C7.5 0.615609 8.11561 0 8.875 0H9.625C10.3844 0 11 0.615608 11 1.375V12.625C11 13.3844 10.3844 14 9.625 14H8.875C8.11561 14 7.5 13.3844 7.5 12.625V1.375ZM9 1.5V12.5H9.5V1.5H9ZM0 1.37505C0 0.615655 0.615608 4.66853e-05 1.375 4.66853e-05H4.625C5.38439 4.66853e-05 6 0.615655 6 1.37505V12.625C6 13.3844 5.38439 14 4.625 14H1.375C0.615608 14 0 13.3844 0 12.625V1.37505ZM1.5 1.50005V12.5H4.5V1.50005H1.5ZM12.5 1.37505C12.5 0.615655 13.1156 4.66853e-05 13.875 4.66853e-05H14.625C15.3844 4.66853e-05 16 0.615655 16 1.37505V12.625C16 13.3844 15.3844 14 14.625 14H13.875C13.1156 14 12.5 13.3844 12.5 12.625V1.37505ZM14 1.50005V12.5H14.5V1.50005H14Z",
|
|
33
|
-
fill: "currentcolor"
|
|
34
|
-
}));
|
|
35
|
-
}
|
|
36
|
-
return (0, _react.jsx)("svg", (0, _extends2.default)({
|
|
37
|
-
width: "16",
|
|
38
|
-
height: "14",
|
|
39
|
-
viewBox: "0 0 16 14",
|
|
40
|
-
fill: "none",
|
|
41
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
42
|
-
// Ignored via go/ees005
|
|
43
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
44
|
-
}, props), (0, _react.jsx)("path", {
|
|
45
|
-
fillRule: "evenodd",
|
|
46
|
-
clipRule: "evenodd",
|
|
47
|
-
d: "M11 0C11.2652 0 11.5196 0.105357 11.7071 0.292893C11.8946 0.48043 12 0.734784 12 1V13C12 13.2652 11.8946 13.5196 11.7071 13.7071C11.5196 13.8946 11.2652 14 11 14C10.7348 14 10.4804 13.8946 10.2929 13.7071C10.1054 13.5196 10 13.2652 10 13V1C10 0.734784 10.1054 0.48043 10.2929 0.292893C10.4804 0.105357 10.7348 0 11 0ZM1 0H7C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.48043 8 0.734784 8 1V13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14H1C0.734784 14 0.48043 13.8946 0.292893 13.7071C0.105357 13.5196 0 13.2652 0 13V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0ZM15 0C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V13C16 13.2652 15.8946 13.5196 15.7071 13.7071C15.5196 13.8946 15.2652 14 15 14C14.7348 14 14.4804 13.8946 14.2929 13.7071C14.1054 13.5196 14 13.2652 14 13V1C14 0.734784 14.1054 0.48043 14.2929 0.292893C14.4804 0.105357 14.7348 0 15 0Z",
|
|
48
|
-
fill: "currentcolor"
|
|
49
|
-
}));
|
|
50
|
-
};
|
|
51
|
-
var floatingToolbarPadding = (0, _react.css)({
|
|
52
|
-
paddingRight: "var(--ds-space-050, 4px)",
|
|
53
|
-
paddingLeft: "var(--ds-space-050, 4px)"
|
|
54
|
-
});
|
|
55
10
|
var LayoutThreeWithRightSidebarsIcon = exports.LayoutThreeWithRightSidebarsIcon = function LayoutThreeWithRightSidebarsIcon(props) {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
return (0, _react.jsx)(_layoutThreeColumnsSidebarsRight.default, props);
|
|
59
|
-
}
|
|
60
|
-
return (0, _react.jsx)("span", {
|
|
61
|
-
css: floatingToolbarPadding
|
|
62
|
-
}, (0, _react.jsx)(_icon.default, (0, _extends2.default)({
|
|
63
|
-
glyph: LayoutThreeWithRightSidebarsGlyph
|
|
64
|
-
// Ignored via go/ees005
|
|
65
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
66
|
-
}, props)));
|
|
11
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
+
return /*#__PURE__*/_react.default.createElement(_layoutThreeColumnsSidebarsRight.default, props);
|
|
67
13
|
};
|
package/dist/cjs/ui/toolbar.js
CHANGED
|
@@ -15,13 +15,13 @@ var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
|
|
|
15
15
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
16
16
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
17
17
|
var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
18
|
+
var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
|
|
19
|
+
var _layoutOneColumn = _interopRequireDefault(require("@atlaskit/icon/core/layout-one-column"));
|
|
20
|
+
var _layoutThreeColumns = _interopRequireDefault(require("@atlaskit/icon/core/layout-three-columns"));
|
|
21
|
+
var _layoutThreeColumnsSidebars = _interopRequireDefault(require("@atlaskit/icon/core/layout-three-columns-sidebars"));
|
|
22
|
+
var _layoutTwoColumns = _interopRequireDefault(require("@atlaskit/icon/core/layout-two-columns"));
|
|
23
|
+
var _layoutTwoColumnsSidebarLeft = _interopRequireDefault(require("@atlaskit/icon/core/layout-two-columns-sidebar-left"));
|
|
24
|
+
var _layoutTwoColumnsSidebarRight = _interopRequireDefault(require("@atlaskit/icon/core/layout-two-columns-sidebar-right"));
|
|
25
25
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
26
26
|
var _actions = require("../pm-plugins/actions");
|
|
27
27
|
var _LayoutColumnsIcon = require("./icons/LayoutColumnsIcon");
|
|
@@ -34,34 +34,34 @@ var LAYOUT_TYPES = [{
|
|
|
34
34
|
id: 'editor.layout.twoEquals',
|
|
35
35
|
type: 'two_equal',
|
|
36
36
|
title: _messages.layoutMessages.twoColumns,
|
|
37
|
-
icon:
|
|
37
|
+
icon: _layoutTwoColumns.default
|
|
38
38
|
}, {
|
|
39
39
|
id: 'editor.layout.threeEquals',
|
|
40
40
|
type: 'three_equal',
|
|
41
41
|
title: _messages.layoutMessages.threeColumns,
|
|
42
|
-
icon:
|
|
42
|
+
icon: _layoutThreeColumns.default
|
|
43
43
|
}];
|
|
44
44
|
var LAYOUT_TYPES_WITH_SINGLE_COL = [{
|
|
45
45
|
id: 'editor.layout.singeLayout',
|
|
46
46
|
type: 'single',
|
|
47
47
|
title: _messages.layoutMessages.singleColumn,
|
|
48
|
-
icon:
|
|
48
|
+
icon: _layoutOneColumn.default
|
|
49
49
|
}].concat(LAYOUT_TYPES);
|
|
50
50
|
var SIDEBAR_LAYOUT_TYPES = [{
|
|
51
51
|
id: 'editor.layout.twoRightSidebar',
|
|
52
52
|
type: 'two_right_sidebar',
|
|
53
53
|
title: _messages.layoutMessages.rightSidebar,
|
|
54
|
-
icon:
|
|
54
|
+
icon: _layoutTwoColumnsSidebarRight.default
|
|
55
55
|
}, {
|
|
56
56
|
id: 'editor.layout.twoLeftSidebar',
|
|
57
57
|
type: 'two_left_sidebar',
|
|
58
58
|
title: _messages.layoutMessages.leftSidebar,
|
|
59
|
-
icon:
|
|
59
|
+
icon: _layoutTwoColumnsSidebarLeft.default
|
|
60
60
|
}, {
|
|
61
61
|
id: 'editor.layout.threeWithSidebars',
|
|
62
62
|
type: 'three_with_sidebars',
|
|
63
63
|
title: _messages.layoutMessages.threeColumnsWithSidebars,
|
|
64
|
-
icon:
|
|
64
|
+
icon: _layoutThreeColumnsSidebars.default
|
|
65
65
|
}];
|
|
66
66
|
|
|
67
67
|
// These are used for advanced layout options
|
|
@@ -69,28 +69,28 @@ var LAYOUT_WITH_TWO_COL_DISTRIBUTION = [{
|
|
|
69
69
|
id: 'editor.layout.twoEquals',
|
|
70
70
|
type: 'two_equal',
|
|
71
71
|
title: _messages.layoutMessages.twoColumns,
|
|
72
|
-
icon:
|
|
72
|
+
icon: _layoutTwoColumns.default
|
|
73
73
|
}, {
|
|
74
74
|
id: 'editor.layout.twoRightSidebar',
|
|
75
75
|
type: 'two_right_sidebar',
|
|
76
76
|
title: _messages.layoutMessages.rightSidebar,
|
|
77
|
-
icon:
|
|
77
|
+
icon: _layoutTwoColumnsSidebarRight.default
|
|
78
78
|
}, {
|
|
79
79
|
id: 'editor.layout.twoLeftSidebar',
|
|
80
80
|
type: 'two_left_sidebar',
|
|
81
81
|
title: _messages.layoutMessages.leftSidebar,
|
|
82
|
-
icon:
|
|
82
|
+
icon: _layoutTwoColumnsSidebarLeft.default
|
|
83
83
|
}];
|
|
84
84
|
var LAYOUT_WITH_THREE_COL_DISTRIBUTION = [{
|
|
85
85
|
id: 'editor.layout.threeEquals',
|
|
86
86
|
type: 'three_equal',
|
|
87
87
|
title: _messages.layoutMessages.threeColumns,
|
|
88
|
-
icon:
|
|
88
|
+
icon: _layoutThreeColumns.default
|
|
89
89
|
}, {
|
|
90
90
|
id: 'editor.layout.threeWithSidebars',
|
|
91
91
|
type: 'three_with_sidebars',
|
|
92
92
|
title: _messages.layoutMessages.threeColumnsWithSidebars,
|
|
93
|
-
icon:
|
|
93
|
+
icon: _layoutThreeColumnsSidebars.default
|
|
94
94
|
}, {
|
|
95
95
|
id: 'editor.layout.threeRightSidebars',
|
|
96
96
|
type: 'three_right_sidebars',
|
|
@@ -118,7 +118,7 @@ var buildLayoutButton = function buildLayoutButton(intl, item, currentLayout, ed
|
|
|
118
118
|
};
|
|
119
119
|
};
|
|
120
120
|
var layoutToolbarTitle = exports.layoutToolbarTitle = 'Layout floating controls';
|
|
121
|
-
var iconPlaceholder =
|
|
121
|
+
var iconPlaceholder = _layoutTwoColumns.default; // TODO: ED-25466 - Replace with proper icon
|
|
122
122
|
|
|
123
123
|
var getLayoutColumnsIcons = function getLayoutColumnsIcons(colCount) {
|
|
124
124
|
if (!(0, _experiments.editorExperiment)('single_column_layouts', true) && !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
|
|
@@ -126,15 +126,15 @@ var getLayoutColumnsIcons = function getLayoutColumnsIcons(colCount) {
|
|
|
126
126
|
}
|
|
127
127
|
switch (colCount) {
|
|
128
128
|
case 1:
|
|
129
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
129
|
+
return /*#__PURE__*/_react.default.createElement(_layoutOneColumn.default, {
|
|
130
130
|
label: ""
|
|
131
131
|
});
|
|
132
132
|
case 2:
|
|
133
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
133
|
+
return /*#__PURE__*/_react.default.createElement(_layoutTwoColumns.default, {
|
|
134
134
|
label: ""
|
|
135
135
|
});
|
|
136
136
|
case 3:
|
|
137
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
137
|
+
return /*#__PURE__*/_react.default.createElement(_layoutThreeColumns.default, {
|
|
138
138
|
label: ""
|
|
139
139
|
});
|
|
140
140
|
case 4:
|
|
@@ -235,7 +235,7 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl, pos
|
|
|
235
235
|
type: 'button',
|
|
236
236
|
appearance: 'danger',
|
|
237
237
|
focusEditoronEnter: true,
|
|
238
|
-
icon:
|
|
238
|
+
icon: _delete.default,
|
|
239
239
|
testId: _messages.default.remove.id,
|
|
240
240
|
title: intl.formatMessage(_messages.default.remove),
|
|
241
241
|
onClick: (0, _actions.deleteActiveLayoutNode)(editorAnalyticsAPI, _analytics.INPUT_METHOD.FLOATING_TB),
|
|
@@ -282,7 +282,7 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl, pos
|
|
|
282
282
|
}, hoverDecorationProps(nodeType, _editorSharedStyles.akEditorSelectedNodeClassName)), _objectSpread({
|
|
283
283
|
title: intl.formatMessage(_messages.default.delete),
|
|
284
284
|
onClick: (0, _actions.deleteActiveLayoutNode)(editorAnalyticsAPI, _analytics.INPUT_METHOD.FLOATING_TB),
|
|
285
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
285
|
+
icon: /*#__PURE__*/_react.default.createElement(_delete.default, {
|
|
286
286
|
label: ""
|
|
287
287
|
})
|
|
288
288
|
}, hoverDecorationProps(nodeType))]
|
|
@@ -190,7 +190,7 @@ function removeLastColumnInLayout(column, columnPos, insideRightEdgePos) {
|
|
|
190
190
|
// check if the column only contains a paragraph with a placeholder text
|
|
191
191
|
// if so, remove the whole column, otherwise just remove the paragraph
|
|
192
192
|
if (isEmptyDocument(column)) {
|
|
193
|
-
const fromPos = editorExperiment('single_column_layouts', true)
|
|
193
|
+
const fromPos = editorExperiment('single_column_layouts', true) ? columnPos : columnPos - 1;
|
|
194
194
|
tr.replaceRange(tr.mapping.map(fromPos), tr.mapping.map(insideRightEdgePos), Slice.empty);
|
|
195
195
|
} else {
|
|
196
196
|
tr.replaceRange(tr.mapping.map(columnPos - 1), tr.mapping.map(columnPos + 1), Slice.empty);
|
|
@@ -1,59 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
/**
|
|
3
|
-
* @jsxRuntime classic
|
|
4
|
-
* @jsx jsx
|
|
5
|
-
*/
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
7
|
-
import { css, jsx } from '@emotion/react';
|
|
8
|
-
import Icon from '@atlaskit/icon';
|
|
1
|
+
import React from 'react';
|
|
9
2
|
import LayoutThreeColumnsSidebarsLeftIcon from '@atlaskit/icon-lab/core/layout-three-columns-sidebars-left';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
|
-
const LayoutThreeWithLeftSidebarsGlyph = props => {
|
|
12
|
-
if (fg('platform-visual-refresh-icons')) {
|
|
13
|
-
return jsx("svg", _extends({
|
|
14
|
-
width: "16",
|
|
15
|
-
height: "14",
|
|
16
|
-
viewBox: "0 0 16 14",
|
|
17
|
-
fill: "none",
|
|
18
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
19
|
-
// Ignored via go/ees005
|
|
20
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
21
|
-
}, props), jsx("path", {
|
|
22
|
-
fillRule: "evenodd",
|
|
23
|
-
clipRule: "evenodd",
|
|
24
|
-
d: "M8.5 1.375C8.5 0.615609 7.88439 0 7.125 0H6.375C5.61561 0 5 0.615608 5 1.375V12.625C5 13.3844 5.61561 14 6.375 14H7.125C7.88439 14 8.5 13.3844 8.5 12.625V1.375ZM7 1.5V12.5H6.5V1.5H7ZM16 1.37505C16 0.615655 15.3844 4.66853e-05 14.625 4.66853e-05H11.375C10.6156 4.66853e-05 10 0.615655 10 1.37505V12.625C10 13.3844 10.6156 14 11.375 14H14.625C15.3844 14 16 13.3844 16 12.625V1.37505ZM14.5 1.50005V12.5H11.5V1.50005H14.5ZM3.5 1.37505C3.5 0.615655 2.88439 4.66853e-05 2.125 4.66853e-05H1.375C0.615608 4.66853e-05 0 0.615655 0 1.37505V12.625C0 13.3844 0.615608 14 1.375 14H2.125C2.88439 14 3.5 13.3844 3.5 12.625V1.37505ZM2 1.50005V12.5H1.5V1.50005H2Z",
|
|
25
|
-
fill: "currentcolor"
|
|
26
|
-
}));
|
|
27
|
-
}
|
|
28
|
-
return jsx("svg", _extends({
|
|
29
|
-
width: "16",
|
|
30
|
-
height: "14",
|
|
31
|
-
viewBox: "0 0 16 14",
|
|
32
|
-
fill: "none",
|
|
33
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
34
|
-
// Ignored via go/ees005
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
}, props), jsx("path", {
|
|
37
|
-
fillRule: "evenodd",
|
|
38
|
-
clipRule: "evenodd",
|
|
39
|
-
d: "M1 0C1.26522 0 1.51957 0.105357 1.70711 0.292893C1.89464 0.48043 2 0.734784 2 1V13C2 13.2652 1.89464 13.5196 1.70711 13.7071C1.51957 13.8946 1.26522 14 1 14C0.734784 14 0.48043 13.8946 0.292893 13.7071C0.105357 13.5196 0 13.2652 0 13V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0ZM9 0H15C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V13C16 13.2652 15.8946 13.5196 15.7071 13.7071C15.5196 13.8946 15.2652 14 15 14H9C8.73478 14 8.48043 13.8946 8.29289 13.7071C8.10536 13.5196 8 13.2652 8 13V1C8 0.734784 8.10536 0.48043 8.29289 0.292893C8.48043 0.105357 8.73478 0 9 0ZM5 0C5.26522 0 5.51957 0.105356 5.70711 0.292892C5.89464 0.480429 6 0.734784 6 1V13C6 13.2652 5.89464 13.5196 5.70711 13.7071C5.51957 13.8946 5.26522 14 5 14C4.73478 14 4.48043 13.8946 4.29289 13.7071C4.10536 13.5196 4 13.2652 4 13V1C4 0.734784 4.10536 0.480429 4.29289 0.292892C4.48043 0.105356 4.73478 0 5 0Z",
|
|
40
|
-
fill: "currentcolor"
|
|
41
|
-
}));
|
|
42
|
-
};
|
|
43
|
-
const floatingToolbarPadding = css({
|
|
44
|
-
paddingRight: "var(--ds-space-050, 4px)",
|
|
45
|
-
paddingLeft: "var(--ds-space-050, 4px)"
|
|
46
|
-
});
|
|
47
3
|
export const LayoutThreeWithLeftSidebarsIcon = props => {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
return jsx(LayoutThreeColumnsSidebarsLeftIcon, props);
|
|
51
|
-
}
|
|
52
|
-
return jsx("span", {
|
|
53
|
-
css: floatingToolbarPadding
|
|
54
|
-
}, jsx(Icon, _extends({
|
|
55
|
-
glyph: LayoutThreeWithLeftSidebarsGlyph
|
|
56
|
-
// Ignored via go/ees005
|
|
57
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
58
|
-
}, props)));
|
|
4
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
5
|
+
return /*#__PURE__*/React.createElement(LayoutThreeColumnsSidebarsLeftIcon, props);
|
|
59
6
|
};
|
|
@@ -1,59 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
/**
|
|
3
|
-
* @jsxRuntime classic
|
|
4
|
-
* @jsx jsx
|
|
5
|
-
*/
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
7
|
-
import { css, jsx } from '@emotion/react';
|
|
8
|
-
import Icon from '@atlaskit/icon';
|
|
1
|
+
import React from 'react';
|
|
9
2
|
import LayoutThreeColumnsSidebarsRightIcon from '@atlaskit/icon-lab/core/layout-three-columns-sidebars-right';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
|
-
const LayoutThreeWithRightSidebarsGlyph = props => {
|
|
12
|
-
if (fg('platform-visual-refresh-icons')) {
|
|
13
|
-
return jsx("svg", _extends({
|
|
14
|
-
width: "16",
|
|
15
|
-
height: "14",
|
|
16
|
-
viewBox: "0 0 16 14",
|
|
17
|
-
fill: "none",
|
|
18
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
19
|
-
// Ignored via go/ees005
|
|
20
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
21
|
-
}, props), jsx("path", {
|
|
22
|
-
fillRule: "evenodd",
|
|
23
|
-
clipRule: "evenodd",
|
|
24
|
-
d: "M7.5 1.375C7.5 0.615609 8.11561 0 8.875 0H9.625C10.3844 0 11 0.615608 11 1.375V12.625C11 13.3844 10.3844 14 9.625 14H8.875C8.11561 14 7.5 13.3844 7.5 12.625V1.375ZM9 1.5V12.5H9.5V1.5H9ZM0 1.37505C0 0.615655 0.615608 4.66853e-05 1.375 4.66853e-05H4.625C5.38439 4.66853e-05 6 0.615655 6 1.37505V12.625C6 13.3844 5.38439 14 4.625 14H1.375C0.615608 14 0 13.3844 0 12.625V1.37505ZM1.5 1.50005V12.5H4.5V1.50005H1.5ZM12.5 1.37505C12.5 0.615655 13.1156 4.66853e-05 13.875 4.66853e-05H14.625C15.3844 4.66853e-05 16 0.615655 16 1.37505V12.625C16 13.3844 15.3844 14 14.625 14H13.875C13.1156 14 12.5 13.3844 12.5 12.625V1.37505ZM14 1.50005V12.5H14.5V1.50005H14Z",
|
|
25
|
-
fill: "currentcolor"
|
|
26
|
-
}));
|
|
27
|
-
}
|
|
28
|
-
return jsx("svg", _extends({
|
|
29
|
-
width: "16",
|
|
30
|
-
height: "14",
|
|
31
|
-
viewBox: "0 0 16 14",
|
|
32
|
-
fill: "none",
|
|
33
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
34
|
-
// Ignored via go/ees005
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
}, props), jsx("path", {
|
|
37
|
-
fillRule: "evenodd",
|
|
38
|
-
clipRule: "evenodd",
|
|
39
|
-
d: "M11 0C11.2652 0 11.5196 0.105357 11.7071 0.292893C11.8946 0.48043 12 0.734784 12 1V13C12 13.2652 11.8946 13.5196 11.7071 13.7071C11.5196 13.8946 11.2652 14 11 14C10.7348 14 10.4804 13.8946 10.2929 13.7071C10.1054 13.5196 10 13.2652 10 13V1C10 0.734784 10.1054 0.48043 10.2929 0.292893C10.4804 0.105357 10.7348 0 11 0ZM1 0H7C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.48043 8 0.734784 8 1V13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14H1C0.734784 14 0.48043 13.8946 0.292893 13.7071C0.105357 13.5196 0 13.2652 0 13V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0ZM15 0C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V13C16 13.2652 15.8946 13.5196 15.7071 13.7071C15.5196 13.8946 15.2652 14 15 14C14.7348 14 14.4804 13.8946 14.2929 13.7071C14.1054 13.5196 14 13.2652 14 13V1C14 0.734784 14.1054 0.48043 14.2929 0.292893C14.4804 0.105357 14.7348 0 15 0Z",
|
|
40
|
-
fill: "currentcolor"
|
|
41
|
-
}));
|
|
42
|
-
};
|
|
43
|
-
const floatingToolbarPadding = css({
|
|
44
|
-
paddingRight: "var(--ds-space-050, 4px)",
|
|
45
|
-
paddingLeft: "var(--ds-space-050, 4px)"
|
|
46
|
-
});
|
|
47
3
|
export const LayoutThreeWithRightSidebarsIcon = props => {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
return jsx(LayoutThreeColumnsSidebarsRightIcon, props);
|
|
51
|
-
}
|
|
52
|
-
return jsx("span", {
|
|
53
|
-
css: floatingToolbarPadding
|
|
54
|
-
}, jsx(Icon, _extends({
|
|
55
|
-
glyph: LayoutThreeWithRightSidebarsGlyph
|
|
56
|
-
// Ignored via go/ees005
|
|
57
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
58
|
-
}, props)));
|
|
4
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
5
|
+
return /*#__PURE__*/React.createElement(LayoutThreeColumnsSidebarsRightIcon, props);
|
|
59
6
|
};
|
|
@@ -5,13 +5,13 @@ import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-che
|
|
|
5
5
|
import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
|
|
6
6
|
import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
7
7
|
import CopyIcon from '@atlaskit/icon/core/copy';
|
|
8
|
-
import DeleteIcon from '@atlaskit/icon/core/
|
|
9
|
-
import LayoutOneColumnIcon from '@atlaskit/icon/core/
|
|
10
|
-
import LayoutThreeColumnsIcon from '@atlaskit/icon/core/
|
|
11
|
-
import LayoutThreeColumnsSidebarsIcon from '@atlaskit/icon/core/
|
|
12
|
-
import LayoutTwoColumnsIcon from '@atlaskit/icon/core/
|
|
13
|
-
import LayoutTwoColumnsSidebarLeftIcon from '@atlaskit/icon/core/
|
|
14
|
-
import LayoutTwoColumnsSidebarRightIcon from '@atlaskit/icon/core/
|
|
8
|
+
import DeleteIcon from '@atlaskit/icon/core/delete';
|
|
9
|
+
import LayoutOneColumnIcon from '@atlaskit/icon/core/layout-one-column';
|
|
10
|
+
import LayoutThreeColumnsIcon from '@atlaskit/icon/core/layout-three-columns';
|
|
11
|
+
import LayoutThreeColumnsSidebarsIcon from '@atlaskit/icon/core/layout-three-columns-sidebars';
|
|
12
|
+
import LayoutTwoColumnsIcon from '@atlaskit/icon/core/layout-two-columns';
|
|
13
|
+
import LayoutTwoColumnsSidebarLeftIcon from '@atlaskit/icon/core/layout-two-columns-sidebar-left';
|
|
14
|
+
import LayoutTwoColumnsSidebarRightIcon from '@atlaskit/icon/core/layout-two-columns-sidebar-right';
|
|
15
15
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
16
16
|
import { deleteActiveLayoutNode, getPresetLayout, setPresetLayout } from '../pm-plugins/actions';
|
|
17
17
|
import { EditorLayoutFiveColumnsIcon, EditorLayoutFourColumnsIcon } from './icons/LayoutColumnsIcon';
|
|
@@ -202,7 +202,7 @@ function removeLastColumnInLayout(column, columnPos, insideRightEdgePos) {
|
|
|
202
202
|
// check if the column only contains a paragraph with a placeholder text
|
|
203
203
|
// if so, remove the whole column, otherwise just remove the paragraph
|
|
204
204
|
if (isEmptyDocument(column)) {
|
|
205
|
-
var fromPos = editorExperiment('single_column_layouts', true)
|
|
205
|
+
var fromPos = editorExperiment('single_column_layouts', true) ? columnPos : columnPos - 1;
|
|
206
206
|
tr.replaceRange(tr.mapping.map(fromPos), tr.mapping.map(insideRightEdgePos), Slice.empty);
|
|
207
207
|
} else {
|
|
208
208
|
tr.replaceRange(tr.mapping.map(columnPos - 1), tr.mapping.map(columnPos + 1), Slice.empty);
|
|
@@ -1,59 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
/**
|
|
3
|
-
* @jsxRuntime classic
|
|
4
|
-
* @jsx jsx
|
|
5
|
-
*/
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
7
|
-
import { css, jsx } from '@emotion/react';
|
|
8
|
-
import Icon from '@atlaskit/icon';
|
|
1
|
+
import React from 'react';
|
|
9
2
|
import LayoutThreeColumnsSidebarsLeftIcon from '@atlaskit/icon-lab/core/layout-three-columns-sidebars-left';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
|
-
var LayoutThreeWithLeftSidebarsGlyph = function LayoutThreeWithLeftSidebarsGlyph(props) {
|
|
12
|
-
if (fg('platform-visual-refresh-icons')) {
|
|
13
|
-
return jsx("svg", _extends({
|
|
14
|
-
width: "16",
|
|
15
|
-
height: "14",
|
|
16
|
-
viewBox: "0 0 16 14",
|
|
17
|
-
fill: "none",
|
|
18
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
19
|
-
// Ignored via go/ees005
|
|
20
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
21
|
-
}, props), jsx("path", {
|
|
22
|
-
fillRule: "evenodd",
|
|
23
|
-
clipRule: "evenodd",
|
|
24
|
-
d: "M8.5 1.375C8.5 0.615609 7.88439 0 7.125 0H6.375C5.61561 0 5 0.615608 5 1.375V12.625C5 13.3844 5.61561 14 6.375 14H7.125C7.88439 14 8.5 13.3844 8.5 12.625V1.375ZM7 1.5V12.5H6.5V1.5H7ZM16 1.37505C16 0.615655 15.3844 4.66853e-05 14.625 4.66853e-05H11.375C10.6156 4.66853e-05 10 0.615655 10 1.37505V12.625C10 13.3844 10.6156 14 11.375 14H14.625C15.3844 14 16 13.3844 16 12.625V1.37505ZM14.5 1.50005V12.5H11.5V1.50005H14.5ZM3.5 1.37505C3.5 0.615655 2.88439 4.66853e-05 2.125 4.66853e-05H1.375C0.615608 4.66853e-05 0 0.615655 0 1.37505V12.625C0 13.3844 0.615608 14 1.375 14H2.125C2.88439 14 3.5 13.3844 3.5 12.625V1.37505ZM2 1.50005V12.5H1.5V1.50005H2Z",
|
|
25
|
-
fill: "currentcolor"
|
|
26
|
-
}));
|
|
27
|
-
}
|
|
28
|
-
return jsx("svg", _extends({
|
|
29
|
-
width: "16",
|
|
30
|
-
height: "14",
|
|
31
|
-
viewBox: "0 0 16 14",
|
|
32
|
-
fill: "none",
|
|
33
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
34
|
-
// Ignored via go/ees005
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
}, props), jsx("path", {
|
|
37
|
-
fillRule: "evenodd",
|
|
38
|
-
clipRule: "evenodd",
|
|
39
|
-
d: "M1 0C1.26522 0 1.51957 0.105357 1.70711 0.292893C1.89464 0.48043 2 0.734784 2 1V13C2 13.2652 1.89464 13.5196 1.70711 13.7071C1.51957 13.8946 1.26522 14 1 14C0.734784 14 0.48043 13.8946 0.292893 13.7071C0.105357 13.5196 0 13.2652 0 13V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0ZM9 0H15C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V13C16 13.2652 15.8946 13.5196 15.7071 13.7071C15.5196 13.8946 15.2652 14 15 14H9C8.73478 14 8.48043 13.8946 8.29289 13.7071C8.10536 13.5196 8 13.2652 8 13V1C8 0.734784 8.10536 0.48043 8.29289 0.292893C8.48043 0.105357 8.73478 0 9 0ZM5 0C5.26522 0 5.51957 0.105356 5.70711 0.292892C5.89464 0.480429 6 0.734784 6 1V13C6 13.2652 5.89464 13.5196 5.70711 13.7071C5.51957 13.8946 5.26522 14 5 14C4.73478 14 4.48043 13.8946 4.29289 13.7071C4.10536 13.5196 4 13.2652 4 13V1C4 0.734784 4.10536 0.480429 4.29289 0.292892C4.48043 0.105356 4.73478 0 5 0Z",
|
|
40
|
-
fill: "currentcolor"
|
|
41
|
-
}));
|
|
42
|
-
};
|
|
43
|
-
var floatingToolbarPadding = css({
|
|
44
|
-
paddingRight: "var(--ds-space-050, 4px)",
|
|
45
|
-
paddingLeft: "var(--ds-space-050, 4px)"
|
|
46
|
-
});
|
|
47
3
|
export var LayoutThreeWithLeftSidebarsIcon = function LayoutThreeWithLeftSidebarsIcon(props) {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
return jsx(LayoutThreeColumnsSidebarsLeftIcon, props);
|
|
51
|
-
}
|
|
52
|
-
return jsx("span", {
|
|
53
|
-
css: floatingToolbarPadding
|
|
54
|
-
}, jsx(Icon, _extends({
|
|
55
|
-
glyph: LayoutThreeWithLeftSidebarsGlyph
|
|
56
|
-
// Ignored via go/ees005
|
|
57
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
58
|
-
}, props)));
|
|
4
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
5
|
+
return /*#__PURE__*/React.createElement(LayoutThreeColumnsSidebarsLeftIcon, props);
|
|
59
6
|
};
|
|
@@ -1,59 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
/**
|
|
3
|
-
* @jsxRuntime classic
|
|
4
|
-
* @jsx jsx
|
|
5
|
-
*/
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
7
|
-
import { css, jsx } from '@emotion/react';
|
|
8
|
-
import Icon from '@atlaskit/icon';
|
|
1
|
+
import React from 'react';
|
|
9
2
|
import LayoutThreeColumnsSidebarsRightIcon from '@atlaskit/icon-lab/core/layout-three-columns-sidebars-right';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
|
-
var LayoutThreeWithRightSidebarsGlyph = function LayoutThreeWithRightSidebarsGlyph(props) {
|
|
12
|
-
if (fg('platform-visual-refresh-icons')) {
|
|
13
|
-
return jsx("svg", _extends({
|
|
14
|
-
width: "16",
|
|
15
|
-
height: "14",
|
|
16
|
-
viewBox: "0 0 16 14",
|
|
17
|
-
fill: "none",
|
|
18
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
19
|
-
// Ignored via go/ees005
|
|
20
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
21
|
-
}, props), jsx("path", {
|
|
22
|
-
fillRule: "evenodd",
|
|
23
|
-
clipRule: "evenodd",
|
|
24
|
-
d: "M7.5 1.375C7.5 0.615609 8.11561 0 8.875 0H9.625C10.3844 0 11 0.615608 11 1.375V12.625C11 13.3844 10.3844 14 9.625 14H8.875C8.11561 14 7.5 13.3844 7.5 12.625V1.375ZM9 1.5V12.5H9.5V1.5H9ZM0 1.37505C0 0.615655 0.615608 4.66853e-05 1.375 4.66853e-05H4.625C5.38439 4.66853e-05 6 0.615655 6 1.37505V12.625C6 13.3844 5.38439 14 4.625 14H1.375C0.615608 14 0 13.3844 0 12.625V1.37505ZM1.5 1.50005V12.5H4.5V1.50005H1.5ZM12.5 1.37505C12.5 0.615655 13.1156 4.66853e-05 13.875 4.66853e-05H14.625C15.3844 4.66853e-05 16 0.615655 16 1.37505V12.625C16 13.3844 15.3844 14 14.625 14H13.875C13.1156 14 12.5 13.3844 12.5 12.625V1.37505ZM14 1.50005V12.5H14.5V1.50005H14Z",
|
|
25
|
-
fill: "currentcolor"
|
|
26
|
-
}));
|
|
27
|
-
}
|
|
28
|
-
return jsx("svg", _extends({
|
|
29
|
-
width: "16",
|
|
30
|
-
height: "14",
|
|
31
|
-
viewBox: "0 0 16 14",
|
|
32
|
-
fill: "none",
|
|
33
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
34
|
-
// Ignored via go/ees005
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
}, props), jsx("path", {
|
|
37
|
-
fillRule: "evenodd",
|
|
38
|
-
clipRule: "evenodd",
|
|
39
|
-
d: "M11 0C11.2652 0 11.5196 0.105357 11.7071 0.292893C11.8946 0.48043 12 0.734784 12 1V13C12 13.2652 11.8946 13.5196 11.7071 13.7071C11.5196 13.8946 11.2652 14 11 14C10.7348 14 10.4804 13.8946 10.2929 13.7071C10.1054 13.5196 10 13.2652 10 13V1C10 0.734784 10.1054 0.48043 10.2929 0.292893C10.4804 0.105357 10.7348 0 11 0ZM1 0H7C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.48043 8 0.734784 8 1V13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14H1C0.734784 14 0.48043 13.8946 0.292893 13.7071C0.105357 13.5196 0 13.2652 0 13V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0ZM15 0C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V13C16 13.2652 15.8946 13.5196 15.7071 13.7071C15.5196 13.8946 15.2652 14 15 14C14.7348 14 14.4804 13.8946 14.2929 13.7071C14.1054 13.5196 14 13.2652 14 13V1C14 0.734784 14.1054 0.48043 14.2929 0.292893C14.4804 0.105357 14.7348 0 15 0Z",
|
|
40
|
-
fill: "currentcolor"
|
|
41
|
-
}));
|
|
42
|
-
};
|
|
43
|
-
var floatingToolbarPadding = css({
|
|
44
|
-
paddingRight: "var(--ds-space-050, 4px)",
|
|
45
|
-
paddingLeft: "var(--ds-space-050, 4px)"
|
|
46
|
-
});
|
|
47
3
|
export var LayoutThreeWithRightSidebarsIcon = function LayoutThreeWithRightSidebarsIcon(props) {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
return jsx(LayoutThreeColumnsSidebarsRightIcon, props);
|
|
51
|
-
}
|
|
52
|
-
return jsx("span", {
|
|
53
|
-
css: floatingToolbarPadding
|
|
54
|
-
}, jsx(Icon, _extends({
|
|
55
|
-
glyph: LayoutThreeWithRightSidebarsGlyph
|
|
56
|
-
// Ignored via go/ees005
|
|
57
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
58
|
-
}, props)));
|
|
4
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
5
|
+
return /*#__PURE__*/React.createElement(LayoutThreeColumnsSidebarsRightIcon, props);
|
|
59
6
|
};
|
package/dist/esm/ui/toolbar.js
CHANGED
|
@@ -9,13 +9,13 @@ import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-che
|
|
|
9
9
|
import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
|
|
10
10
|
import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
11
11
|
import CopyIcon from '@atlaskit/icon/core/copy';
|
|
12
|
-
import DeleteIcon from '@atlaskit/icon/core/
|
|
13
|
-
import LayoutOneColumnIcon from '@atlaskit/icon/core/
|
|
14
|
-
import LayoutThreeColumnsIcon from '@atlaskit/icon/core/
|
|
15
|
-
import LayoutThreeColumnsSidebarsIcon from '@atlaskit/icon/core/
|
|
16
|
-
import LayoutTwoColumnsIcon from '@atlaskit/icon/core/
|
|
17
|
-
import LayoutTwoColumnsSidebarLeftIcon from '@atlaskit/icon/core/
|
|
18
|
-
import LayoutTwoColumnsSidebarRightIcon from '@atlaskit/icon/core/
|
|
12
|
+
import DeleteIcon from '@atlaskit/icon/core/delete';
|
|
13
|
+
import LayoutOneColumnIcon from '@atlaskit/icon/core/layout-one-column';
|
|
14
|
+
import LayoutThreeColumnsIcon from '@atlaskit/icon/core/layout-three-columns';
|
|
15
|
+
import LayoutThreeColumnsSidebarsIcon from '@atlaskit/icon/core/layout-three-columns-sidebars';
|
|
16
|
+
import LayoutTwoColumnsIcon from '@atlaskit/icon/core/layout-two-columns';
|
|
17
|
+
import LayoutTwoColumnsSidebarLeftIcon from '@atlaskit/icon/core/layout-two-columns-sidebar-left';
|
|
18
|
+
import LayoutTwoColumnsSidebarRightIcon from '@atlaskit/icon/core/layout-two-columns-sidebar-right';
|
|
19
19
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
20
20
|
import { deleteActiveLayoutNode, getPresetLayout, setPresetLayout } from '../pm-plugins/actions';
|
|
21
21
|
import { EditorLayoutFiveColumnsIcon, EditorLayoutFourColumnsIcon } from './icons/LayoutColumnsIcon';
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
import { type IconProps } from '@atlaskit/icon';
|
|
7
|
-
export declare const LayoutThreeWithLeftSidebarsIcon: (props: Omit<IconProps, "glyph" | "size">) => jsx.JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { IconProps } from '@atlaskit/icon';
|
|
3
|
+
export declare const LayoutThreeWithLeftSidebarsIcon: (props: Omit<IconProps, "glyph" | "size">) => React.JSX.Element;
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
import { type IconProps } from '@atlaskit/icon';
|
|
7
|
-
export declare const LayoutThreeWithRightSidebarsIcon: (props: Omit<IconProps, "glyph" | "size">) => jsx.JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { IconProps } from '@atlaskit/icon';
|
|
3
|
+
export declare const LayoutThreeWithRightSidebarsIcon: (props: Omit<IconProps, "glyph" | "size">) => React.JSX.Element;
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
import { type IconProps } from '@atlaskit/icon';
|
|
7
|
-
export declare const LayoutThreeWithLeftSidebarsIcon: (props: Omit<IconProps, "glyph" | "size">) => jsx.JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { IconProps } from '@atlaskit/icon';
|
|
3
|
+
export declare const LayoutThreeWithLeftSidebarsIcon: (props: Omit<IconProps, "glyph" | "size">) => React.JSX.Element;
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
import { type IconProps } from '@atlaskit/icon';
|
|
7
|
-
export declare const LayoutThreeWithRightSidebarsIcon: (props: Omit<IconProps, "glyph" | "size">) => jsx.JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { IconProps } from '@atlaskit/icon';
|
|
3
|
+
export declare const LayoutThreeWithRightSidebarsIcon: (props: Omit<IconProps, "glyph" | "size">) => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-layout",
|
|
3
|
-
"version": "6.2.
|
|
3
|
+
"version": "6.2.17",
|
|
4
4
|
"description": "Layout plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
],
|
|
30
30
|
"atlaskit:src": "src/index.ts",
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@atlaskit/adf-schema": "^51.5.
|
|
32
|
+
"@atlaskit/adf-schema": "^51.5.0",
|
|
33
33
|
"@atlaskit/editor-plugin-analytics": "^6.2.0",
|
|
34
|
-
"@atlaskit/editor-plugin-block-menu": "^5.
|
|
34
|
+
"@atlaskit/editor-plugin-block-menu": "^5.2.0",
|
|
35
35
|
"@atlaskit/editor-plugin-decorations": "^6.1.0",
|
|
36
36
|
"@atlaskit/editor-plugin-editor-disabled": "^6.1.0",
|
|
37
37
|
"@atlaskit/editor-plugin-guideline": "^6.0.0",
|
|
@@ -39,19 +39,19 @@
|
|
|
39
39
|
"@atlaskit/editor-plugin-selection": "^6.1.0",
|
|
40
40
|
"@atlaskit/editor-plugin-toolbar": "^3.4.0",
|
|
41
41
|
"@atlaskit/editor-plugin-width": "^7.0.0",
|
|
42
|
-
"@atlaskit/editor-prosemirror": "7.
|
|
42
|
+
"@atlaskit/editor-prosemirror": "^7.2.0",
|
|
43
43
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
44
44
|
"@atlaskit/editor-toolbar": "^0.18.0",
|
|
45
|
-
"@atlaskit/icon": "^29.
|
|
46
|
-
"@atlaskit/icon-lab": "^5.
|
|
45
|
+
"@atlaskit/icon": "^29.3.0",
|
|
46
|
+
"@atlaskit/icon-lab": "^5.13.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
|
-
"@atlaskit/tmp-editor-statsig": "^15.
|
|
49
|
-
"@atlaskit/tokens": "^8.
|
|
48
|
+
"@atlaskit/tmp-editor-statsig": "^15.14.0",
|
|
49
|
+
"@atlaskit/tokens": "^8.6.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@emotion/react": "^11.7.1"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
|
-
"@atlaskit/editor-common": "^110.
|
|
54
|
+
"@atlaskit/editor-common": "^110.46.0",
|
|
55
55
|
"react": "^18.2.0",
|
|
56
56
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
57
57
|
},
|
|
@@ -100,17 +100,11 @@
|
|
|
100
100
|
"platform-visual-refresh-icons": {
|
|
101
101
|
"type": "boolean"
|
|
102
102
|
},
|
|
103
|
-
"platform_editor_convert_multiple_columns_to_single": {
|
|
104
|
-
"type": "boolean"
|
|
105
|
-
},
|
|
106
103
|
"platform_editor_column_count_analytics": {
|
|
107
104
|
"type": "boolean"
|
|
108
105
|
},
|
|
109
106
|
"platform_editor_adf_with_localid": {
|
|
110
107
|
"type": "boolean"
|
|
111
|
-
},
|
|
112
|
-
"platform-custom-icon-migration": {
|
|
113
|
-
"type": "boolean"
|
|
114
108
|
}
|
|
115
109
|
}
|
|
116
110
|
}
|