@atlaskit/editor-plugin-block-controls 27.0.3 → 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.
Files changed (135) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/editor-commands/handle-key-down-with-preserved-selection.js +2 -2
  3. package/dist/cjs/editor-commands/move-node-with-block-menu.js +5 -5
  4. package/dist/cjs/editor-commands/move-node.js +23 -22
  5. package/dist/cjs/editor-commands/move-to-layout.js +11 -11
  6. package/dist/cjs/pm-plugins/handle-mouse-down.js +2 -2
  7. package/dist/cjs/pm-plugins/handle-mouse-over.js +2 -2
  8. package/dist/cjs/pm-plugins/keymap.js +5 -5
  9. package/dist/cjs/pm-plugins/main.js +20 -20
  10. package/dist/cjs/pm-plugins/selection-preservation/pm-plugin.js +2 -2
  11. package/dist/cjs/pm-plugins/sparse-surfaces-view.js +2 -2
  12. package/dist/cjs/pm-plugins/utils/analytics.js +10 -10
  13. package/dist/cjs/pm-plugins/utils/drag-handle-positions.js +3 -3
  14. package/dist/cjs/pm-plugins/utils/expand-and-update-selection.js +4 -3
  15. package/dist/cjs/pm-plugins/utils/getSelection.js +4 -3
  16. package/dist/cjs/pm-plugins/utils/selection.js +4 -3
  17. package/dist/cjs/pm-plugins/utils/update-selection.js +2 -1
  18. package/dist/cjs/pm-plugins/vanilla-quick-insert.js +4 -4
  19. package/dist/cjs/ui/block-controls-left-surfaces.js +4 -4
  20. package/dist/cjs/ui/block-controls-right-surfaces.js +4 -4
  21. package/dist/cjs/ui/block-controls-surface-drag-handle.js +10 -10
  22. package/dist/cjs/ui/consts.js +6 -6
  23. package/dist/cjs/ui/drag-handle.js +74 -73
  24. package/dist/cjs/ui/drop-target-layout.js +3 -3
  25. package/dist/cjs/ui/drop-target.js +2 -2
  26. package/dist/cjs/ui/global-styles.js +32 -31
  27. package/dist/cjs/ui/inline-drop-target.js +2 -2
  28. package/dist/cjs/ui/quick-insert-button.js +16 -16
  29. package/dist/cjs/ui/use-block-controls-surface-drag-source.js +7 -7
  30. package/dist/cjs/ui/utils/get-node-content-element.js +3 -3
  31. package/dist/cjs/ui/visibility-container.js +4 -4
  32. package/dist/es2019/editor-commands/handle-key-down-with-preserved-selection.js +1 -1
  33. package/dist/es2019/editor-commands/move-node-with-block-menu.js +2 -2
  34. package/dist/es2019/editor-commands/move-node.js +5 -4
  35. package/dist/es2019/editor-commands/move-to-layout.js +2 -2
  36. package/dist/es2019/pm-plugins/handle-mouse-down.js +1 -1
  37. package/dist/es2019/pm-plugins/handle-mouse-over.js +1 -1
  38. package/dist/es2019/pm-plugins/keymap.js +1 -1
  39. package/dist/es2019/pm-plugins/main.js +4 -4
  40. package/dist/es2019/pm-plugins/selection-preservation/pm-plugin.js +1 -1
  41. package/dist/es2019/pm-plugins/sparse-surfaces-view.js +1 -1
  42. package/dist/es2019/pm-plugins/utils/analytics.js +1 -1
  43. package/dist/es2019/pm-plugins/utils/drag-handle-positions.js +1 -1
  44. package/dist/es2019/pm-plugins/utils/expand-and-update-selection.js +3 -2
  45. package/dist/es2019/pm-plugins/utils/getSelection.js +3 -2
  46. package/dist/es2019/pm-plugins/utils/selection.js +3 -2
  47. package/dist/es2019/pm-plugins/utils/update-selection.js +2 -1
  48. package/dist/es2019/pm-plugins/vanilla-quick-insert.js +2 -2
  49. package/dist/es2019/ui/block-controls-left-surfaces.js +2 -2
  50. package/dist/es2019/ui/block-controls-right-surfaces.js +2 -2
  51. package/dist/es2019/ui/block-controls-surface-drag-handle.js +3 -3
  52. package/dist/es2019/ui/consts.js +2 -2
  53. package/dist/es2019/ui/drag-handle.js +6 -5
  54. package/dist/es2019/ui/drop-target-layout.js +1 -1
  55. package/dist/es2019/ui/drop-target.js +1 -1
  56. package/dist/es2019/ui/global-styles.js +5 -4
  57. package/dist/es2019/ui/inline-drop-target.js +1 -1
  58. package/dist/es2019/ui/quick-insert-button.js +4 -4
  59. package/dist/es2019/ui/use-block-controls-surface-drag-source.js +1 -1
  60. package/dist/es2019/ui/utils/get-node-content-element.js +1 -1
  61. package/dist/es2019/ui/visibility-container.js +2 -2
  62. package/dist/esm/editor-commands/handle-key-down-with-preserved-selection.js +1 -1
  63. package/dist/esm/editor-commands/move-node-with-block-menu.js +2 -2
  64. package/dist/esm/editor-commands/move-node.js +5 -4
  65. package/dist/esm/editor-commands/move-to-layout.js +2 -2
  66. package/dist/esm/pm-plugins/handle-mouse-down.js +1 -1
  67. package/dist/esm/pm-plugins/handle-mouse-over.js +1 -1
  68. package/dist/esm/pm-plugins/keymap.js +1 -1
  69. package/dist/esm/pm-plugins/main.js +4 -4
  70. package/dist/esm/pm-plugins/selection-preservation/pm-plugin.js +1 -1
  71. package/dist/esm/pm-plugins/sparse-surfaces-view.js +1 -1
  72. package/dist/esm/pm-plugins/utils/analytics.js +1 -1
  73. package/dist/esm/pm-plugins/utils/drag-handle-positions.js +1 -1
  74. package/dist/esm/pm-plugins/utils/expand-and-update-selection.js +3 -2
  75. package/dist/esm/pm-plugins/utils/getSelection.js +3 -2
  76. package/dist/esm/pm-plugins/utils/selection.js +3 -2
  77. package/dist/esm/pm-plugins/utils/update-selection.js +2 -1
  78. package/dist/esm/pm-plugins/vanilla-quick-insert.js +2 -2
  79. package/dist/esm/ui/block-controls-left-surfaces.js +2 -2
  80. package/dist/esm/ui/block-controls-right-surfaces.js +2 -2
  81. package/dist/esm/ui/block-controls-surface-drag-handle.js +3 -3
  82. package/dist/esm/ui/consts.js +2 -2
  83. package/dist/esm/ui/drag-handle.js +6 -5
  84. package/dist/esm/ui/drop-target-layout.js +1 -1
  85. package/dist/esm/ui/drop-target.js +1 -1
  86. package/dist/esm/ui/global-styles.js +5 -4
  87. package/dist/esm/ui/inline-drop-target.js +1 -1
  88. package/dist/esm/ui/quick-insert-button.js +4 -4
  89. package/dist/esm/ui/use-block-controls-surface-drag-source.js +1 -1
  90. package/dist/esm/ui/utils/get-node-content-element.js +1 -1
  91. package/dist/esm/ui/visibility-container.js +2 -2
  92. package/dist/types/blockControlsPluginType.d.ts +19 -17
  93. package/dist/types/editor-commands/handle-key-down-with-preserved-selection.d.ts +2 -1
  94. package/dist/types/editor-commands/map-preserved-selection.d.ts +1 -1
  95. package/dist/types/editor-commands/move-node-with-block-menu.d.ts +3 -2
  96. package/dist/types/editor-commands/move-node.d.ts +4 -1
  97. package/dist/types/editor-commands/move-to-layout.d.ts +2 -1
  98. package/dist/types/editor-commands/show-drag-handle.d.ts +2 -1
  99. package/dist/types/pm-plugins/decorations-common.d.ts +1 -1
  100. package/dist/types/pm-plugins/decorations-drag-handle.d.ts +2 -2
  101. package/dist/types/pm-plugins/decorations-drop-target-active.d.ts +2 -2
  102. package/dist/types/pm-plugins/decorations-drop-target.d.ts +2 -2
  103. package/dist/types/pm-plugins/decorations-quick-insert-button.d.ts +2 -2
  104. package/dist/types/pm-plugins/handle-mouse-down.d.ts +1 -1
  105. package/dist/types/pm-plugins/handle-mouse-over.d.ts +1 -1
  106. package/dist/types/pm-plugins/handle-sparse-hover-target.d.ts +1 -1
  107. package/dist/types/pm-plugins/interaction-tracking/handle-mouse-move.d.ts +1 -1
  108. package/dist/types/pm-plugins/interaction-tracking/pm-plugin.d.ts +1 -1
  109. package/dist/types/pm-plugins/keymap.d.ts +1 -1
  110. package/dist/types/pm-plugins/main.d.ts +2 -2
  111. package/dist/types/pm-plugins/selection-preservation/editor-commands.d.ts +1 -1
  112. package/dist/types/pm-plugins/selection-preservation/pm-plugin.d.ts +1 -1
  113. package/dist/types/pm-plugins/sparse-surfaces-view.d.ts +1 -1
  114. package/dist/types/pm-plugins/sparse-surfaces.d.ts +1 -1
  115. package/dist/types/pm-plugins/utils/analytics.d.ts +1 -1
  116. package/dist/types/pm-plugins/utils/collapsed-heading.d.ts +1 -1
  117. package/dist/types/pm-plugins/utils/expand-and-update-selection.d.ts +1 -1
  118. package/dist/types/pm-plugins/utils/getSelection.d.ts +1 -1
  119. package/dist/types/pm-plugins/utils/selection.d.ts +2 -2
  120. package/dist/types/pm-plugins/vanilla-quick-insert.d.ts +1 -1
  121. package/dist/types/ui/block-controls-left-surface.d.ts +1 -1
  122. package/dist/types/ui/block-controls-left-surfaces.d.ts +1 -1
  123. package/dist/types/ui/block-controls-right-surface.d.ts +1 -1
  124. package/dist/types/ui/block-controls-right-surfaces.d.ts +1 -1
  125. package/dist/types/ui/block-controls-surface-drag-handle-registration.d.ts +1 -1
  126. package/dist/types/ui/block-controls-surface-drag-handle.d.ts +1 -1
  127. package/dist/types/ui/drag-handle.d.ts +1 -1
  128. package/dist/types/ui/drop-target-layout.d.ts +1 -1
  129. package/dist/types/ui/drop-target.d.ts +1 -1
  130. package/dist/types/ui/global-styles.d.ts +1 -1
  131. package/dist/types/ui/quick-insert-button.d.ts +1 -1
  132. package/dist/types/ui/use-block-controls-surface-drag-source.d.ts +1 -1
  133. package/dist/types/ui/utils/editor-commands.d.ts +1 -1
  134. package/dist/types/ui/visibility-container.d.ts +1 -1
  135. 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 _hooks = require("@atlaskit/editor-common/hooks");
