@atlaskit/editor-plugin-layout 1.12.14 → 1.12.16
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/layoutPlugin.js +22 -2
- package/dist/cjs/ui/global-styles.js +4 -2
- package/dist/es2019/index.js +3 -0
- package/dist/es2019/layoutPlugin.js +95 -73
- package/dist/es2019/ui/global-styles.js +4 -2
- package/dist/esm/index.js +3 -0
- package/dist/esm/layoutPlugin.js +22 -2
- package/dist/esm/ui/global-styles.js +4 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-layout
|
|
2
2
|
|
|
3
|
+
## 1.12.16
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#179199](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179199)
|
|
8
|
+
[`4182e53f13c87`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4182e53f13c87) -
|
|
9
|
+
ED-26051 add analytics when inserting layouts ED-26010 fix firefox placeholder selection
|
|
10
|
+
|
|
11
|
+
## 1.12.15
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#177517](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177517)
|
|
16
|
+
[`aeb14b8b4eab8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/aeb14b8b4eab8) -
|
|
17
|
+
ED-26010 fix firefox placeholder selection issue
|
|
18
|
+
|
|
3
19
|
## 1.12.14
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/dist/cjs/layoutPlugin.js
CHANGED
|
@@ -17,6 +17,7 @@ var _schema = require("@atlaskit/adf-schema/schema");
|
|
|
17
17
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
18
18
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
19
19
|
var _quickInsert = require("@atlaskit/editor-common/quick-insert");
|
|
20
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
21
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
21
22
|
var _actions = require("./pm-plugins/actions");
|
|
22
23
|
var _main = _interopRequireDefault(require("./pm-plugins/main"));
|
|
@@ -76,6 +77,21 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
76
77
|
},
|
|
77
78
|
quickInsert: function quickInsert(_ref4) {
|
|
78
79
|
var formatMessage = _ref4.formatMessage;
|
|
80
|
+
var withInsertLayoutAnalytics = function withInsertLayoutAnalytics(tr) {
|
|
81
|
+
if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
82
|
+
var _api$analytics2;
|
|
83
|
+
api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.attachAnalyticsEvent({
|
|
84
|
+
action: _analytics.ACTION.INSERTED,
|
|
85
|
+
actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
|
|
86
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.LAYOUT,
|
|
87
|
+
attributes: {
|
|
88
|
+
inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
|
|
89
|
+
},
|
|
90
|
+
eventType: _analytics.EVENT_TYPE.TRACK
|
|
91
|
+
})(tr);
|
|
92
|
+
}
|
|
93
|
+
return tr;
|
|
94
|
+
};
|
|
79
95
|
return (0, _experiments.editorExperiment)('advanced_layouts', true) ? [{
|
|
80
96
|
id: 'twocolumnslayout',
|
|
81
97
|
title: formatMessage(_messages.layoutMessages.twoColumnsAdvancedLayout),
|
|
@@ -89,6 +105,7 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
89
105
|
},
|
|
90
106
|
action: function action(insert, state) {
|
|
91
107
|
var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 2));
|
|
108
|
+
withInsertLayoutAnalytics(tr);
|
|
92
109
|
return tr;
|
|
93
110
|
}
|
|
94
111
|
}, {
|
|
@@ -104,6 +121,7 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
104
121
|
},
|
|
105
122
|
action: function action(insert, state) {
|
|
106
123
|
var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 3));
|
|
124
|
+
withInsertLayoutAnalytics(tr);
|
|
107
125
|
return tr;
|
|
108
126
|
}
|
|
109
127
|
}, {
|
|
@@ -119,6 +137,7 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
119
137
|
},
|
|
120
138
|
action: function action(insert, state) {
|
|
121
139
|
var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 4));
|
|
140
|
+
withInsertLayoutAnalytics(tr);
|
|
122
141
|
return tr;
|
|
123
142
|
}
|
|
124
143
|
}, {
|
|
@@ -134,6 +153,7 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
134
153
|
},
|
|
135
154
|
action: function action(insert, state) {
|
|
136
155
|
var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 5));
|
|
156
|
+
withInsertLayoutAnalytics(tr);
|
|
137
157
|
return tr;
|
|
138
158
|
}
|
|
139
159
|
}] : [{
|
|
@@ -146,9 +166,9 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
146
166
|
return /*#__PURE__*/_react.default.createElement(_quickInsert.IconLayout, null);
|
|
147
167
|
},
|
|
148
168
|
action: function action(insert, state) {
|
|
149
|
-
var _api$
|
|
169
|
+
var _api$analytics3;
|
|
150
170
|
var tr = insert((0, _actions.createDefaultLayoutSection)(state));
|
|
151
|
-
api === null || api === void 0 || (_api$
|
|
171
|
+
api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.attachAnalyticsEvent({
|
|
152
172
|
action: _analytics.ACTION.INSERTED,
|
|
153
173
|
actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
|
|
154
174
|
actionSubjectId: _analytics.ACTION_SUBJECT_ID.LAYOUT,
|
|
@@ -29,7 +29,8 @@ var getPlaceholderStyle = function getPlaceholderStyle(message) {
|
|
|
29
29
|
position: 'absolute',
|
|
30
30
|
color: "var(--ds-text-disabled, #A5ADBA)",
|
|
31
31
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
32
|
-
marginTop: "var(--ds-space-050, 4px)"
|
|
32
|
+
marginTop: "var(--ds-space-050, 4px)",
|
|
33
|
+
pointerEvents: 'none'
|
|
33
34
|
}
|
|
34
35
|
}
|
|
35
36
|
});
|
|
@@ -45,7 +46,8 @@ var getPlaceholderStyle = function getPlaceholderStyle(message) {
|
|
|
45
46
|
position: 'absolute',
|
|
46
47
|
color: "var(--ds-text-disabled, #A5ADBA)",
|
|
47
48
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
48
|
-
marginTop: "var(--ds-space-050, 4px)"
|
|
49
|
+
marginTop: "var(--ds-space-050, 4px)",
|
|
50
|
+
pointerEvents: 'none'
|
|
49
51
|
}
|
|
50
52
|
}
|
|
51
53
|
});
|
package/dist/es2019/index.js
CHANGED
|
@@ -4,6 +4,7 @@ import { layoutSectionWithSingleColumn } from '@atlaskit/adf-schema/schema';
|
|
|
4
4
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
5
5
|
import { layoutMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
6
6
|
import { IconFiveColumnLayout, IconFourColumnLayout, IconLayout, IconThreeColumnLayout, IconTwoColumnLayout } from '@atlaskit/editor-common/quick-insert';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
8
9
|
import { createDefaultLayoutSection, createMultiColumnLayoutSection, insertLayoutColumnsWithAnalytics } from './pm-plugins/actions';
|
|
9
10
|
import { default as createLayoutPlugin } from './pm-plugins/main';
|
|
@@ -62,80 +63,101 @@ export const layoutPlugin = ({
|
|
|
62
63
|
},
|
|
63
64
|
quickInsert: ({
|
|
64
65
|
formatMessage
|
|
65
|
-
}) =>
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
66
|
+
}) => {
|
|
67
|
+
const withInsertLayoutAnalytics = tr => {
|
|
68
|
+
if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
69
|
+
var _api$analytics2, _api$analytics2$actio;
|
|
70
|
+
api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.attachAnalyticsEvent({
|
|
71
|
+
action: ACTION.INSERTED,
|
|
72
|
+
actionSubject: ACTION_SUBJECT.DOCUMENT,
|
|
73
|
+
actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
|
|
74
|
+
attributes: {
|
|
75
|
+
inputMethod: INPUT_METHOD.QUICK_INSERT
|
|
76
|
+
},
|
|
77
|
+
eventType: EVENT_TYPE.TRACK
|
|
78
|
+
})(tr);
|
|
79
|
+
}
|
|
76
80
|
return tr;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
81
|
+
};
|
|
82
|
+
return editorExperiment('advanced_layouts', true) ? [{
|
|
83
|
+
id: 'twocolumnslayout',
|
|
84
|
+
title: formatMessage(layoutMessages.twoColumnsAdvancedLayout),
|
|
85
|
+
description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
|
|
86
|
+
numberOfColumns: 'two'
|
|
87
|
+
}),
|
|
88
|
+
keywords: ['layout', 'column', 'section', 'two column'],
|
|
89
|
+
priority: 1100,
|
|
90
|
+
icon: () => /*#__PURE__*/React.createElement(IconTwoColumnLayout, null),
|
|
91
|
+
action(insert, state) {
|
|
92
|
+
const tr = insert(createMultiColumnLayoutSection(state, 2));
|
|
93
|
+
withInsertLayoutAnalytics(tr);
|
|
94
|
+
return tr;
|
|
95
|
+
}
|
|
96
|
+
}, {
|
|
97
|
+
id: 'threecolumnslayout',
|
|
98
|
+
title: formatMessage(layoutMessages.threeColumnsAdvancedLayout),
|
|
99
|
+
description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
|
|
100
|
+
numberOfColumns: 'three'
|
|
101
|
+
}),
|
|
102
|
+
keywords: ['layout', 'column', 'section', 'three column'],
|
|
103
|
+
priority: 1100,
|
|
104
|
+
icon: () => /*#__PURE__*/React.createElement(IconThreeColumnLayout, null),
|
|
105
|
+
action(insert, state) {
|
|
106
|
+
const tr = insert(createMultiColumnLayoutSection(state, 3));
|
|
107
|
+
withInsertLayoutAnalytics(tr);
|
|
108
|
+
return tr;
|
|
109
|
+
}
|
|
110
|
+
}, {
|
|
111
|
+
id: 'fourcolumnslayout',
|
|
112
|
+
title: formatMessage(layoutMessages.fourColumns),
|
|
113
|
+
description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
|
|
114
|
+
numberOfColumns: 'four'
|
|
115
|
+
}),
|
|
116
|
+
keywords: ['layout', 'column', 'section', 'four column'],
|
|
117
|
+
priority: 1100,
|
|
118
|
+
icon: () => /*#__PURE__*/React.createElement(IconFourColumnLayout, null),
|
|
119
|
+
action(insert, state) {
|
|
120
|
+
const tr = insert(createMultiColumnLayoutSection(state, 4));
|
|
121
|
+
withInsertLayoutAnalytics(tr);
|
|
122
|
+
return tr;
|
|
123
|
+
}
|
|
124
|
+
}, {
|
|
125
|
+
id: 'fivecolumnslayout',
|
|
126
|
+
title: formatMessage(layoutMessages.fiveColumns),
|
|
127
|
+
description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
|
|
128
|
+
numberOfColumns: 'five'
|
|
129
|
+
}),
|
|
130
|
+
keywords: ['layout', 'column', 'section', 'five column'],
|
|
131
|
+
priority: 1100,
|
|
132
|
+
icon: () => /*#__PURE__*/React.createElement(IconFiveColumnLayout, null),
|
|
133
|
+
action(insert, state) {
|
|
134
|
+
const tr = insert(createMultiColumnLayoutSection(state, 5));
|
|
135
|
+
withInsertLayoutAnalytics(tr);
|
|
136
|
+
return tr;
|
|
137
|
+
}
|
|
138
|
+
}] : [{
|
|
139
|
+
id: 'layout',
|
|
140
|
+
title: formatMessage(messages.columns),
|
|
141
|
+
description: formatMessage(messages.columnsDescription),
|
|
142
|
+
keywords: ['column', 'section'],
|
|
143
|
+
priority: 1100,
|
|
144
|
+
icon: () => /*#__PURE__*/React.createElement(IconLayout, null),
|
|
145
|
+
action(insert, state) {
|
|
146
|
+
var _api$analytics3, _api$analytics3$actio;
|
|
147
|
+
const tr = insert(createDefaultLayoutSection(state));
|
|
148
|
+
api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : (_api$analytics3$actio = _api$analytics3.actions) === null || _api$analytics3$actio === void 0 ? void 0 : _api$analytics3$actio.attachAnalyticsEvent({
|
|
149
|
+
action: ACTION.INSERTED,
|
|
150
|
+
actionSubject: ACTION_SUBJECT.DOCUMENT,
|
|
151
|
+
actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
|
|
152
|
+
attributes: {
|
|
153
|
+
inputMethod: INPUT_METHOD.QUICK_INSERT
|
|
154
|
+
},
|
|
155
|
+
eventType: EVENT_TYPE.TRACK
|
|
156
|
+
})(tr);
|
|
157
|
+
return tr;
|
|
158
|
+
}
|
|
159
|
+
}];
|
|
160
|
+
}
|
|
139
161
|
},
|
|
140
162
|
contentComponent() {
|
|
141
163
|
return editorExperiment('advanced_layouts', true) ? /*#__PURE__*/React.createElement(GlobalStylesWrapper, null) : null;
|
|
@@ -22,7 +22,8 @@ const getPlaceholderStyle = message => {
|
|
|
22
22
|
position: 'absolute',
|
|
23
23
|
color: "var(--ds-text-disabled, #A5ADBA)",
|
|
24
24
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
25
|
-
marginTop: "var(--ds-space-050, 4px)"
|
|
25
|
+
marginTop: "var(--ds-space-050, 4px)",
|
|
26
|
+
pointerEvents: 'none'
|
|
26
27
|
}
|
|
27
28
|
}
|
|
28
29
|
});
|
|
@@ -38,7 +39,8 @@ const getPlaceholderStyle = message => {
|
|
|
38
39
|
position: 'absolute',
|
|
39
40
|
color: "var(--ds-text-disabled, #A5ADBA)",
|
|
40
41
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
41
|
-
marginTop: "var(--ds-space-050, 4px)"
|
|
42
|
+
marginTop: "var(--ds-space-050, 4px)",
|
|
43
|
+
pointerEvents: 'none'
|
|
42
44
|
}
|
|
43
45
|
}
|
|
44
46
|
});
|
package/dist/esm/index.js
CHANGED
package/dist/esm/layoutPlugin.js
CHANGED
|
@@ -4,6 +4,7 @@ import { layoutSectionWithSingleColumn } from '@atlaskit/adf-schema/schema';
|
|
|
4
4
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
5
5
|
import { layoutMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
6
6
|
import { IconFiveColumnLayout, IconFourColumnLayout, IconLayout, IconThreeColumnLayout, IconTwoColumnLayout } from '@atlaskit/editor-common/quick-insert';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
8
9
|
import { createDefaultLayoutSection, createMultiColumnLayoutSection, insertLayoutColumnsWithAnalytics } from './pm-plugins/actions';
|
|
9
10
|
import { default as createLayoutPlugin } from './pm-plugins/main';
|
|
@@ -64,6 +65,21 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
64
65
|
},
|
|
65
66
|
quickInsert: function quickInsert(_ref4) {
|
|
66
67
|
var formatMessage = _ref4.formatMessage;
|
|
68
|
+
var withInsertLayoutAnalytics = function withInsertLayoutAnalytics(tr) {
|
|
69
|
+
if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
70
|
+
var _api$analytics2;
|
|
71
|
+
api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.attachAnalyticsEvent({
|
|
72
|
+
action: ACTION.INSERTED,
|
|
73
|
+
actionSubject: ACTION_SUBJECT.DOCUMENT,
|
|
74
|
+
actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
|
|
75
|
+
attributes: {
|
|
76
|
+
inputMethod: INPUT_METHOD.QUICK_INSERT
|
|
77
|
+
},
|
|
78
|
+
eventType: EVENT_TYPE.TRACK
|
|
79
|
+
})(tr);
|
|
80
|
+
}
|
|
81
|
+
return tr;
|
|
82
|
+
};
|
|
67
83
|
return editorExperiment('advanced_layouts', true) ? [{
|
|
68
84
|
id: 'twocolumnslayout',
|
|
69
85
|
title: formatMessage(layoutMessages.twoColumnsAdvancedLayout),
|
|
@@ -77,6 +93,7 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
77
93
|
},
|
|
78
94
|
action: function action(insert, state) {
|
|
79
95
|
var tr = insert(createMultiColumnLayoutSection(state, 2));
|
|
96
|
+
withInsertLayoutAnalytics(tr);
|
|
80
97
|
return tr;
|
|
81
98
|
}
|
|
82
99
|
}, {
|
|
@@ -92,6 +109,7 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
92
109
|
},
|
|
93
110
|
action: function action(insert, state) {
|
|
94
111
|
var tr = insert(createMultiColumnLayoutSection(state, 3));
|
|
112
|
+
withInsertLayoutAnalytics(tr);
|
|
95
113
|
return tr;
|
|
96
114
|
}
|
|
97
115
|
}, {
|
|
@@ -107,6 +125,7 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
107
125
|
},
|
|
108
126
|
action: function action(insert, state) {
|
|
109
127
|
var tr = insert(createMultiColumnLayoutSection(state, 4));
|
|
128
|
+
withInsertLayoutAnalytics(tr);
|
|
110
129
|
return tr;
|
|
111
130
|
}
|
|
112
131
|
}, {
|
|
@@ -122,6 +141,7 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
122
141
|
},
|
|
123
142
|
action: function action(insert, state) {
|
|
124
143
|
var tr = insert(createMultiColumnLayoutSection(state, 5));
|
|
144
|
+
withInsertLayoutAnalytics(tr);
|
|
125
145
|
return tr;
|
|
126
146
|
}
|
|
127
147
|
}] : [{
|
|
@@ -134,9 +154,9 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
134
154
|
return /*#__PURE__*/React.createElement(IconLayout, null);
|
|
135
155
|
},
|
|
136
156
|
action: function action(insert, state) {
|
|
137
|
-
var _api$
|
|
157
|
+
var _api$analytics3;
|
|
138
158
|
var tr = insert(createDefaultLayoutSection(state));
|
|
139
|
-
api === null || api === void 0 || (_api$
|
|
159
|
+
api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.attachAnalyticsEvent({
|
|
140
160
|
action: ACTION.INSERTED,
|
|
141
161
|
actionSubject: ACTION_SUBJECT.DOCUMENT,
|
|
142
162
|
actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
|
|
@@ -22,7 +22,8 @@ var getPlaceholderStyle = function getPlaceholderStyle(message) {
|
|
|
22
22
|
position: 'absolute',
|
|
23
23
|
color: "var(--ds-text-disabled, #A5ADBA)",
|
|
24
24
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
25
|
-
marginTop: "var(--ds-space-050, 4px)"
|
|
25
|
+
marginTop: "var(--ds-space-050, 4px)",
|
|
26
|
+
pointerEvents: 'none'
|
|
26
27
|
}
|
|
27
28
|
}
|
|
28
29
|
});
|
|
@@ -38,7 +39,8 @@ var getPlaceholderStyle = function getPlaceholderStyle(message) {
|
|
|
38
39
|
position: 'absolute',
|
|
39
40
|
color: "var(--ds-text-disabled, #A5ADBA)",
|
|
40
41
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
41
|
-
marginTop: "var(--ds-space-050, 4px)"
|
|
42
|
+
marginTop: "var(--ds-space-050, 4px)",
|
|
43
|
+
pointerEvents: 'none'
|
|
42
44
|
}
|
|
43
45
|
}
|
|
44
46
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-layout",
|
|
3
|
-
"version": "1.12.
|
|
3
|
+
"version": "1.12.16",
|
|
4
4
|
"description": "Layout plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@atlaskit/adf-schema": "^46.1.0",
|
|
35
|
-
"@atlaskit/editor-common": "^96.
|
|
35
|
+
"@atlaskit/editor-common": "^96.5.0",
|
|
36
36
|
"@atlaskit/editor-plugin-analytics": "^1.10.0",
|
|
37
37
|
"@atlaskit/editor-plugin-decorations": "^1.3.0",
|
|
38
38
|
"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@atlaskit/editor-prosemirror": "6.2.1",
|
|
42
42
|
"@atlaskit/icon": "^23.1.0",
|
|
43
43
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
44
|
-
"@atlaskit/tmp-editor-statsig": "^2.
|
|
44
|
+
"@atlaskit/tmp-editor-statsig": "^2.27.0",
|
|
45
45
|
"@atlaskit/tokens": "^2.4.0",
|
|
46
46
|
"@babel/runtime": "^7.0.0",
|
|
47
47
|
"@emotion/react": "^11.7.1"
|