@atlaskit/editor-plugin-block-controls 6.3.0 → 6.3.2

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 CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-block-controls
2
2
 
3
+ ## 6.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6fb79942fc3a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6fb79942fc3a5) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
11
+ ## 6.3.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [`1c474ad18f3ac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1c474ad18f3ac) -
16
+ [ED-28566] Clean up platform_editor_controls_patch_15
17
+ - Updated dependencies
18
+
3
19
  ## 6.3.0
4
20
 
5
21
  ### Minor Changes
@@ -65,13 +65,11 @@ var quickInsertButtonDecoration = exports.quickInsertButtonDecoration = function
65
65
  };
66
66
  return _view.Decoration.widget(rootPos, function (view, getPos) {
67
67
  var element = document.createElement('span');
68
- if ((0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15')) {
69
- // inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
70
- element.style.display = 'block';
71
- if ((0, _expValEquals.expValEquals)('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
72
- // make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
73
- element.style.clear = 'unset';
74
- }
68
+ // inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
69
+ element.style.display = 'block';
70
+ if ((0, _expValEquals.expValEquals)('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
71
+ // make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
72
+ element.style.clear = 'unset';
75
73
  }
76
74
  element.contentEditable = 'false';
77
75
  element.setAttribute('data-blocks-quick-insert-container', 'true');
@@ -128,7 +128,7 @@ var dragHandleButtonStyles = (0, _react2.css)({
128
128
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
129
129
  },
130
130
  '&:focus': {
131
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
131
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
132
132
  },
133
133
  '&:disabled': {
134
134
  color: "var(--ds-icon-disabled, #8993A4)",
@@ -174,7 +174,7 @@ var dragHandleButtonStylesOld = (0, _react2.css)({
174
174
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
175
175
  },
176
176
  '&:focus': {
177
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
177
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
178
178
  },
179
179
  '&:disabled': {
180
180
  color: "var(--ds-icon-disabled, #8993A4)",
@@ -933,7 +933,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
933
933
  });
934
934
  }
935
935
  }, (0, _react2.jsx)("span", {
936
- css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && buttonWrapperStyles, (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15') && buttonWrapperStylesPatch]
936
+ css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
937
937
  }, renderButton()))));
938
938
  };
939
939
  var stickyWithoutTooltip = function stickyWithoutTooltip() {
@@ -947,7 +947,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
947
947
  }, (0, _react2.jsx)("span", {
948
948
  css: [tooltipContainerStyles, (0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithMask, !(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithoutMask]
949
949
  }, (0, _react2.jsx)("span", {
950
- css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && buttonWrapperStyles, (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15') && buttonWrapperStylesPatch]
950
+ css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
951
951
  }, renderButton())));
952
952
  };
953
953
  var buttonWithTooltip = function buttonWithTooltip() {
@@ -40,7 +40,7 @@ var dropTargetLayoutStyle = (0, _react2.css)({
40
40
  var dropTargetLayoutHintStyle = (0, _react2.css)({
41
41
  height: '100%',
42
42
  position: 'relative',
43
- borderRight: "1px dashed ".concat("var(--ds-border-focused, ".concat(_colors.B200, ")")),
43
+ borderRight: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-focused, ".concat(_colors.B200, ")")),
44
44
  width: 0
45
45
  });
46
46
  var DropTargetLayout = exports.DropTargetLayout = function DropTargetLayout(props) {
@@ -268,7 +268,7 @@ var quickInsertStyles = function quickInsertStyles() {
268
268
  },
269
269
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
270
270
  '.blocks-quick-insert-button:focus': {
271
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
271
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
272
272
  },
273
273
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
274
274
  '.blocks-quick-insert-visible-container': {
@@ -59,7 +59,7 @@ var GAP = 4;
59
59
  var dropTargetLayoutHintStyle = (0, _react2.css)({
60
60
  height: '100%',
61
61
  position: 'absolute',
62
- borderRight: "1px dashed ".concat("var(--ds-border-focused, ".concat(_colors.B200, ")")),
62
+ borderRight: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-focused, ".concat(_colors.B200, ")")),
63
63
  width: 0,
64
64
  left: 0
65
65
  });
@@ -59,7 +59,7 @@ var stickyButtonStyles = (0, _primitives.xcss)({
59
59
  backgroundColor: 'color.background.neutral.subtle.pressed'
60
60
  },
61
61
  ':focus': {
62
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
62
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
63
63
  }
64
64
  });
65
65
  var containerStaticStyles = (0, _primitives.xcss)({
@@ -57,13 +57,11 @@ export const quickInsertButtonDecoration = ({
57
57
  };
58
58
  return Decoration.widget(rootPos, (view, getPos) => {
59
59
  const element = document.createElement('span');
60
- if (fg('platform_editor_controls_patch_15')) {
61
- // inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
62
- element.style.display = 'block';
63
- if (expValEquals('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
64
- // make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
65
- element.style.clear = 'unset';
66
- }
60
+ // inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
61
+ element.style.display = 'block';
62
+ if (expValEquals('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
63
+ // make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
64
+ element.style.clear = 'unset';
67
65
  }
68
66
  element.contentEditable = 'false';
69
67
  element.setAttribute('data-blocks-quick-insert-container', 'true');
@@ -120,7 +120,7 @@ const dragHandleButtonStyles = css({
120
120
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
121
121
  },
122
122
  '&:focus': {
123
- outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
123
+ outline: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #388BFF)"}`
124
124
  },
125
125
  '&:disabled': {
126
126
  color: "var(--ds-icon-disabled, #8993A4)",
@@ -169,7 +169,7 @@ const dragHandleButtonStylesOld = css({
169
169
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
170
170
  },
171
171
  '&:focus': {
172
- outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
172
+ outline: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #388BFF)"}`
173
173
  },
174
174
  '&:disabled': {
175
175
  color: "var(--ds-icon-disabled, #8993A4)",
@@ -919,7 +919,7 @@ export const DragHandle = ({
919
919
  });
920
920
  }
921
921
  }, jsx("span", {
922
- css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, fg('platform_editor_controls_patch_15') && buttonWrapperStylesPatch]
922
+ css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
923
923
  }, renderButton()))));
924
924
  const stickyWithoutTooltip = () => jsx(Box
925
925
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
@@ -931,7 +931,7 @@ export const DragHandle = ({
931
931
  }, jsx("span", {
932
932
  css: [tooltipContainerStyles, shouldMaskNodeControls(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithMask, !shouldMaskNodeControls(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithoutMask]
933
933
  }, jsx("span", {
934
- css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, fg('platform_editor_controls_patch_15') && buttonWrapperStylesPatch]
934
+ css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
935
935
  }, renderButton())));
936
936
  const buttonWithTooltip = () => jsx(Tooltip, {
937
937
  content: jsx(TooltipContentWithMultipleShortcuts, {
@@ -31,7 +31,7 @@ const dropTargetLayoutStyle = css({
31
31
  const dropTargetLayoutHintStyle = css({
32
32
  height: '100%',
33
33
  position: 'relative',
34
- borderRight: `1px dashed ${`var(--ds-border-focused, ${B200})`}`,
34
+ borderRight: `${"var(--ds-border-width, 1px)"} dashed ${`var(--ds-border-focused, ${B200})`}`,
35
35
  width: 0
36
36
  });
37
37
  export const DropTargetLayout = props => {
@@ -314,7 +314,7 @@ const quickInsertStyles = () => css({
314
314
  },
315
315
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
316
316
  '.blocks-quick-insert-button:focus': {
317
- outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
317
+ outline: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #388BFF)"}`
318
318
  },
319
319
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
320
320
  '.blocks-quick-insert-visible-container': {
@@ -49,7 +49,7 @@ const GAP = 4;
49
49
  const dropTargetLayoutHintStyle = css({
50
50
  height: '100%',
51
51
  position: 'absolute',
52
- borderRight: `1px dashed ${`var(--ds-border-focused, ${B200})`}`,
52
+ borderRight: `${"var(--ds-border-width, 1px)"} dashed ${`var(--ds-border-focused, ${B200})`}`,
53
53
  width: 0,
54
54
  left: 0
55
55
  });
@@ -50,7 +50,7 @@ const stickyButtonStyles = xcss({
50
50
  backgroundColor: 'color.background.neutral.subtle.pressed'
51
51
  },
52
52
  ':focus': {
53
- outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
53
+ outline: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #388BFF)"}`
54
54
  }
55
55
  });
56
56
  const containerStaticStyles = xcss({
@@ -58,13 +58,11 @@ export var quickInsertButtonDecoration = function quickInsertButtonDecoration(_r
58
58
  };
59
59
  return Decoration.widget(rootPos, function (view, getPos) {
60
60
  var element = document.createElement('span');
61
- if (fg('platform_editor_controls_patch_15')) {
62
- // inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
63
- element.style.display = 'block';
64
- if (expValEquals('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
65
- // make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
66
- element.style.clear = 'unset';
67
- }
61
+ // inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
62
+ element.style.display = 'block';
63
+ if (expValEquals('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
64
+ // make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
65
+ element.style.clear = 'unset';
68
66
  }
69
67
  element.contentEditable = 'false';
70
68
  element.setAttribute('data-blocks-quick-insert-container', 'true');
@@ -125,7 +125,7 @@ var dragHandleButtonStyles = css({
125
125
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
126
126
  },
127
127
  '&:focus': {
128
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
128
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
129
129
  },
130
130
  '&:disabled': {
131
131
  color: "var(--ds-icon-disabled, #8993A4)",
@@ -171,7 +171,7 @@ var dragHandleButtonStylesOld = css({
171
171
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
172
172
  },
173
173
  '&:focus': {
174
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
174
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
175
175
  },
176
176
  '&:disabled': {
177
177
  color: "var(--ds-icon-disabled, #8993A4)",
@@ -930,7 +930,7 @@ export var DragHandle = function DragHandle(_ref) {
930
930
  });
931
931
  }
932
932
  }, jsx("span", {
933
- css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, fg('platform_editor_controls_patch_15') && buttonWrapperStylesPatch]
933
+ css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
934
934
  }, renderButton()))));
935
935
  };
936
936
  var stickyWithoutTooltip = function stickyWithoutTooltip() {
@@ -944,7 +944,7 @@ export var DragHandle = function DragHandle(_ref) {
944
944
  }, jsx("span", {
945
945
  css: [tooltipContainerStyles, shouldMaskNodeControls(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithMask, !shouldMaskNodeControls(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithoutMask]
946
946
  }, jsx("span", {
947
- css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, fg('platform_editor_controls_patch_15') && buttonWrapperStylesPatch]
947
+ css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
948
948
  }, renderButton())));
949
949
  };
950
950
  var buttonWithTooltip = function buttonWithTooltip() {
@@ -33,7 +33,7 @@ var dropTargetLayoutStyle = css({
33
33
  var dropTargetLayoutHintStyle = css({
34
34
  height: '100%',
35
35
  position: 'relative',
36
- borderRight: "1px dashed ".concat("var(--ds-border-focused, ".concat(B200, ")")),
36
+ borderRight: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-focused, ".concat(B200, ")")),
37
37
  width: 0
38
38
  });
39
39
  export var DropTargetLayout = function DropTargetLayout(props) {
@@ -261,7 +261,7 @@ var quickInsertStyles = function quickInsertStyles() {
261
261
  },
262
262
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
263
263
  '.blocks-quick-insert-button:focus': {
264
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
264
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
265
265
  },
266
266
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
267
267
  '.blocks-quick-insert-visible-container': {
@@ -51,7 +51,7 @@ var GAP = 4;
51
51
  var dropTargetLayoutHintStyle = css({
52
52
  height: '100%',
53
53
  position: 'absolute',
54
- borderRight: "1px dashed ".concat("var(--ds-border-focused, ".concat(B200, ")")),
54
+ borderRight: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-focused, ".concat(B200, ")")),
55
55
  width: 0,
56
56
  left: 0
57
57
  });
@@ -54,7 +54,7 @@ var stickyButtonStyles = xcss({
54
54
  backgroundColor: 'color.background.neutral.subtle.pressed'
55
55
  },
56
56
  ':focus': {
57
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
57
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
58
58
  }
59
59
  });
60
60
  var containerStaticStyles = xcss({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-controls",
3
- "version": "6.3.0",
3
+ "version": "6.3.2",
4
4
  "description": "Block controls plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -34,7 +34,7 @@
34
34
  "@atlaskit/editor-plugin-editor-disabled": "^5.0.0",
35
35
  "@atlaskit/editor-plugin-feature-flags": "^4.0.0",
36
36
  "@atlaskit/editor-plugin-interaction": "^7.0.0",
37
- "@atlaskit/editor-plugin-limited-mode": "^2.0.0",
37
+ "@atlaskit/editor-plugin-limited-mode": "^2.1.0",
38
38
  "@atlaskit/editor-plugin-metrics": "^6.2.0",
39
39
  "@atlaskit/editor-plugin-quick-insert": "^5.0.0",
40
40
  "@atlaskit/editor-plugin-selection": "^5.0.0",
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
53
53
  "@atlaskit/primitives": "^14.14.0",
54
54
  "@atlaskit/theme": "^21.0.0",
55
- "@atlaskit/tmp-editor-statsig": "^12.22.0",
55
+ "@atlaskit/tmp-editor-statsig": "^12.24.0",
56
56
  "@atlaskit/tokens": "^6.3.0",
57
57
  "@atlaskit/tooltip": "^20.4.0",
58
58
  "@babel/runtime": "^7.0.0",
@@ -64,7 +64,7 @@
64
64
  "uuid": "^3.1.0"
65
65
  },
66
66
  "peerDependencies": {
67
- "@atlaskit/editor-common": "^109.7.0",
67
+ "@atlaskit/editor-common": "^109.8.0",
68
68
  "react": "^18.2.0",
69
69
  "react-dom": "^18.2.0",
70
70
  "react-intl-next": "npm:react-intl@^5.18.1"
@@ -168,9 +168,6 @@
168
168
  "platform_editor_breakout_resizing_hello_release": {
169
169
  "type": "boolean"
170
170
  },
171
- "platform_editor_controls_patch_15": {
172
- "type": "boolean"
173
- },
174
171
  "platform_editor_breakout_resizing_widget_fix": {
175
172
  "type": "boolean"
176
173
  }