11
- var _styles = require("@atlaskit/editor-common/styles");
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 _whitespace = require("@atlaskit/editor-common/whitespace");
14
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
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, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px") : '100%';
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, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px") : '-100px';
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(-_styles.DRAG_HANDLE_WIDTH / 2, "px"),
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(_styles.DRAG_HANDLE_WIDTH, "px"),
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(-_styles.DRAG_HANDLE_WIDTH / 2, "px"),
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(_styles.DRAG_HANDLE_WIDTH, "px"),
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(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), {
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(_editorSharedStyles.akEditorGutterPaddingReduced, "px"),
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(_editorSharedStyles.akEditorGutterPaddingReduced, "px")
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(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), {
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(_editorSharedStyles.akEditorGutterPaddingReduced, "px"),
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(_editorSharedStyles.akEditorGutterPaddingReduced, "px")
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(_editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, "px"),
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(_editorSharedStyles.akEditorCalculatedWideLayoutWidth, "px")
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(_editorSharedStyles.akEditorBreakoutPadding, "px), 1800px)")
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(_styles.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
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(_styles.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
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(_styles.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
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(_styles.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
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(_styles.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
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(_styles.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
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(_styles.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
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(_styles.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
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(_styles.ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
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, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
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, _styles.isCSSAnchorSupported)() && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
492
- var sparseSurfaceAnchorsEnabled = Boolean((0, _styles.isCSSAnchorSupported)()) && sparseSurfacesEnabled;
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 _editorSharedStyles = require("@atlaskit/editor-shared-styles");
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(_editorSharedStyles.akEditorBreakoutPadding, "px), 1800px)");
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 _messages = require("@atlaskit/editor-common/messages");
17
- var _styles = require("@atlaskit/editor-common/styles");
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 _editorSharedStyles = require("@atlaskit/editor-shared-styles");
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, _editorSharedStyles.relativeSizeToBaseFontSize)(_consts.QUICK_INSERT_HEIGHT),
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, _editorSharedStyles.relativeSizeToBaseFontSize)(_consts.QUICK_INSERT_WIDTH)
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: _styles.tableControlsSpacing
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: _styles.tableControlsSpacing
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: _styles.tableControlsSpacing
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: _styles.tableControlsSpacing
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: _styles.tableControlsSpacing
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: _styles.tableControlsSpacing
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, _hooks.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
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(_messages.blockControlsMessages.insert)
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(_messages.blockControlsMessages.insert)
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, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
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 _analytics = require("@atlaskit/editor-common/analytics");
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 _analytics2 = require("../pm-plugins/utils/analytics");
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, _analytics2.getMultiSelectAnalyticsAttributes)(tr, multiSelect.anchor, multiSelect.head) : {
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: _analytics.ACTION.DRAGGED,
170
- actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
171
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
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: _analytics.EVENT_TYPE.UI
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 _styles = require("@atlaskit/editor-common/styles");
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(_styles.resizerItemClassName),
13
+ mediaSingle: ".".concat(_resizer.resizerItemClassName),
14
14
  multiBodiedExtension: '.extension-container[data-layout]',
15
- table: ".".concat(_styles.resizerItemClassName)
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 _hooks = require("@atlaskit/editor-common/hooks");
14
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
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(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), {
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, _hooks.useSharedPluginStateWithSelector)(api, ['typeAhead', 'blockControls', 'editorViewMode', 'userIntent', 'showDiff'], function (states) {
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, GapCursorSelection } from '@atlaskit/editor-common/selection';
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 { expandToBlockRange, isMultiBlockRange } from '@atlaskit/editor-common/selection';
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/utils';
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 { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
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/utils';
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 { expandToBlockRange, isMultiBlockRange } from '@atlaskit/editor-common/selection';
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/utils';
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 { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
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