@atlaskit/editor-plugin-block-controls 16.0.10 → 16.0.11

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 (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/drag-handle.js +2 -41
  3. package/dist/es2019/ui/drag-handle.js +2 -41
  4. package/dist/esm/ui/drag-handle.js +2 -41
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-plugin-block-controls
2
2
 
3
+ ## 16.0.11
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6cf283ca60155`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6cf283ca60155) -
8
+ Clean up experiment `platform_editor_table_col_insert`
9
+ - Updated dependencies
10
+
3
11
  ## 16.0.10
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/drag-handle.js CHANGED
@@ -56,39 +56,6 @@ var iconWrapperStyles = (0, _primitives.xcss)({
56
56
  justifyContent: 'center',
57
57
  alignItems: 'center'
58
58
  });
59
- var buttonWrapperStyles = (0, _react2.css)({
60
- display: 'flex',
61
- justifyContent: 'center',
62
- alignItems: 'center',
63
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
64
- '[data-blocks-drag-handle-container]:has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
65
- background: "linear-gradient(to bottom, ".concat("var(--ds-surface, #FFFFFF)", " 90%, transparent)"),
66
- marginBottom: "var(--ds-space-negative-200, -16px)",
67
- paddingBottom: "var(--ds-space-200, 16px)",
68
- marginTop: "var(--ds-space-negative-400, -32px)",
69
- paddingTop: "calc(".concat("var(--ds-space-400, 32px)", " - 1px)"),
70
- marginRight: "var(--ds-space-negative-150, -12px)",
71
- paddingRight: "var(--ds-space-150, 12px)",
72
- boxSizing: 'border-box'
73
- },
74
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
75
- '[data-prosemirror-mark-name="breakout"]:has([data-blocks-drag-handle-container]):has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
76
- background: "linear-gradient(to bottom, ".concat("var(--ds-surface, #FFFFFF)", " 90%, transparent)"),
77
- marginBottom: "var(--ds-space-negative-200, -16px)",
78
- paddingBottom: "var(--ds-space-200, 16px)",
79
- marginTop: "var(--ds-space-negative-400, -32px)",
80
- paddingTop: "calc(".concat("var(--ds-space-400, 32px)", " - 1px)"),
81
- marginRight: "var(--ds-space-negative-150, -12px)",
82
- paddingRight: "var(--ds-space-150, 12px)",
83
- boxSizing: 'border-box'
84
- }
85
- });
86
-
87
- // EDITOR-6790 - When the `platform_editor_table_col_insert` experiment is enabled,
88
- // drop the linear-gradient background that paints over the legacy `tr.sticky` table
89
- // header so the new left-edge column-insert affordance is not visually clipped.
90
- // Keep all paddings / margins identical to `buttonWrapperStyles` so the drag-handle
91
- // layout does not shift between the two variants.
92
59
  var buttonWrapperStylesNoBackground = (0, _react2.css)({
93
60
  display: 'flex',
94
61
  justifyContent: 'center',
@@ -1250,10 +1217,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref2) {
1250
1217
  });
1251
1218
  }
1252
1219
  }, (0, _react2.jsx)("span", {
1253
- css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && (
1254
- // EDITOR-6790 - drop the masking background under the new
1255
- // column-insert experiment so the left-edge dot is not clipped.
1256
- (0, _expValEquals.expValEquals)('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
1220
+ css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && buttonWrapperStylesNoBackground, buttonWrapperStylesPatch]
1257
1221
  }, renderButton()))));
1258
1222
  };
1259
1223
  var stickyWithoutTooltip = function stickyWithoutTooltip() {
@@ -1269,10 +1233,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref2) {
1269
1233
  }, (0, _react2.jsx)("span", {
1270
1234
  css: [tooltipContainerStyles, (0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithMask, !(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithoutMask]
1271
1235
  }, (0, _react2.jsx)("span", {
1272
- css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && (
1273
- // EDITOR-6790 - drop the masking background under the new
1274
- // column-insert experiment so the left-edge dot is not clipped.
1275
- (0, _expValEquals.expValEquals)('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
1236
+ css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && buttonWrapperStylesNoBackground, buttonWrapperStylesPatch]
1276
1237
  }, renderButton())));
1277
1238
  };
1278
1239
  var buttonWithTooltip = function buttonWithTooltip() {
package/dist/es2019/ui/drag-handle.js CHANGED
@@ -47,39 +47,6 @@ const iconWrapperStyles = xcss({
47
47
  justifyContent: 'center',
48
48
  alignItems: 'center'
49
49
  });
50
- const buttonWrapperStyles = css({
51
- display: 'flex',
52
- justifyContent: 'center',
53
- alignItems: 'center',
54
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
55
- '[data-blocks-drag-handle-container]:has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
56
- background: `linear-gradient(to bottom, ${"var(--ds-surface, #FFFFFF)"} 90%, transparent)`,
57
- marginBottom: "var(--ds-space-negative-200, -16px)",
58
- paddingBottom: "var(--ds-space-200, 16px)",
59
- marginTop: "var(--ds-space-negative-400, -32px)",
60
- paddingTop: `calc(${"var(--ds-space-400, 32px)"} - 1px)`,
61
- marginRight: "var(--ds-space-negative-150, -12px)",
62
- paddingRight: "var(--ds-space-150, 12px)",
63
- boxSizing: 'border-box'
64
- },
65
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
66
- '[data-prosemirror-mark-name="breakout"]:has([data-blocks-drag-handle-container]):has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
67
- background: `linear-gradient(to bottom, ${"var(--ds-surface, #FFFFFF)"} 90%, transparent)`,
68
- marginBottom: "var(--ds-space-negative-200, -16px)",
69
- paddingBottom: "var(--ds-space-200, 16px)",
70
- marginTop: "var(--ds-space-negative-400, -32px)",
71
- paddingTop: `calc(${"var(--ds-space-400, 32px)"} - 1px)`,
72
- marginRight: "var(--ds-space-negative-150, -12px)",
73
- paddingRight: "var(--ds-space-150, 12px)",
74
- boxSizing: 'border-box'
75
- }
76
- });
77
-
78
- // EDITOR-6790 - When the `platform_editor_table_col_insert` experiment is enabled,
79
- // drop the linear-gradient background that paints over the legacy `tr.sticky` table
80
- // header so the new left-edge column-insert affordance is not visually clipped.
81
- // Keep all paddings / margins identical to `buttonWrapperStyles` so the drag-handle
82
- // layout does not shift between the two variants.
83
50
  const buttonWrapperStylesNoBackground = css({
84
51
  display: 'flex',
85
52
  justifyContent: 'center',
@@ -1228,10 +1195,7 @@ export const DragHandle = ({
1228
1195
  });
1229
1196
  }
1230
1197
  }, jsx("span", {
1231
- css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && (
1232
- // EDITOR-6790 - drop the masking background under the new
1233
- // column-insert experiment so the left-edge dot is not clipped.
1234
- expValEquals('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
1198
+ css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && buttonWrapperStylesNoBackground, buttonWrapperStylesPatch]
1235
1199
  }, renderButton()))));
1236
1200
  const stickyWithoutTooltip = () => jsx(Box
1237
1201
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
@@ -1245,10 +1209,7 @@ export const DragHandle = ({
1245
1209
  }, jsx("span", {
1246
1210
  css: [tooltipContainerStyles, shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithMask, !shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithoutMask]
1247
1211
  }, jsx("span", {
1248
- css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && (
1249
- // EDITOR-6790 - drop the masking background under the new
1250
- // column-insert experiment so the left-edge dot is not clipped.
1251
- expValEquals('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
1212
+ css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && buttonWrapperStylesNoBackground, buttonWrapperStylesPatch]
1252
1213
  }, renderButton())));
1253
1214
  const buttonWithTooltip = () => jsx(Tooltip, {
1254
1215
  content: tooltipContent,
package/dist/esm/ui/drag-handle.js CHANGED
@@ -52,39 +52,6 @@ var iconWrapperStyles = xcss({
52
52
  justifyContent: 'center',
53
53
  alignItems: 'center'
54
54
  });
55
- var buttonWrapperStyles = css({
56
- display: 'flex',
57
- justifyContent: 'center',
58
- alignItems: 'center',
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
60
- '[data-blocks-drag-handle-container]:has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
61
- background: "linear-gradient(to bottom, ".concat("var(--ds-surface, #FFFFFF)", " 90%, transparent)"),
62
- marginBottom: "var(--ds-space-negative-200, -16px)",
63
- paddingBottom: "var(--ds-space-200, 16px)",
64
- marginTop: "var(--ds-space-negative-400, -32px)",
65
- paddingTop: "calc(".concat("var(--ds-space-400, 32px)", " - 1px)"),
66
- marginRight: "var(--ds-space-negative-150, -12px)",
67
- paddingRight: "var(--ds-space-150, 12px)",
68
- boxSizing: 'border-box'
69
- },
70
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
71
- '[data-prosemirror-mark-name="breakout"]:has([data-blocks-drag-handle-container]):has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
72
- background: "linear-gradient(to bottom, ".concat("var(--ds-surface, #FFFFFF)", " 90%, transparent)"),
73
- marginBottom: "var(--ds-space-negative-200, -16px)",
74
- paddingBottom: "var(--ds-space-200, 16px)",
75
- marginTop: "var(--ds-space-negative-400, -32px)",
76
- paddingTop: "calc(".concat("var(--ds-space-400, 32px)", " - 1px)"),
77
- marginRight: "var(--ds-space-negative-150, -12px)",
78
- paddingRight: "var(--ds-space-150, 12px)",
79
- boxSizing: 'border-box'
80
- }
81
- });
82
-
83
- // EDITOR-6790 - When the `platform_editor_table_col_insert` experiment is enabled,
84
- // drop the linear-gradient background that paints over the legacy `tr.sticky` table
85
- // header so the new left-edge column-insert affordance is not visually clipped.
86
- // Keep all paddings / margins identical to `buttonWrapperStyles` so the drag-handle
87
- // layout does not shift between the two variants.
88
55
  var buttonWrapperStylesNoBackground = css({
89
56
  display: 'flex',
90
57
  justifyContent: 'center',
@@ -1246,10 +1213,7 @@ export var DragHandle = function DragHandle(_ref2) {
1246
1213
  });
1247
1214
  }
1248
1215
  }, jsx("span", {
1249
- css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && (
1250
- // EDITOR-6790 - drop the masking background under the new
1251
- // column-insert experiment so the left-edge dot is not clipped.
1252
- expValEquals('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
1216
+ css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && buttonWrapperStylesNoBackground, buttonWrapperStylesPatch]
1253
1217
  }, renderButton()))));
1254
1218
  };
1255
1219
  var stickyWithoutTooltip = function stickyWithoutTooltip() {
@@ -1265,10 +1229,7 @@ export var DragHandle = function DragHandle(_ref2) {
1265
1229
  }, jsx("span", {
1266
1230
  css: [tooltipContainerStyles, shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithMask, !shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithoutMask]
1267
1231
  }, jsx("span", {
1268
- css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && (
1269
- // EDITOR-6790 - drop the masking background under the new
1270
- // column-insert experiment so the left-edge dot is not clipped.
1271
- expValEquals('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
1232
+ css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && buttonWrapperStylesNoBackground, buttonWrapperStylesPatch]
1272
1233
  }, renderButton())));
1273
1234
  };
1274
1235
  var buttonWithTooltip = function buttonWithTooltip() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-controls",
3
- "version": "16.0.10",
3
+ "version": "16.0.11",
4
4
  "description": "Block controls plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -50,7 +50,7 @@
50
50
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.1.0",
51
51
  "@atlaskit/primitives": "^22.3.0",
52
52
  "@atlaskit/theme": "^28.0.0",
53
- "@atlaskit/tmp-editor-statsig": "^155.0.0",
53
+ "@atlaskit/tmp-editor-statsig": "^156.0.0",
54
54
  "@atlaskit/tokens": "^16.7.0",
55
55
  "@atlaskit/tooltip": "^24.1.0",
56
56
  "@babel/runtime": "^7.0.0",
@@ -61,7 +61,7 @@
61
61
  "uuid": "^3.1.0"
62
62
  },
63
63
  "peerDependencies": {
64
- "@atlaskit/editor-common": "^119.10.0",
64
+ "@atlaskit/editor-common": "^119.12.0",
65
65
  "react": "^18.2.0 || ^19.2.0",
66
66
  "react-dom": "^18.2.0 || ^19.2.0",
67
67
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"