@atlaskit/editor-plugin-block-controls 27.0.4 → 27.0.5
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 +6 -0
- package/dist/cjs/editor-commands/handle-key-down-with-preserved-selection.js +2 -2
- package/dist/cjs/editor-commands/move-node-with-block-menu.js +5 -5
- package/dist/cjs/editor-commands/move-node.js +23 -22
- package/dist/cjs/editor-commands/move-to-layout.js +11 -11
- package/dist/cjs/pm-plugins/handle-mouse-down.js +2 -2
- package/dist/cjs/pm-plugins/handle-mouse-over.js +2 -2
- package/dist/cjs/pm-plugins/keymap.js +5 -5
- package/dist/cjs/pm-plugins/main.js +20 -20
- package/dist/cjs/pm-plugins/selection-preservation/pm-plugin.js +2 -2
- package/dist/cjs/pm-plugins/sparse-surfaces-view.js +2 -2
- package/dist/cjs/pm-plugins/utils/analytics.js +10 -10
- package/dist/cjs/pm-plugins/utils/drag-handle-positions.js +3 -3
- package/dist/cjs/pm-plugins/utils/expand-and-update-selection.js +4 -3
- package/dist/cjs/pm-plugins/utils/getSelection.js +4 -3
- package/dist/cjs/pm-plugins/utils/selection.js +4 -3
- package/dist/cjs/pm-plugins/utils/update-selection.js +2 -1
- package/dist/cjs/pm-plugins/vanilla-quick-insert.js +4 -4
- package/dist/cjs/ui/block-controls-left-surfaces.js +4 -4
- package/dist/cjs/ui/block-controls-right-surfaces.js +4 -4
- package/dist/cjs/ui/block-controls-surface-drag-handle.js +10 -10
- package/dist/cjs/ui/consts.js +6 -6
- package/dist/cjs/ui/drag-handle.js +74 -73
- package/dist/cjs/ui/drop-target-layout.js +3 -3
- package/dist/cjs/ui/drop-target.js +2 -2
- package/dist/cjs/ui/global-styles.js +32 -31
- package/dist/cjs/ui/inline-drop-target.js +2 -2
- package/dist/cjs/ui/quick-insert-button.js +16 -16
- package/dist/cjs/ui/use-block-controls-surface-drag-source.js +7 -7
- package/dist/cjs/ui/utils/get-node-content-element.js +3 -3
- package/dist/cjs/ui/visibility-container.js +4 -4
- package/dist/es2019/editor-commands/handle-key-down-with-preserved-selection.js +1 -1
- package/dist/es2019/editor-commands/move-node-with-block-menu.js +2 -2
- package/dist/es2019/editor-commands/move-node.js +5 -4
- package/dist/es2019/editor-commands/move-to-layout.js +2 -2
- package/dist/es2019/pm-plugins/handle-mouse-down.js +1 -1
- package/dist/es2019/pm-plugins/handle-mouse-over.js +1 -1
- package/dist/es2019/pm-plugins/keymap.js +1 -1
- package/dist/es2019/pm-plugins/main.js +4 -4
- package/dist/es2019/pm-plugins/selection-preservation/pm-plugin.js +1 -1
- package/dist/es2019/pm-plugins/sparse-surfaces-view.js +1 -1
- package/dist/es2019/pm-plugins/utils/analytics.js +1 -1
- package/dist/es2019/pm-plugins/utils/drag-handle-positions.js +1 -1
- package/dist/es2019/pm-plugins/utils/expand-and-update-selection.js +3 -2
- package/dist/es2019/pm-plugins/utils/getSelection.js +3 -2
- package/dist/es2019/pm-plugins/utils/selection.js +3 -2
- package/dist/es2019/pm-plugins/utils/update-selection.js +2 -1
- package/dist/es2019/pm-plugins/vanilla-quick-insert.js +2 -2
- package/dist/es2019/ui/block-controls-left-surfaces.js +2 -2
- package/dist/es2019/ui/block-controls-right-surfaces.js +2 -2
- package/dist/es2019/ui/block-controls-surface-drag-handle.js +3 -3
- package/dist/es2019/ui/consts.js +2 -2
- package/dist/es2019/ui/drag-handle.js +6 -5
- package/dist/es2019/ui/drop-target-layout.js +1 -1
- package/dist/es2019/ui/drop-target.js +1 -1
- package/dist/es2019/ui/global-styles.js +5 -4
- package/dist/es2019/ui/inline-drop-target.js +1 -1
- package/dist/es2019/ui/quick-insert-button.js +4 -4
- package/dist/es2019/ui/use-block-controls-surface-drag-source.js +1 -1
- package/dist/es2019/ui/utils/get-node-content-element.js +1 -1
- package/dist/es2019/ui/visibility-container.js +2 -2
- package/dist/esm/editor-commands/handle-key-down-with-preserved-selection.js +1 -1
- package/dist/esm/editor-commands/move-node-with-block-menu.js +2 -2
- package/dist/esm/editor-commands/move-node.js +5 -4
- package/dist/esm/editor-commands/move-to-layout.js +2 -2
- package/dist/esm/pm-plugins/handle-mouse-down.js +1 -1
- package/dist/esm/pm-plugins/handle-mouse-over.js +1 -1
- package/dist/esm/pm-plugins/keymap.js +1 -1
- package/dist/esm/pm-plugins/main.js +4 -4
- package/dist/esm/pm-plugins/selection-preservation/pm-plugin.js +1 -1
- package/dist/esm/pm-plugins/sparse-surfaces-view.js +1 -1
- package/dist/esm/pm-plugins/utils/analytics.js +1 -1
- package/dist/esm/pm-plugins/utils/drag-handle-positions.js +1 -1
- package/dist/esm/pm-plugins/utils/expand-and-update-selection.js +3 -2
- package/dist/esm/pm-plugins/utils/getSelection.js +3 -2
- package/dist/esm/pm-plugins/utils/selection.js +3 -2
- package/dist/esm/pm-plugins/utils/update-selection.js +2 -1
- package/dist/esm/pm-plugins/vanilla-quick-insert.js +2 -2
- package/dist/esm/ui/block-controls-left-surfaces.js +2 -2
- package/dist/esm/ui/block-controls-right-surfaces.js +2 -2
- package/dist/esm/ui/block-controls-surface-drag-handle.js +3 -3
- package/dist/esm/ui/consts.js +2 -2
- package/dist/esm/ui/drag-handle.js +6 -5
- package/dist/esm/ui/drop-target-layout.js +1 -1
- package/dist/esm/ui/drop-target.js +1 -1
- package/dist/esm/ui/global-styles.js +5 -4
- package/dist/esm/ui/inline-drop-target.js +1 -1
- package/dist/esm/ui/quick-insert-button.js +4 -4
- package/dist/esm/ui/use-block-controls-surface-drag-source.js +1 -1
- package/dist/esm/ui/utils/get-node-content-element.js +1 -1
- package/dist/esm/ui/visibility-container.js +2 -2
- package/dist/types/blockControlsPluginType.d.ts +19 -17
- package/dist/types/editor-commands/handle-key-down-with-preserved-selection.d.ts +2 -1
- package/dist/types/editor-commands/map-preserved-selection.d.ts +1 -1
- package/dist/types/editor-commands/move-node-with-block-menu.d.ts +3 -2
- package/dist/types/editor-commands/move-node.d.ts +4 -1
- package/dist/types/editor-commands/move-to-layout.d.ts +2 -1
- package/dist/types/editor-commands/show-drag-handle.d.ts +2 -1
- package/dist/types/pm-plugins/decorations-common.d.ts +1 -1
- package/dist/types/pm-plugins/decorations-drag-handle.d.ts +2 -2
- package/dist/types/pm-plugins/decorations-drop-target-active.d.ts +2 -2
- package/dist/types/pm-plugins/decorations-drop-target.d.ts +2 -2
- package/dist/types/pm-plugins/decorations-quick-insert-button.d.ts +2 -2
- package/dist/types/pm-plugins/handle-mouse-down.d.ts +1 -1
- package/dist/types/pm-plugins/handle-mouse-over.d.ts +1 -1
- package/dist/types/pm-plugins/handle-sparse-hover-target.d.ts +1 -1
- package/dist/types/pm-plugins/interaction-tracking/handle-mouse-move.d.ts +1 -1
- package/dist/types/pm-plugins/interaction-tracking/pm-plugin.d.ts +1 -1
- package/dist/types/pm-plugins/keymap.d.ts +1 -1
- package/dist/types/pm-plugins/main.d.ts +2 -2
- package/dist/types/pm-plugins/selection-preservation/editor-commands.d.ts +1 -1
- package/dist/types/pm-plugins/selection-preservation/pm-plugin.d.ts +1 -1
- package/dist/types/pm-plugins/sparse-surfaces-view.d.ts +1 -1
- package/dist/types/pm-plugins/sparse-surfaces.d.ts +1 -1
- package/dist/types/pm-plugins/utils/analytics.d.ts +1 -1
- package/dist/types/pm-plugins/utils/collapsed-heading.d.ts +1 -1
- package/dist/types/pm-plugins/utils/expand-and-update-selection.d.ts +1 -1
- package/dist/types/pm-plugins/utils/getSelection.d.ts +1 -1
- package/dist/types/pm-plugins/utils/selection.d.ts +2 -2
- package/dist/types/pm-plugins/vanilla-quick-insert.d.ts +1 -1
- package/dist/types/ui/block-controls-left-surface.d.ts +1 -1
- package/dist/types/ui/block-controls-left-surfaces.d.ts +1 -1
- package/dist/types/ui/block-controls-right-surface.d.ts +1 -1
- package/dist/types/ui/block-controls-right-surfaces.d.ts +1 -1
- package/dist/types/ui/block-controls-surface-drag-handle-registration.d.ts +1 -1
- package/dist/types/ui/block-controls-surface-drag-handle.d.ts +1 -1
- package/dist/types/ui/drag-handle.d.ts +1 -1
- package/dist/types/ui/drop-target-layout.d.ts +1 -1
- package/dist/types/ui/drop-target.d.ts +1 -1
- package/dist/types/ui/global-styles.d.ts +1 -1
- package/dist/types/ui/quick-insert-button.d.ts +1 -1
- package/dist/types/ui/use-block-controls-surface-drag-source.d.ts +1 -1
- package/dist/types/ui/utils/editor-commands.d.ts +1 -1
- package/dist/types/ui/visibility-container.d.ts +1 -1
- package/package.json +2 -2
|
@@ -7,11 +7,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.GlobalStylesWrapper = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var _dragHandle = require("@atlaskit/editor-common/styles/drag-handle");
|
|
11
|
+
var _nativeAnchor = require("@atlaskit/editor-common/styles/native-anchor");
|
|
12
12
|
var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
13
|
+
var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
|
|
14
|
+
var _whitespace = require("@atlaskit/editor-common/whitespace/whitespace");
|
|
15
|
+
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
15
16
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
16
17
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
17
18
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
@@ -39,10 +40,10 @@ var dragHandlerAnchorSelectorNext = "[".concat(_domAttrName.NODE_ANCHOR_ATTR_NAM
|
|
|
39
40
|
*/
|
|
40
41
|
var dragHandlerAnchorSelectorWithTaskExclusion = "[".concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "]:not([data-prosemirror-node-name=\"tableRow\"], [data-prosemirror-node-name=\"tableCell\"], [data-prosemirror-node-name=\"tableHeader\"], [data-prosemirror-node-name=\"media\"], [data-prosemirror-node-inline=\"true\"], [data-prosemirror-node-name=\"taskList\"] [").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "])");
|
|
41
42
|
var gutterPaddingWidth = function gutterPaddingWidth() {
|
|
42
|
-
return (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? "".concat((0,
|
|
43
|
+
return (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? "".concat((0, _constants.akEditorGutterPaddingDynamic)(), "px") : '100%';
|
|
43
44
|
};
|
|
44
45
|
var gutterPaddingLeft = function gutterPaddingLeft() {
|
|
45
|
-
return (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? "-".concat((0,
|
|
46
|
+
return (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? "-".concat((0, _constants.akEditorGutterPaddingDynamic)(), "px") : '-100px';
|
|
46
47
|
};
|
|
47
48
|
var extendedHoverZone = function extendedHoverZone() {
|
|
48
49
|
return (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".block-ctrl-drag-preview ".concat(dragHandlerAnchorSelector, "::after"), {
|
|
@@ -86,13 +87,13 @@ var extendedHoverZone = function extendedHoverZone() {
|
|
|
86
87
|
content: '""',
|
|
87
88
|
position: 'absolute',
|
|
88
89
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
89
|
-
top: "".concat(-
|
|
90
|
+
top: "".concat(-_dragHandle.DRAG_HANDLE_WIDTH / 2, "px"),
|
|
90
91
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
91
92
|
left: 0,
|
|
92
93
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
93
94
|
width: '100%',
|
|
94
95
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
95
|
-
height: "".concat(
|
|
96
|
+
height: "".concat(_dragHandle.DRAG_HANDLE_WIDTH, "px"),
|
|
96
97
|
cursor: 'default',
|
|
97
98
|
zIndex: 1
|
|
98
99
|
})), 'hr[data-drag-handler-anchor-name]', {
|
|
@@ -149,11 +150,11 @@ var layoutColumnExtendedHoverZone = (0, _react.css)({
|
|
|
149
150
|
content: '""',
|
|
150
151
|
position: 'absolute',
|
|
151
152
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
152
|
-
top: "".concat(-
|
|
153
|
+
top: "".concat(-_dragHandle.DRAG_HANDLE_WIDTH / 2, "px"),
|
|
153
154
|
left: 0,
|
|
154
155
|
width: '100%',
|
|
155
156
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
156
|
-
height: "".concat(
|
|
157
|
+
height: "".concat(_dragHandle.DRAG_HANDLE_WIDTH, "px"),
|
|
157
158
|
cursor: 'default',
|
|
158
159
|
zIndex: 1
|
|
159
160
|
})
|
|
@@ -166,20 +167,20 @@ var layoutColumnWithoutHoverZone = (0, _react.css)({
|
|
|
166
167
|
});
|
|
167
168
|
var extendHoverZoneReduced = (0, _react.css)({
|
|
168
169
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
169
|
-
'.ProseMirror': (0, _defineProperty2.default)({}, "&& [data-drag-handler-anchor-depth=\"0\"]".concat(dragHandlerAnchorSelector, "::after"), (0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(
|
|
170
|
+
'.ProseMirror': (0, _defineProperty2.default)({}, "&& [data-drag-handler-anchor-depth=\"0\"]".concat(dragHandlerAnchorSelector, "::after"), (0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_constants.akEditorFullPageNarrowBreakout, "px)"), {
|
|
170
171
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
171
|
-
left: "-".concat(
|
|
172
|
+
left: "-".concat(_constants.akEditorGutterPaddingReduced, "px"),
|
|
172
173
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
173
|
-
width: "".concat(
|
|
174
|
+
width: "".concat(_constants.akEditorGutterPaddingReduced, "px")
|
|
174
175
|
}))
|
|
175
176
|
});
|
|
176
177
|
var extendHoverZoneReducedNext = (0, _react.css)({
|
|
177
178
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
178
|
-
'.ProseMirror': (0, _defineProperty2.default)({}, "> ".concat(dragHandlerAnchorSelectorWithTaskExclusion, "::after"), (0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(
|
|
179
|
+
'.ProseMirror': (0, _defineProperty2.default)({}, "> ".concat(dragHandlerAnchorSelectorWithTaskExclusion, "::after"), (0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_constants.akEditorFullPageNarrowBreakout, "px)"), {
|
|
179
180
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
180
|
-
left: "-".concat(
|
|
181
|
+
left: "-".concat(_constants.akEditorGutterPaddingReduced, "px"),
|
|
181
182
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
182
|
-
width: "".concat(
|
|
183
|
+
width: "".concat(_constants.akEditorGutterPaddingReduced, "px")
|
|
183
184
|
}))
|
|
184
185
|
});
|
|
185
186
|
var extendedDragZone = (0, _react.css)({
|
|
@@ -218,10 +219,10 @@ var legacyBreakoutWideLayoutStyle = (0, _react.css)({
|
|
|
218
219
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
219
220
|
'.ProseMirror-widget[data-blocks-drop-target-container="true"]': {
|
|
220
221
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
221
|
-
'--ak-editor--legacy-breakout-wide-layout-width': "".concat(
|
|
222
|
+
'--ak-editor--legacy-breakout-wide-layout-width': "".concat(_constants.akEditorCalculatedWideLayoutWidthSmallViewport, "px"),
|
|
222
223
|
'@media (width>=1280px)': {
|
|
223
224
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
224
|
-
'--ak-editor--legacy-breakout-wide-layout-width': "".concat(
|
|
225
|
+
'--ak-editor--legacy-breakout-wide-layout-width': "".concat(_constants.akEditorCalculatedWideLayoutWidth, "px")
|
|
225
226
|
}
|
|
226
227
|
}
|
|
227
228
|
});
|
|
@@ -317,7 +318,7 @@ var blockCardWithoutLayout = (0, _react.css)({
|
|
|
317
318
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
318
319
|
'.ak-editor-content-area.fabric-editor--full-width-mode .ProseMirror .ProseMirror-widget[data-blocks-drop-target-container="true"]': {
|
|
319
320
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
320
|
-
'--ak-editor-block-card-width': "min(calc(100cqw - ".concat(
|
|
321
|
+
'--ak-editor-block-card-width': "min(calc(100cqw - ".concat(_constants.akEditorBreakoutPadding, "px), 1800px)")
|
|
321
322
|
},
|
|
322
323
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
323
324
|
'.ak-editor-content-area .ProseMirror .ProseMirror-widget[data-blocks-drop-target-container="true"]': {
|
|
@@ -341,12 +342,12 @@ var dragHandlerAnchorStyles = (0, _react.css)({
|
|
|
341
342
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
342
343
|
'[data-testid="block-ctrl-decorator-widget"] + *': (0, _defineProperty2.default)({}, "".concat(nextAnchorSelector), {
|
|
343
344
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
344
|
-
anchorName: "var(".concat(
|
|
345
|
+
anchorName: "var(".concat(_nativeAnchor.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
345
346
|
}),
|
|
346
347
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
347
348
|
'[data-testid="block-ctrl-quick-insert-button"] + *': (0, _defineProperty2.default)({}, "".concat(nextAnchorSelector), {
|
|
348
349
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
349
|
-
anchorName: "var(".concat(
|
|
350
|
+
anchorName: "var(".concat(_nativeAnchor.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
350
351
|
})
|
|
351
352
|
}
|
|
352
353
|
});
|
|
@@ -362,17 +363,17 @@ var staticControlsAnchorStyles = (0, _react.css)({
|
|
|
362
363
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
363
364
|
'[data-active-drag-handle][data-active-quick-insert][data-node-anchor]': {
|
|
364
365
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
365
|
-
anchorName: "".concat(combinedControlsFallbackAnchorNames, ", var(").concat(
|
|
366
|
+
anchorName: "".concat(combinedControlsFallbackAnchorNames, ", var(").concat(_nativeAnchor.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
366
367
|
},
|
|
367
368
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
368
369
|
'[data-active-drag-handle][data-node-anchor]': {
|
|
369
370
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
370
|
-
anchorName: "".concat(_consts.ACTIVE_DRAG_HANDLE_FALLBACK_ANCHOR_NAME, ", var(").concat(
|
|
371
|
+
anchorName: "".concat(_consts.ACTIVE_DRAG_HANDLE_FALLBACK_ANCHOR_NAME, ", var(").concat(_nativeAnchor.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
371
372
|
},
|
|
372
373
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
373
374
|
'[data-active-quick-insert][data-node-anchor]': {
|
|
374
375
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
375
|
-
anchorName: "".concat(_consts.ACTIVE_QUICK_INSERT_FALLBACK_ANCHOR_NAME, ", var(").concat(
|
|
376
|
+
anchorName: "".concat(_consts.ACTIVE_QUICK_INSERT_FALLBACK_ANCHOR_NAME, ", var(").concat(_nativeAnchor.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
376
377
|
}
|
|
377
378
|
}
|
|
378
379
|
});
|
|
@@ -457,29 +458,29 @@ var dragAnchorStyles = (0, _react.css)({
|
|
|
457
458
|
'[data-node-anchor]:not([data-node-anchor] [data-node-anchor])': {
|
|
458
459
|
// all top level nodes with anchor
|
|
459
460
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
460
|
-
anchorName: "var(".concat(
|
|
461
|
+
anchorName: "var(".concat(_nativeAnchor.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
461
462
|
},
|
|
462
463
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
463
464
|
'[data-node-anchor]:has([data-blocks-drop-target-container]) [data-node-anchor]': {
|
|
464
465
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
465
|
-
anchorName: "var(".concat(
|
|
466
|
+
anchorName: "var(".concat(_nativeAnchor.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
466
467
|
},
|
|
467
468
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
468
469
|
'[data-prosemirror-node-name="media"][data-node-anchor]': {
|
|
469
470
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
470
|
-
anchorName: "var(".concat(
|
|
471
|
+
anchorName: "var(".concat(_nativeAnchor.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
471
472
|
},
|
|
472
473
|
// first table row to avoid multiple anchors in table
|
|
473
474
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
474
475
|
'[data-prosemirror-node-name="table"] [data-prosemirror-node-name="tableRow"][data-node-anchor]:first-of-type': {
|
|
475
476
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
476
|
-
anchorName: "var(".concat(
|
|
477
|
+
anchorName: "var(".concat(_nativeAnchor.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
477
478
|
}
|
|
478
479
|
}
|
|
479
480
|
});
|
|
480
481
|
var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
|
|
481
482
|
var api = _ref.api;
|
|
482
|
-
var _useSharedPluginState = (0,
|
|
483
|
+
var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
|
|
483
484
|
var _states$blockControls;
|
|
484
485
|
return {
|
|
485
486
|
isDragging: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isDragging
|
|
@@ -488,8 +489,8 @@ var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWra
|
|
|
488
489
|
isDraggingFromState = _useSharedPluginState.isDragging;
|
|
489
490
|
var sparseSurfacesEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_control_migration');
|
|
490
491
|
var isDragging = sparseSurfacesEnabled || (0, _expValEquals.expValEquals)('platform_editor_block_controls_perf_optimization', 'isEnabled', true) ? isDraggingFromState : false;
|
|
491
|
-
var shouldRenderAnchors = (0,
|
|
492
|
-
var sparseSurfaceAnchorsEnabled = Boolean((0,
|
|
492
|
+
var shouldRenderAnchors = (0, _nativeAnchor.isCSSAnchorSupported)() && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
|
|
493
|
+
var sparseSurfaceAnchorsEnabled = Boolean((0, _nativeAnchor.isCSSAnchorSupported)()) && sparseSurfacesEnabled;
|
|
493
494
|
var toolbarFlagsEnabled = (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
|
|
494
495
|
return (0, _react.jsx)(_react.Global
|
|
495
496
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
|
-
var
|
|
12
|
+
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
13
13
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
14
14
|
var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box");
|
|
15
15
|
var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
|
|
@@ -122,7 +122,7 @@ var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref
|
|
|
122
122
|
if (nextNode.attrs.layout === 'wide') {
|
|
123
123
|
innerContainerWidth = "max(var(--ak-editor--legacy-breakout-wide-layout-width), var(--ak-editor--line-length))";
|
|
124
124
|
} else if (nextNode.attrs.layout === 'full-width') {
|
|
125
|
-
innerContainerWidth = "min(calc(100cqw - ".concat(
|
|
125
|
+
innerContainerWidth = "min(calc(100cqw - ".concat(_constants.akEditorBreakoutPadding, "px), 1800px)");
|
|
126
126
|
}
|
|
127
127
|
if (nextNode.type.name === 'blockCard' && !nextNode.attrs.layout && nextNode.attrs.datasource) {
|
|
128
128
|
// block card with sourceNode and without layout has different width in full-width vs fixed-width editor
|
|
@@ -11,13 +11,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
13
|
var _bindEventListener = require("bind-event-listener");
|
|
14
|
-
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
15
14
|
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
16
|
-
var
|
|
17
|
-
var
|
|
15
|
+
var _blockControls = require("@atlaskit/editor-common/messages/block-controls");
|
|
16
|
+
var _table = require("@atlaskit/editor-common/styles/table");
|
|
17
|
+
var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
|
|
18
18
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
19
19
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
20
|
-
var
|
|
20
|
+
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
21
21
|
var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
|
|
22
22
|
var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
|
|
23
23
|
var _primitives = require("@atlaskit/primitives");
|
|
@@ -71,9 +71,9 @@ var stickyButtonStyles = (0, _primitives.xcss)({
|
|
|
71
71
|
// Standard: 16px -> 24px x 24px, Dense: 13px -> ~18.5px x ~18.5px
|
|
72
72
|
var stickyButtonDenseModeStyles = (0, _primitives.xcss)({
|
|
73
73
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
74
|
-
height: (0,
|
|
74
|
+
height: (0, _constants.relativeSizeToBaseFontSize)(_consts.QUICK_INSERT_HEIGHT),
|
|
75
75
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
76
|
-
width: (0,
|
|
76
|
+
width: (0, _constants.relativeSizeToBaseFontSize)(_consts.QUICK_INSERT_WIDTH)
|
|
77
77
|
});
|
|
78
78
|
var containerStaticStyles = (0, _primitives.xcss)({
|
|
79
79
|
position: 'absolute',
|
|
@@ -90,14 +90,14 @@ var tooltipContainerStylesStickyHeader = (0, _react2.css)({
|
|
|
90
90
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
91
91
|
'[data-blocks-quick-insert-container]:has(~ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
92
92
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
93
|
-
top:
|
|
93
|
+
top: _table.tableControlsSpacing
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
var tooltipContainerImprovedStylesStickyHeader = (0, _react2.css)({
|
|
97
97
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
98
98
|
'[data-blocks-quick-insert-container]:has(~ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
99
99
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
100
|
-
top:
|
|
100
|
+
top: _table.tableControlsSpacing
|
|
101
101
|
},
|
|
102
102
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
103
103
|
'[data-blocks-quick-insert-container]:has(~ [data-prosemirror-mark-name="fragment"] >[data-prosemirror-node-name="table"] tr.pm-table-row-native-sticky.pm-table-row-native-sticky-active) &': {
|
|
@@ -112,7 +112,7 @@ var tooltipContainerImprovedStylesStickyHeader = (0, _react2.css)({
|
|
|
112
112
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
113
113
|
'[data-blocks-quick-insert-container]:has(~ [data-prosemirror-mark-name="fragment"] >[data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
114
114
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
115
|
-
top:
|
|
115
|
+
top: _table.tableControlsSpacing
|
|
116
116
|
}
|
|
117
117
|
});
|
|
118
118
|
|
|
@@ -121,7 +121,7 @@ var tooltipContainerStylesStickyHeaderWithMarksFix = (0, _react2.css)({
|
|
|
121
121
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
122
122
|
'[data-prosemirror-mark-name="breakout"]:has([data-blocks-quick-insert-container]):has(~ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
123
123
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
124
|
-
top:
|
|
124
|
+
top: _table.tableControlsSpacing
|
|
125
125
|
}
|
|
126
126
|
});
|
|
127
127
|
|
|
@@ -130,12 +130,12 @@ var tooltipContainerStylesImprovedStickyHeaderWithMarksFix = (0, _react2.css)({
|
|
|
130
130
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
131
131
|
'[data-prosemirror-mark-name="breakout"]:has([data-blocks-quick-insert-container]):has(~ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
132
132
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
133
|
-
top:
|
|
133
|
+
top: _table.tableControlsSpacing
|
|
134
134
|
},
|
|
135
135
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
136
136
|
'[data-prosemirror-mark-name="breakout"]:has([data-blocks-quick-insert-container]):has(~ [data-prosemirror-mark-name="fragment"] >[data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
137
137
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
138
|
-
top:
|
|
138
|
+
top: _table.tableControlsSpacing
|
|
139
139
|
},
|
|
140
140
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
141
141
|
'[data-prosemirror-mark-name="breakout"]:has([data-blocks-quick-insert-container]):has(~ [data-prosemirror-node-name="table"] tr.pm-table-row-native-sticky.pm-table-row-native-sticky-active) &': {
|
|
@@ -177,7 +177,7 @@ var TypeAheadControl = exports.TypeAheadControl = function TypeAheadControl(_ref
|
|
|
177
177
|
rootAnchorName = _ref2.rootAnchorName,
|
|
178
178
|
rootNodeType = _ref2.rootNodeType,
|
|
179
179
|
anchorRectCache = _ref2.anchorRectCache;
|
|
180
|
-
var _useSharedPluginState = (0,
|
|
180
|
+
var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
|
|
181
181
|
var _states$featureFlagsS;
|
|
182
182
|
return {
|
|
183
183
|
macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
|
|
@@ -368,12 +368,12 @@ var TypeAheadControl = exports.TypeAheadControl = function TypeAheadControl(_ref
|
|
|
368
368
|
return (0, _react2.jsx)(_Tooltip.default, {
|
|
369
369
|
position: "top",
|
|
370
370
|
content: (0, _react2.jsx)(_keymaps.ToolTipContent, {
|
|
371
|
-
description: formatMessage(
|
|
371
|
+
description: formatMessage(_blockControls.messages.insert)
|
|
372
372
|
})
|
|
373
373
|
}, (0, _react2.jsx)(_primitives.Pressable, {
|
|
374
374
|
testId: "editor-quick-insert-button",
|
|
375
375
|
type: "button",
|
|
376
|
-
"aria-label": formatMessage(
|
|
376
|
+
"aria-label": formatMessage(_blockControls.messages.insert)
|
|
377
377
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
378
378
|
,
|
|
379
379
|
xcss: [stickyButtonStyles, stickyButtonDenseModeStyles],
|
|
@@ -406,7 +406,7 @@ var QuickInsertWithVisibility = exports.QuickInsertWithVisibility = function Qui
|
|
|
406
406
|
rootAnchorName = _ref6.rootAnchorName,
|
|
407
407
|
rootNodeType = _ref6.rootNodeType,
|
|
408
408
|
anchorRectCache = _ref6.anchorRectCache;
|
|
409
|
-
var rightSideControlsEnabled = (0,
|
|
409
|
+
var rightSideControlsEnabled = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
|
|
410
410
|
var _states$blockControls, _states$blockControls2;
|
|
411
411
|
return {
|
|
412
412
|
rightSideControlsEnabled: (_states$blockControls = (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.rightSideControlsEnabled) !== null && _states$blockControls !== void 0 ? _states$blockControls : false
|
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useBlockControlsSurfaceDragSource = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
8
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
9
9
|
var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
|
|
10
10
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
11
11
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
12
12
|
var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
|
|
13
13
|
var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview");
|
|
14
14
|
var _activeAnchorTracker = require("../pm-plugins/utils/active-anchor-tracker");
|
|
15
|
-
var
|
|
15
|
+
var _analytics = require("../pm-plugins/utils/analytics");
|
|
16
16
|
var _collapsedHeading = require("../pm-plugins/utils/collapsed-heading");
|
|
17
17
|
var _getSelection = require("../pm-plugins/utils/getSelection");
|
|
18
18
|
var _blockControlsSurfaceDragHandleUtils = require("./block-controls-surface-drag-handle-utils");
|
|
@@ -157,7 +157,7 @@ var useBlockControlsSurfaceDragSource = exports.useBlockControlsSurfaceDragSourc
|
|
|
157
157
|
var tr = _ref5.tr;
|
|
158
158
|
var resolvedMovingNode = tr.doc.resolve(start);
|
|
159
159
|
var multiSelect = api === null || api === void 0 || (_api$blockControls$sh2 = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh2 === void 0 ? void 0 : _api$blockControls$sh2.multiSelectDnD;
|
|
160
|
-
var attributes = multiSelect ? (0,
|
|
160
|
+
var attributes = multiSelect ? (0, _analytics.getMultiSelectAnalyticsAttributes)(tr, multiSelect.anchor, multiSelect.head) : {
|
|
161
161
|
hasSelectedMultipleNodes: false,
|
|
162
162
|
nodeTypes: (_resolvedMovingNode$n = resolvedMovingNode.nodeAfter) === null || _resolvedMovingNode$n === void 0 ? void 0 : _resolvedMovingNode$n.type.name
|
|
163
163
|
};
|
|
@@ -166,15 +166,15 @@ var useBlockControlsSurfaceDragSource = exports.useBlockControlsSurfaceDragSourc
|
|
|
166
166
|
});
|
|
167
167
|
tr.setMeta('scrollIntoView', false);
|
|
168
168
|
api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
|
|
169
|
-
action:
|
|
170
|
-
actionSubject:
|
|
171
|
-
actionSubjectId:
|
|
169
|
+
action: _enums.ACTION.DRAGGED,
|
|
170
|
+
actionSubject: _enums.ACTION_SUBJECT.ELEMENT,
|
|
171
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
|
|
172
172
|
attributes: {
|
|
173
173
|
hasSelectedMultipleNodes: attributes.hasSelectedMultipleNodes,
|
|
174
174
|
nodeDepth: resolvedMovingNode.depth,
|
|
175
175
|
nodeTypes: attributes.nodeTypes || ''
|
|
176
176
|
},
|
|
177
|
-
eventType:
|
|
177
|
+
eventType: _enums.EVENT_TYPE.UI
|
|
178
178
|
})(tr);
|
|
179
179
|
return tr;
|
|
180
180
|
});
|
|
@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.hasInnerContentContainer = exports.getNodeContentElement = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _resizer = require("@atlaskit/editor-common/styles/resizer");
|
|
8
8
|
var INNER_CONTAINER_SELECTORS = {
|
|
9
9
|
blockCard: '.datasourceView-content-inner-wrap',
|
|
10
10
|
bodiedExtension: '.extension-container[data-layout]',
|
|
11
11
|
embedCard: '.rich-media-item',
|
|
12
12
|
extension: '.extension-container[data-layout]',
|
|
13
|
-
mediaSingle: ".".concat(
|
|
13
|
+
mediaSingle: ".".concat(_resizer.resizerItemClassName),
|
|
14
14
|
multiBodiedExtension: '.extension-container[data-layout]',
|
|
15
|
-
table: ".".concat(
|
|
15
|
+
table: ".".concat(_resizer.resizerItemClassName)
|
|
16
16
|
};
|
|
17
17
|
var hasInnerContentContainer = exports.hasInnerContentContainer = function hasInnerContentContainer(nodeType) {
|
|
18
18
|
return INNER_CONTAINER_SELECTORS[nodeType] !== undefined;
|
|
@@ -10,8 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
13
|
+
var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
|
|
14
|
+
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
15
15
|
var _primitives = require("@atlaskit/primitives");
|
|
16
16
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
17
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -41,7 +41,7 @@ var displayContentsStyles = (0, _primitives.xcss)({
|
|
|
41
41
|
});
|
|
42
42
|
var baseStylesCSS = (0, _react2.css)((0, _defineProperty2.default)({
|
|
43
43
|
transition: 'opacity 0.1s ease-in-out, visibility 0.1s ease-in-out'
|
|
44
|
-
}, "@container editor-area (max-width: ".concat(
|
|
44
|
+
}, "@container editor-area (max-width: ".concat(_constants.akEditorFullPageNarrowBreakout, "px)"), {
|
|
45
45
|
opacity: 0,
|
|
46
46
|
visibility: 'hidden'
|
|
47
47
|
}));
|
|
@@ -66,7 +66,7 @@ var useBlockControlsVisibility = exports.useBlockControlsVisibility = function u
|
|
|
66
66
|
controlSide = _ref.controlSide,
|
|
67
67
|
forceVisibleOnMouseOut = _ref.forceVisibleOnMouseOut,
|
|
68
68
|
isPersistent = _ref.isPersistent;
|
|
69
|
-
var _useSharedPluginState = (0,
|
|
69
|
+
var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['typeAhead', 'blockControls', 'editorViewMode', 'userIntent', 'showDiff'], function (states) {
|
|
70
70
|
var _states$typeAheadStat, _states$blockControls, _states$blockControls2, _states$blockControls3, _states$editorViewMod, _states$userIntentSta, _states$showDiffState, _states$blockControls4;
|
|
71
71
|
return {
|
|
72
72
|
isTypeAheadOpen: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.isOpen,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { deleteSelectedRange } from '@atlaskit/editor-common/selection';
|
|
1
|
+
import { deleteSelectedRange } from '@atlaskit/editor-common/selection/utils';
|
|
2
2
|
import { stopPreservingSelection } from '../pm-plugins/selection-preservation/editor-commands';
|
|
3
3
|
const getKeyboardEventInfo = event => {
|
|
4
4
|
const key = event.key.toLowerCase();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
2
|
-
import { DIRECTION } from '@atlaskit/editor-common/types';
|
|
1
|
+
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
2
|
+
import { DIRECTION } from '@atlaskit/editor-common/types/block-controls';
|
|
3
3
|
import { key } from '../pm-plugins/main';
|
|
4
4
|
import { mapPreservedSelection } from '../pm-plugins/utils/selection';
|
|
5
5
|
import { moveNode } from './move-node';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
1
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
2
2
|
import { expandedState } from '@atlaskit/editor-common/expand';
|
|
3
|
-
import { blockControlsMessages } from '@atlaskit/editor-common/messages';
|
|
4
|
-
import { expandSelectionBounds
|
|
3
|
+
import { messages as blockControlsMessages } from '@atlaskit/editor-common/messages/block-controls';
|
|
4
|
+
import { expandSelectionBounds } from '@atlaskit/editor-common/selection';
|
|
5
|
+
import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
|
|
5
6
|
import { transformSliceNestedExpandToExpand } from '@atlaskit/editor-common/transforms';
|
|
6
|
-
import { DIRECTION } from '@atlaskit/editor-common/types';
|
|
7
|
+
import { DIRECTION } from '@atlaskit/editor-common/types/block-controls';
|
|
7
8
|
import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
|
|
8
9
|
import { isNodeTypeValidChildOf, getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
|
|
9
10
|
import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
2
|
-
import { logException } from '@atlaskit/editor-common/monitoring';
|
|
1
|
+
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
2
|
+
import { logException } from '@atlaskit/editor-common/monitoring/error';
|
|
3
3
|
import { Fragment, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
|
|
4
4
|
import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
|
|
5
5
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
|
|
1
|
+
import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles/drag-handle';
|
|
2
2
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
3
3
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
4
4
|
export const handleMouseDown = api => (view, event) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import memoizeOne from 'memoize-one';
|
|
2
|
-
import { isMultiBlockSelection } from '@atlaskit/editor-common/selection';
|
|
2
|
+
import { isMultiBlockSelection } from '@atlaskit/editor-common/selection/utils';
|
|
3
3
|
import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
|
|
4
4
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
5
5
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { bindKeymapWithCommand, dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, showElementDragHandle } from '@atlaskit/editor-common/keymaps';
|
|
2
|
-
import { DIRECTION } from '@atlaskit/editor-common/types';
|
|
2
|
+
import { DIRECTION } from '@atlaskit/editor-common/types/block-controls';
|
|
3
3
|
import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
|
|
4
4
|
import { moveNodeViaShortcut } from '../editor-commands/move-node';
|
|
5
5
|
import { showDragHandleAtSelection } from '../editor-commands/show-drag-handle';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import rafSchedule from 'raf-schd';
|
|
2
2
|
import { getDocument } from '@atlaskit/browser-apis';
|
|
3
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
3
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
|
|
4
4
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
5
|
-
import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor';
|
|
5
|
+
import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor-provider';
|
|
6
6
|
import { isMeasuring, startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
|
|
7
7
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
8
|
-
import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
|
|
8
|
+
import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles/drag-handle';
|
|
9
9
|
import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
|
|
10
|
-
import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
|
|
10
|
+
import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui-toolbar';
|
|
11
11
|
import { isEmptyDocument } from '@atlaskit/editor-common/utils';
|
|
12
12
|
import { PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
13
13
|
import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { bind } from 'bind-event-listener';
|
|
2
2
|
import { getDocument } from '@atlaskit/browser-apis';
|
|
3
3
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
4
|
-
import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
|
|
4
|
+
import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles/drag-handle';
|
|
5
5
|
import { key } from '../main';
|
|
6
6
|
import { createPreservedSelection, mapPreservedSelection } from '../utils/selection';
|
|
7
7
|
import { stopPreservingSelection } from './editor-commands';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BLOCK_CONTROLS_LEFT_SURFACE, BLOCK_CONTROLS_RIGHT_SURFACE } from '@atlaskit/editor-common/block-controls/surface-keys';
|
|
2
|
-
import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor';
|
|
2
|
+
import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor-provider';
|
|
3
3
|
import { resolveSurface } from '@atlaskit/editor-ui-control-model/surface-renderer';
|
|
4
4
|
import { createSurfaceAnchorDecorations } from './decorations-surface-anchor';
|
|
5
5
|
import { key as blockControlsKey } from './main';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
1
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
2
2
|
export const attachMoveNodeAnalytics = (tr, inputMethod, fromDepth, fromNodeTypes, toDepth, toNodeType, isSameParent, api, hasSelectedMultipleNodes) => {
|
|
3
3
|
var _api$analytics, _api$analytics$action;
|
|
4
4
|
return api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.attachAnalyticsEvent({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import memoizeOne from 'memoize-one';
|
|
2
|
-
import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
|
|
2
|
+
import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles/drag-handle';
|
|
3
3
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
4
4
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
5
5
|
import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H1_TOP_ADJUSTMENT, DRAG_HANDLE_H2_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_PARAGRAPH_SMALL_TOP_ADJUSTMENT, DRAG_HANDLE_PARAGRAPH_TOP_ADJUSTMENT, dragHandleGap } from '../../ui/consts';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { selectNodeAtPos } from '@atlaskit/editor-common/node-selection';
|
|
2
|
-
import {
|
|
2
|
+
import { isMultiBlockRange } from '@atlaskit/editor-common/selection';
|
|
3
|
+
import { expandToBlockRange } from '@atlaskit/editor-common/selection/utils';
|
|
3
4
|
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
4
|
-
import { selectTableClosestToPos } from '@atlaskit/editor-tables/
|
|
5
|
+
import { selectTableClosestToPos } from '@atlaskit/editor-tables/select-table-closest-to-pos';
|
|
5
6
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
6
7
|
import { selectNode } from './getSelection';
|
|
7
8
|
import { adjustSelectionBoundsForEdgePositions } from './selection';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { getNodeSelectionForPos, selectNodeAtPos } from '@atlaskit/editor-common/node-selection';
|
|
2
|
-
import {
|
|
2
|
+
import { Side } from '@atlaskit/editor-common/selection';
|
|
3
|
+
import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
|
|
3
4
|
import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
|
|
4
5
|
import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
5
6
|
import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
|
|
6
|
-
import { selectTableClosestToPos } from '@atlaskit/editor-tables/
|
|
7
|
+
import { selectTableClosestToPos } from '@atlaskit/editor-tables/select-table-closest-to-pos';
|
|
7
8
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
8
9
|
export const getInlineNodePos = (doc, start, nodeSize) => {
|
|
9
10
|
const $startPos = doc.resolve(start);
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { INSERTED_TRAILING_PARAGRAPH_TO_LAST_NODE_META } from '@atlaskit/editor-common/block-type';
|
|
2
|
-
import {
|
|
2
|
+
import { isMultiBlockRange } from '@atlaskit/editor-common/selection';
|
|
3
|
+
import { expandToBlockRange } from '@atlaskit/editor-common/selection/utils';
|
|
3
4
|
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
4
|
-
import { getTableSelectionClosesToPos } from '@atlaskit/editor-tables/
|
|
5
|
+
import { getTableSelectionClosesToPos } from '@atlaskit/editor-tables/get-table-selection-closes-to-pos';
|
|
5
6
|
import { getBlockControlsMeta, key } from '../main';
|
|
6
7
|
import { newGetSelection } from './getSelection';
|
|
7
8
|
export const getMultiSelectionIfPosInside = (api, pos, tr) => {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Side } from '@atlaskit/editor-common/selection';
|
|
2
|
+
import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
|
|
2
3
|
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
3
4
|
import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
|
|
4
5
|
// eslint-disable-next-line @typescript-eslint/consistent-type-imports
|