@atlaskit/editor-plugin-layout 1.12.15 → 1.12.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 +14 -0
- package/dist/cjs/layoutPlugin.js +22 -8
- package/dist/cjs/layoutPluginType.js +1 -8
- package/dist/cjs/ui/global-styles.js +2 -1
- package/dist/es2019/layoutPlugin.js +95 -74
- package/dist/es2019/layoutPluginType.js +1 -2
- package/dist/es2019/ui/global-styles.js +2 -1
- package/dist/esm/layoutPlugin.js +22 -3
- package/dist/esm/layoutPluginType.js +1 -2
- package/dist/esm/ui/global-styles.js +2 -1
- package/dist/types/layoutPlugin.d.ts +0 -2
- package/dist/types/layoutPluginType.d.ts +0 -2
- package/dist/types-ts4.5/layoutPlugin.d.ts +0 -2
- package/dist/types-ts4.5/layoutPluginType.d.ts +0 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-layout
|
|
2
2
|
|
|
3
|
+
## 1.12.17
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 1.12.16
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#179199](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179199)
|
|
14
|
+
[`4182e53f13c87`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4182e53f13c87) -
|
|
15
|
+
ED-26051 add analytics when inserting layouts ED-26010 fix firefox placeholder selection
|
|
16
|
+
|
|
3
17
|
## 1.12.15
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/cjs/layoutPlugin.js
CHANGED
|
@@ -5,18 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.layoutPlugin = void 0;
|
|
8
|
-
Object.defineProperty(exports, "pluginKey", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _pluginKey.pluginKey;
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
8
|
var _react = _interopRequireDefault(require("react"));
|
|
15
9
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
16
10
|
var _schema = require("@atlaskit/adf-schema/schema");
|
|
17
11
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
18
12
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
19
13
|
var _quickInsert = require("@atlaskit/editor-common/quick-insert");
|
|
14
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
15
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
21
16
|
var _actions = require("./pm-plugins/actions");
|
|
22
17
|
var _main = _interopRequireDefault(require("./pm-plugins/main"));
|
|
@@ -76,6 +71,21 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
76
71
|
},
|
|
77
72
|
quickInsert: function quickInsert(_ref4) {
|
|
78
73
|
var formatMessage = _ref4.formatMessage;
|
|
74
|
+
var withInsertLayoutAnalytics = function withInsertLayoutAnalytics(tr) {
|
|
75
|
+
if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
76
|
+
var _api$analytics2;
|
|
77
|
+
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({
|
|
78
|
+
action: _analytics.ACTION.INSERTED,
|
|
79
|
+
actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
|
|
80
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.LAYOUT,
|
|
81
|
+
attributes: {
|
|
82
|
+
inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
|
|
83
|
+
},
|
|
84
|
+
eventType: _analytics.EVENT_TYPE.TRACK
|
|
85
|
+
})(tr);
|
|
86
|
+
}
|
|
87
|
+
return tr;
|
|
88
|
+
};
|
|
79
89
|
return (0, _experiments.editorExperiment)('advanced_layouts', true) ? [{
|
|
80
90
|
id: 'twocolumnslayout',
|
|
81
91
|
title: formatMessage(_messages.layoutMessages.twoColumnsAdvancedLayout),
|
|
@@ -89,6 +99,7 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
89
99
|
},
|
|
90
100
|
action: function action(insert, state) {
|
|
91
101
|
var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 2));
|
|
102
|
+
withInsertLayoutAnalytics(tr);
|
|
92
103
|
return tr;
|
|
93
104
|
}
|
|
94
105
|
}, {
|
|
@@ -104,6 +115,7 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
104
115
|
},
|
|
105
116
|
action: function action(insert, state) {
|
|
106
117
|
var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 3));
|
|
118
|
+
withInsertLayoutAnalytics(tr);
|
|
107
119
|
return tr;
|
|
108
120
|
}
|
|
109
121
|
}, {
|
|
@@ -119,6 +131,7 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
119
131
|
},
|
|
120
132
|
action: function action(insert, state) {
|
|
121
133
|
var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 4));
|
|
134
|
+
withInsertLayoutAnalytics(tr);
|
|
122
135
|
return tr;
|
|
123
136
|
}
|
|
124
137
|
}, {
|
|
@@ -134,6 +147,7 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
134
147
|
},
|
|
135
148
|
action: function action(insert, state) {
|
|
136
149
|
var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 5));
|
|
150
|
+
withInsertLayoutAnalytics(tr);
|
|
137
151
|
return tr;
|
|
138
152
|
}
|
|
139
153
|
}] : [{
|
|
@@ -146,9 +160,9 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
|
|
|
146
160
|
return /*#__PURE__*/_react.default.createElement(_quickInsert.IconLayout, null);
|
|
147
161
|
},
|
|
148
162
|
action: function action(insert, state) {
|
|
149
|
-
var _api$
|
|
163
|
+
var _api$analytics3;
|
|
150
164
|
var tr = insert((0, _actions.createDefaultLayoutSection)(state));
|
|
151
|
-
api === null || api === void 0 || (_api$
|
|
165
|
+
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
166
|
action: _analytics.ACTION.INSERTED,
|
|
153
167
|
actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
|
|
154
168
|
actionSubjectId: _analytics.ACTION_SUBJECT_ID.LAYOUT,
|
|
@@ -2,11 +2,4 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "pluginKey", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _pluginKey.pluginKey;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _pluginKey = require("./pm-plugins/plugin-key");
|
|
5
|
+
});
|
|
@@ -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
|
});
|
|
@@ -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';
|
|
@@ -11,7 +12,6 @@ import { pluginKey } from './pm-plugins/plugin-key';
|
|
|
11
12
|
import { default as createLayoutResizingPlugin } from './pm-plugins/resizing';
|
|
12
13
|
import { GlobalStylesWrapper } from './ui/global-styles';
|
|
13
14
|
import { buildToolbar } from './ui/toolbar';
|
|
14
|
-
export { pluginKey };
|
|
15
15
|
export const layoutPlugin = ({
|
|
16
16
|
config: options = {},
|
|
17
17
|
api
|
|
@@ -62,80 +62,101 @@ export const layoutPlugin = ({
|
|
|
62
62
|
},
|
|
63
63
|
quickInsert: ({
|
|
64
64
|
formatMessage
|
|
65
|
-
}) =>
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
65
|
+
}) => {
|
|
66
|
+
const withInsertLayoutAnalytics = tr => {
|
|
67
|
+
if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
68
|
+
var _api$analytics2, _api$analytics2$actio;
|
|
69
|
+
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({
|
|
70
|
+
action: ACTION.INSERTED,
|
|
71
|
+
actionSubject: ACTION_SUBJECT.DOCUMENT,
|
|
72
|
+
actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
|
|
73
|
+
attributes: {
|
|
74
|
+
inputMethod: INPUT_METHOD.QUICK_INSERT
|
|
75
|
+
},
|
|
76
|
+
eventType: EVENT_TYPE.TRACK
|
|
77
|
+
})(tr);
|
|
78
|
+
}
|
|
76
79
|
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
|
-
|
|
80
|
+
};
|
|
81
|
+
return editorExperiment('advanced_layouts', true) ? [{
|
|
82
|
+
id: 'twocolumnslayout',
|
|
83
|
+
title: formatMessage(layoutMessages.twoColumnsAdvancedLayout),
|
|
84
|
+
description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
|
|
85
|
+
numberOfColumns: 'two'
|
|
86
|
+
}),
|
|
87
|
+
keywords: ['layout', 'column', 'section', 'two column'],
|
|
88
|
+
priority: 1100,
|
|
89
|
+
icon: () => /*#__PURE__*/React.createElement(IconTwoColumnLayout, null),
|
|
90
|
+
action(insert, state) {
|
|
91
|
+
const tr = insert(createMultiColumnLayoutSection(state, 2));
|
|
92
|
+
withInsertLayoutAnalytics(tr);
|
|
93
|
+
return tr;
|
|
94
|
+
}
|
|
95
|
+
}, {
|
|
96
|
+
id: 'threecolumnslayout',
|
|
97
|
+
title: formatMessage(layoutMessages.threeColumnsAdvancedLayout),
|
|
98
|
+
description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
|
|
99
|
+
numberOfColumns: 'three'
|
|
100
|
+
}),
|
|
101
|
+
keywords: ['layout', 'column', 'section', 'three column'],
|
|
102
|
+
priority: 1100,
|
|
103
|
+
icon: () => /*#__PURE__*/React.createElement(IconThreeColumnLayout, null),
|
|
104
|
+
action(insert, state) {
|
|
105
|
+
const tr = insert(createMultiColumnLayoutSection(state, 3));
|
|
106
|
+
withInsertLayoutAnalytics(tr);
|
|
107
|
+
return tr;
|
|
108
|
+
}
|
|
109
|
+
}, {
|
|
110
|
+
id: 'fourcolumnslayout',
|
|
111
|
+
title: formatMessage(layoutMessages.fourColumns),
|
|
112
|
+
description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
|
|
113
|
+
numberOfColumns: 'four'
|
|
114
|
+
}),
|
|
115
|
+
keywords: ['layout', 'column', 'section', 'four column'],
|
|
116
|
+
priority: 1100,
|
|
117
|
+
icon: () => /*#__PURE__*/React.createElement(IconFourColumnLayout, null),
|
|
118
|
+
action(insert, state) {
|
|
119
|
+
const tr = insert(createMultiColumnLayoutSection(state, 4));
|
|
120
|
+
withInsertLayoutAnalytics(tr);
|
|
121
|
+
return tr;
|
|
122
|
+
}
|
|
123
|
+
}, {
|
|
124
|
+
id: 'fivecolumnslayout',
|
|
125
|
+
title: formatMessage(layoutMessages.fiveColumns),
|
|
126
|
+
description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
|
|
127
|
+
numberOfColumns: 'five'
|
|
128
|
+
}),
|
|
129
|
+
keywords: ['layout', 'column', 'section', 'five column'],
|
|
130
|
+
priority: 1100,
|
|
131
|
+
icon: () => /*#__PURE__*/React.createElement(IconFiveColumnLayout, null),
|
|
132
|
+
action(insert, state) {
|
|
133
|
+
const tr = insert(createMultiColumnLayoutSection(state, 5));
|
|
134
|
+
withInsertLayoutAnalytics(tr);
|
|
135
|
+
return tr;
|
|
136
|
+
}
|
|
137
|
+
}] : [{
|
|
138
|
+
id: 'layout',
|
|
139
|
+
title: formatMessage(messages.columns),
|
|
140
|
+
description: formatMessage(messages.columnsDescription),
|
|
141
|
+
keywords: ['column', 'section'],
|
|
142
|
+
priority: 1100,
|
|
143
|
+
icon: () => /*#__PURE__*/React.createElement(IconLayout, null),
|
|
144
|
+
action(insert, state) {
|
|
145
|
+
var _api$analytics3, _api$analytics3$actio;
|
|
146
|
+
const tr = insert(createDefaultLayoutSection(state));
|
|
147
|
+
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({
|
|
148
|
+
action: ACTION.INSERTED,
|
|
149
|
+
actionSubject: ACTION_SUBJECT.DOCUMENT,
|
|
150
|
+
actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
|
|
151
|
+
attributes: {
|
|
152
|
+
inputMethod: INPUT_METHOD.QUICK_INSERT
|
|
153
|
+
},
|
|
154
|
+
eventType: EVENT_TYPE.TRACK
|
|
155
|
+
})(tr);
|
|
156
|
+
return tr;
|
|
157
|
+
}
|
|
158
|
+
}];
|
|
159
|
+
}
|
|
139
160
|
},
|
|
140
161
|
contentComponent() {
|
|
141
162
|
return editorExperiment('advanced_layouts', true) ? /*#__PURE__*/React.createElement(GlobalStylesWrapper, null) : null;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { pluginKey };
|
|
1
|
+
export {};
|
|
@@ -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
|
});
|
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';
|
|
@@ -11,7 +12,6 @@ import { pluginKey } from './pm-plugins/plugin-key';
|
|
|
11
12
|
import { default as createLayoutResizingPlugin } from './pm-plugins/resizing';
|
|
12
13
|
import { GlobalStylesWrapper } from './ui/global-styles';
|
|
13
14
|
import { buildToolbar } from './ui/toolbar';
|
|
14
|
-
export { pluginKey };
|
|
15
15
|
export var layoutPlugin = function layoutPlugin(_ref) {
|
|
16
16
|
var _api$analytics;
|
|
17
17
|
var _ref$config = _ref.config,
|
|
@@ -64,6 +64,21 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
64
64
|
},
|
|
65
65
|
quickInsert: function quickInsert(_ref4) {
|
|
66
66
|
var formatMessage = _ref4.formatMessage;
|
|
67
|
+
var withInsertLayoutAnalytics = function withInsertLayoutAnalytics(tr) {
|
|
68
|
+
if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
69
|
+
var _api$analytics2;
|
|
70
|
+
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({
|
|
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
|
+
}
|
|
80
|
+
return tr;
|
|
81
|
+
};
|
|
67
82
|
return editorExperiment('advanced_layouts', true) ? [{
|
|
68
83
|
id: 'twocolumnslayout',
|
|
69
84
|
title: formatMessage(layoutMessages.twoColumnsAdvancedLayout),
|
|
@@ -77,6 +92,7 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
77
92
|
},
|
|
78
93
|
action: function action(insert, state) {
|
|
79
94
|
var tr = insert(createMultiColumnLayoutSection(state, 2));
|
|
95
|
+
withInsertLayoutAnalytics(tr);
|
|
80
96
|
return tr;
|
|
81
97
|
}
|
|
82
98
|
}, {
|
|
@@ -92,6 +108,7 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
92
108
|
},
|
|
93
109
|
action: function action(insert, state) {
|
|
94
110
|
var tr = insert(createMultiColumnLayoutSection(state, 3));
|
|
111
|
+
withInsertLayoutAnalytics(tr);
|
|
95
112
|
return tr;
|
|
96
113
|
}
|
|
97
114
|
}, {
|
|
@@ -107,6 +124,7 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
107
124
|
},
|
|
108
125
|
action: function action(insert, state) {
|
|
109
126
|
var tr = insert(createMultiColumnLayoutSection(state, 4));
|
|
127
|
+
withInsertLayoutAnalytics(tr);
|
|
110
128
|
return tr;
|
|
111
129
|
}
|
|
112
130
|
}, {
|
|
@@ -122,6 +140,7 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
122
140
|
},
|
|
123
141
|
action: function action(insert, state) {
|
|
124
142
|
var tr = insert(createMultiColumnLayoutSection(state, 5));
|
|
143
|
+
withInsertLayoutAnalytics(tr);
|
|
125
144
|
return tr;
|
|
126
145
|
}
|
|
127
146
|
}] : [{
|
|
@@ -134,9 +153,9 @@ export var layoutPlugin = function layoutPlugin(_ref) {
|
|
|
134
153
|
return /*#__PURE__*/React.createElement(IconLayout, null);
|
|
135
154
|
},
|
|
136
155
|
action: function action(insert, state) {
|
|
137
|
-
var _api$
|
|
156
|
+
var _api$analytics3;
|
|
138
157
|
var tr = insert(createDefaultLayoutSection(state));
|
|
139
|
-
api === null || api === void 0 || (_api$
|
|
158
|
+
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
159
|
action: ACTION.INSERTED,
|
|
141
160
|
actionSubject: ACTION_SUBJECT.DOCUMENT,
|
|
142
161
|
actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { pluginKey };
|
|
1
|
+
export {};
|
|
@@ -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
|
});
|
|
@@ -5,9 +5,7 @@ import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabl
|
|
|
5
5
|
import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
|
|
6
6
|
import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
|
|
7
7
|
import type { insertLayoutColumnsWithAnalytics } from './pm-plugins/actions';
|
|
8
|
-
import { pluginKey } from './pm-plugins/plugin-key';
|
|
9
8
|
import type { LayoutPluginOptions } from './types';
|
|
10
|
-
export { pluginKey };
|
|
11
9
|
export type LayoutPlugin = NextEditorPlugin<'layout', {
|
|
12
10
|
pluginConfiguration: LayoutPluginOptions | undefined;
|
|
13
11
|
dependencies: [
|
|
@@ -5,9 +5,7 @@ import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabl
|
|
|
5
5
|
import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
|
|
6
6
|
import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
|
|
7
7
|
import type { insertLayoutColumnsWithAnalytics } from './pm-plugins/actions';
|
|
8
|
-
import { pluginKey } from './pm-plugins/plugin-key';
|
|
9
8
|
import type { LayoutPluginOptions } from './types';
|
|
10
|
-
export { pluginKey };
|
|
11
9
|
export type LayoutPlugin = NextEditorPlugin<'layout', {
|
|
12
10
|
pluginConfiguration: LayoutPluginOptions | undefined;
|
|
13
11
|
dependencies: [
|
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.17",
|
|
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": "^
|
|
35
|
+
"@atlaskit/editor-common": "^97.0.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,8 +41,8 @@
|
|
|
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.
|
|
45
|
-
"@atlaskit/tokens": "^2.
|
|
44
|
+
"@atlaskit/tmp-editor-statsig": "^2.29.0",
|
|
45
|
+
"@atlaskit/tokens": "^2.5.0",
|
|
46
46
|
"@babel/runtime": "^7.0.0",
|
|
47
47
|
"@emotion/react": "^11.7.1"
|
|
48
48
|
},
|