@atlaskit/editor-plugin-media 10.0.10 → 10.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 +9 -0
  2. package/dist/cjs/ui/ImageBorder/index.js +81 -25
  3. package/dist/es2019/ui/ImageBorder/index.js +83 -23
  4. package/dist/esm/ui/ImageBorder/index.js +81 -25
  5. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 10.0.11
4
+
5
+ ### Patch Changes
6
+
7
+ - [`0d04e250bdf4b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0d04e250bdf4b) -
8
+ [ux] Making submenus for media (color/size) and table (background color) consistent with ADS and
9
+ fixing incorrect gate mocking in editor-plugin-ai-tests
10
+ - Updated dependencies
11
+
3
12
  ## 10.0.10
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/ui/ImageBorder/index.js CHANGED
@@ -97,12 +97,20 @@ var ImageBorder = function ImageBorder(_ref) {
97
97
  ref.style.left = "-".concat(rect.width, "px");
98
98
  }
99
99
  };
100
- var handleTriggerByKeyboard = function handleTriggerByKeyboard(event, callback) {
101
- if (event.key === 'Enter' || event.key === ' ') {
102
- event.preventDefault();
103
- callback();
104
- setIsOpenedByKeyboard(true);
100
+ var handleTriggerByKeyboard = function handleTriggerByKeyboard(event, allowedKeys, callback) {
101
+ if (!allowedKeys.includes(event.key)) {
102
+ return;
105
103
  }
104
+ event.preventDefault();
105
+ callback();
106
+ setIsOpenedByKeyboard(true);
107
+ };
108
+ var handleTriggerToolbarByKeyboard = function handleTriggerToolbarByKeyboard(event, callback) {
109
+ handleTriggerByKeyboard(event, ['Enter', ' '], callback);
110
+ };
111
+ var handleTriggerSubmenuByKeyboard = function handleTriggerSubmenuByKeyboard(event, callback) {
112
+ var keys = (0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? ['Enter', 'ArrowRight'] : ['Enter', ' '];
113
+ handleTriggerByKeyboard(event, keys, callback);
106
114
  };
107
115
  (0, _react.useEffect)(function () {
108
116
  var focusFirstOption = function focusFirstOption(submenuRef, isOpen) {
@@ -149,8 +157,18 @@ var ImageBorder = function ImageBorder(_ref) {
149
157
  _styles2.dropdownOptionButton,
150
158
  "aria-expanded": isColorSubmenuOpen,
151
159
  onKeyDown: function onKeyDown(e) {
152
- return handleTriggerByKeyboard(e, function () {
153
- return setIsColorSubmenuOpen(!isColorSubmenuOpen);
160
+ return handleTriggerSubmenuByKeyboard(e, function () {
161
+ if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
162
+ setIsColorSubmenuOpen(function (prev) {
163
+ var next = !prev;
164
+ if (next) {
165
+ setIsSizeSubmenuOpen(false);
166
+ }
167
+ return next;
168
+ });
169
+ } else {
170
+ setIsColorSubmenuOpen(!isColorSubmenuOpen);
171
+ }
154
172
  });
155
173
  }
156
174
  }, (0, _react2.jsx)(_compiled.Text, null, formatMessage(_media.imageBorderMessages.borderColor)), (0, _react2.jsx)("div", {
@@ -216,8 +234,18 @@ var ImageBorder = function ImageBorder(_ref) {
216
234
  "aria-expanded": isSizeSubmenuOpen,
217
235
  ref: dropDownSizeOptionButton,
218
236
  onKeyDown: function onKeyDown(e) {
219
- return handleTriggerByKeyboard(e, function () {
220
- return setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
237
+ return handleTriggerSubmenuByKeyboard(e, function () {
238
+ if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
239
+ setIsSizeSubmenuOpen(function (prev) {
240
+ var next = !prev;
241
+ if (next) {
242
+ setIsColorSubmenuOpen(false);
243
+ }
244
+ return next;
245
+ });
246
+ } else {
247
+ setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
248
+ }
221
249
  });
222
250
  }
223
251
  }, (0, _react2.jsx)(_compiled.Text, null, formatMessage(_media.imageBorderMessages.borderSize)), (0, _react2.jsx)("div", {
@@ -346,7 +374,7 @@ var ImageBorder = function ImageBorder(_ref) {
346
374
  setIsOpenedByKeyboard(false);
347
375
  },
348
376
  onKeyDown: function onKeyDown(e) {
349
- return handleTriggerByKeyboard(e, function () {
377
+ return handleTriggerToolbarByKeyboard(e, function () {
350
378
  return setIsOpen(!isOpen);
351
379
  });
352
380
  }
@@ -357,7 +385,11 @@ var ImageBorder = function ImageBorder(_ref) {
357
385
  forcePlacement: true,
358
386
  stick: true
359
387
  }, (0, _react2.jsx)("div", {
360
- /* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
388
+ onMouseLeave: (0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? undefined : function () {
389
+ setIsColorSubmenuOpen(false);
390
+ setIsSizeSubmenuOpen(false);
391
+ }
392
+ /* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */,
361
393
  css: _styles2.dropdownWrapper
362
394
  }, (0, _react2.jsx)(_uiMenu.DropdownMenu
363
395
  //This needs be removed when the a11y is completely handled
@@ -391,30 +423,54 @@ var ImageBorder = function ImageBorder(_ref) {
391
423
  onItemActivated: function onItemActivated(_ref3) {
392
424
  var item = _ref3.item;
393
425
  if (item.value.name === 'color') {
394
- setIsColorSubmenuOpen(!isColorSubmenuOpen);
426
+ if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
427
+ setIsColorSubmenuOpen(function (prev) {
428
+ var next = !prev;
429
+ if (next) {
430
+ setIsSizeSubmenuOpen(false);
431
+ }
432
+ return next;
433
+ });
434
+ } else {
435
+ setIsColorSubmenuOpen(!isColorSubmenuOpen);
436
+ }
395
437
  }
396
438
  if (item.value.name === 'size') {
397
- setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
439
+ if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
440
+ setIsSizeSubmenuOpen(function (prev) {
441
+ var next = !prev;
442
+ if (next) {
443
+ setIsColorSubmenuOpen(false);
444
+ }
445
+ return next;
446
+ });
447
+ } else {
448
+ setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
449
+ }
398
450
  }
399
451
  },
400
452
  onMouseEnter: function onMouseEnter(_ref4) {
401
453
  var item = _ref4.item;
402
- if (item.value.name === 'color') {
403
- setIsColorSubmenuOpen(true);
404
- setIsOpenedByKeyboard(false);
405
- }
406
- if (item.value.name === 'size') {
407
- setIsSizeSubmenuOpen(true);
408
- setIsOpenedByKeyboard(false);
454
+ if (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
455
+ if (item.value.name === 'color') {
456
+ setIsColorSubmenuOpen(true);
457
+ setIsOpenedByKeyboard(false);
458
+ }
459
+ if (item.value.name === 'size') {
460
+ setIsSizeSubmenuOpen(true);
461
+ setIsOpenedByKeyboard(false);
462
+ }
409
463
  }
410
464
  },
411
465
  onMouseLeave: function onMouseLeave(_ref5) {
412
466
  var item = _ref5.item;
413
- if (item.value.name === 'color') {
414
- setIsColorSubmenuOpen(false);
415
- }
416
- if (item.value.name === 'size') {
417
- setIsSizeSubmenuOpen(false);
467
+ if (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
468
+ if (item.value.name === 'color') {
469
+ setIsColorSubmenuOpen(false);
470
+ }
471
+ if (item.value.name === 'size') {
472
+ setIsSizeSubmenuOpen(false);
473
+ }
418
474
  }
419
475
  },
420
476
  fitWidth: fitWidth + fitTolerance,
package/dist/es2019/ui/ImageBorder/index.js CHANGED
@@ -79,12 +79,20 @@ const ImageBorder = ({
79
79
  ref.style.left = `-${rect.width}px`;
80
80
  }
81
81
  };
82
- const handleTriggerByKeyboard = (event, callback) => {
83
- if (event.key === 'Enter' || event.key === ' ') {
84
- event.preventDefault();
85
- callback();
86
- setIsOpenedByKeyboard(true);
82
+ const handleTriggerByKeyboard = (event, allowedKeys, callback) => {
83
+ if (!allowedKeys.includes(event.key)) {
84
+ return;
87
85
  }
86
+ event.preventDefault();
87
+ callback();
88
+ setIsOpenedByKeyboard(true);
89
+ };
90
+ const handleTriggerToolbarByKeyboard = (event, callback) => {
91
+ handleTriggerByKeyboard(event, ['Enter', ' '], callback);
92
+ };
93
+ const handleTriggerSubmenuByKeyboard = (event, callback) => {
94
+ const keys = expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? ['Enter', 'ArrowRight'] : ['Enter', ' '];
95
+ handleTriggerByKeyboard(event, keys, callback);
88
96
  };
89
97
  useEffect(() => {
90
98
  const focusFirstOption = (submenuRef, isOpen) => {
@@ -130,7 +138,19 @@ const ImageBorder = ({
130
138
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
131
139
  dropdownOptionButton,
132
140
  "aria-expanded": isColorSubmenuOpen,
133
- onKeyDown: e => handleTriggerByKeyboard(e, () => setIsColorSubmenuOpen(!isColorSubmenuOpen))
141
+ onKeyDown: e => handleTriggerSubmenuByKeyboard(e, () => {
142
+ if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
143
+ setIsColorSubmenuOpen(prev => {
144
+ const next = !prev;
145
+ if (next) {
146
+ setIsSizeSubmenuOpen(false);
147
+ }
148
+ return next;
149
+ });
150
+ } else {
151
+ setIsColorSubmenuOpen(!isColorSubmenuOpen);
152
+ }
153
+ })
134
154
  }, jsx(Text, null, formatMessage(messages.borderColor)), jsx("div", {
135
155
  css: contextualMenuArrow
136
156
  })), jsx("div", {
@@ -193,7 +213,19 @@ const ImageBorder = ({
193
213
  dropdownOptionButton,
194
214
  "aria-expanded": isSizeSubmenuOpen,
195
215
  ref: dropDownSizeOptionButton,
196
- onKeyDown: e => handleTriggerByKeyboard(e, () => setIsSizeSubmenuOpen(!isSizeSubmenuOpen))
216
+ onKeyDown: e => handleTriggerSubmenuByKeyboard(e, () => {
217
+ if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
218
+ setIsSizeSubmenuOpen(prev => {
219
+ const next = !prev;
220
+ if (next) {
221
+ setIsColorSubmenuOpen(false);
222
+ }
223
+ return next;
224
+ });
225
+ } else {
226
+ setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
227
+ }
228
+ })
197
229
  }, jsx(Text, null, formatMessage(messages.borderSize)), jsx("div", {
198
230
  css: contextualMenuArrow
199
231
  })), jsx("div", {
@@ -320,7 +352,7 @@ const ImageBorder = ({
320
352
  setIsOpen(!isOpen);
321
353
  setIsOpenedByKeyboard(false);
322
354
  },
323
- onKeyDown: e => handleTriggerByKeyboard(e, () => setIsOpen(!isOpen))
355
+ onKeyDown: e => handleTriggerToolbarByKeyboard(e, () => setIsOpen(!isOpen))
324
356
  }))), jsx(Popup, {
325
357
  target: popupTarget.current ? popupTarget.current : undefined,
326
358
  fitWidth: fitWidth + fitTolerance,
@@ -328,7 +360,11 @@ const ImageBorder = ({
328
360
  forcePlacement: true,
329
361
  stick: true
330
362
  }, jsx("div", {
331
- /* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
363
+ onMouseLeave: expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? undefined : () => {
364
+ setIsColorSubmenuOpen(false);
365
+ setIsSizeSubmenuOpen(false);
366
+ }
367
+ /* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */,
332
368
  css: dropdownWrapper
333
369
  }, jsx(DropdownMenu
334
370
  //This needs be removed when the a11y is completely handled
@@ -361,32 +397,56 @@ const ImageBorder = ({
361
397
  item
362
398
  }) => {
363
399
  if (item.value.name === 'color') {
364
- setIsColorSubmenuOpen(!isColorSubmenuOpen);
400
+ if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
401
+ setIsColorSubmenuOpen(prev => {
402
+ const next = !prev;
403
+ if (next) {
404
+ setIsSizeSubmenuOpen(false);
405
+ }
406
+ return next;
407
+ });
408
+ } else {
409
+ setIsColorSubmenuOpen(!isColorSubmenuOpen);
410
+ }
365
411
  }
366
412
  if (item.value.name === 'size') {
367
- setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
413
+ if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
414
+ setIsSizeSubmenuOpen(prev => {
415
+ const next = !prev;
416
+ if (next) {
417
+ setIsColorSubmenuOpen(false);
418
+ }
419
+ return next;
420
+ });
421
+ } else {
422
+ setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
423
+ }
368
424
  }
369
425
  },
370
426
  onMouseEnter: ({
371
427
  item
372
428
  }) => {
373
- if (item.value.name === 'color') {
374
- setIsColorSubmenuOpen(true);
375
- setIsOpenedByKeyboard(false);
376
- }
377
- if (item.value.name === 'size') {
378
- setIsSizeSubmenuOpen(true);
379
- setIsOpenedByKeyboard(false);
429
+ if (!expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
430
+ if (item.value.name === 'color') {
431
+ setIsColorSubmenuOpen(true);
432
+ setIsOpenedByKeyboard(false);
433
+ }
434
+ if (item.value.name === 'size') {
435
+ setIsSizeSubmenuOpen(true);
436
+ setIsOpenedByKeyboard(false);
437
+ }
380
438
  }
381
439
  },
382
440
  onMouseLeave: ({
383
441
  item
384
442
  }) => {
385
- if (item.value.name === 'color') {
386
- setIsColorSubmenuOpen(false);
387
- }
388
- if (item.value.name === 'size') {
389
- setIsSizeSubmenuOpen(false);
443
+ if (!expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
444
+ if (item.value.name === 'color') {
445
+ setIsColorSubmenuOpen(false);
446
+ }
447
+ if (item.value.name === 'size') {
448
+ setIsSizeSubmenuOpen(false);
449
+ }
390
450
  }
391
451
  },
392
452
  fitWidth: fitWidth + fitTolerance,
package/dist/esm/ui/ImageBorder/index.js CHANGED
@@ -89,12 +89,20 @@ var ImageBorder = function ImageBorder(_ref) {
89
89
  ref.style.left = "-".concat(rect.width, "px");
90
90
  }
91
91
  };
92
- var handleTriggerByKeyboard = function handleTriggerByKeyboard(event, callback) {
93
- if (event.key === 'Enter' || event.key === ' ') {
94
- event.preventDefault();
95
- callback();
96
- setIsOpenedByKeyboard(true);
92
+ var handleTriggerByKeyboard = function handleTriggerByKeyboard(event, allowedKeys, callback) {
93
+ if (!allowedKeys.includes(event.key)) {
94
+ return;
97
95
  }
96
+ event.preventDefault();
97
+ callback();
98
+ setIsOpenedByKeyboard(true);
99
+ };
100
+ var handleTriggerToolbarByKeyboard = function handleTriggerToolbarByKeyboard(event, callback) {
101
+ handleTriggerByKeyboard(event, ['Enter', ' '], callback);
102
+ };
103
+ var handleTriggerSubmenuByKeyboard = function handleTriggerSubmenuByKeyboard(event, callback) {
104
+ var keys = expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? ['Enter', 'ArrowRight'] : ['Enter', ' '];
105
+ handleTriggerByKeyboard(event, keys, callback);
98
106
  };
99
107
  useEffect(function () {
100
108
  var focusFirstOption = function focusFirstOption(submenuRef, isOpen) {
@@ -141,8 +149,18 @@ var ImageBorder = function ImageBorder(_ref) {
141
149
  dropdownOptionButton,
142
150
  "aria-expanded": isColorSubmenuOpen,
143
151
  onKeyDown: function onKeyDown(e) {
144
- return handleTriggerByKeyboard(e, function () {
145
- return setIsColorSubmenuOpen(!isColorSubmenuOpen);
152
+ return handleTriggerSubmenuByKeyboard(e, function () {
153
+ if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
154
+ setIsColorSubmenuOpen(function (prev) {
155
+ var next = !prev;
156
+ if (next) {
157
+ setIsSizeSubmenuOpen(false);
158
+ }
159
+ return next;
160
+ });
161
+ } else {
162
+ setIsColorSubmenuOpen(!isColorSubmenuOpen);
163
+ }
146
164
  });
147
165
  }
148
166
  }, jsx(Text, null, formatMessage(messages.borderColor)), jsx("div", {
@@ -208,8 +226,18 @@ var ImageBorder = function ImageBorder(_ref) {
208
226
  "aria-expanded": isSizeSubmenuOpen,
209
227
  ref: dropDownSizeOptionButton,
210
228
  onKeyDown: function onKeyDown(e) {
211
- return handleTriggerByKeyboard(e, function () {
212
- return setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
229
+ return handleTriggerSubmenuByKeyboard(e, function () {
230
+ if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
231
+ setIsSizeSubmenuOpen(function (prev) {
232
+ var next = !prev;
233
+ if (next) {
234
+ setIsColorSubmenuOpen(false);
235
+ }
236
+ return next;
237
+ });
238
+ } else {
239
+ setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
240
+ }
213
241
  });
214
242
  }
215
243
  }, jsx(Text, null, formatMessage(messages.borderSize)), jsx("div", {
@@ -338,7 +366,7 @@ var ImageBorder = function ImageBorder(_ref) {
338
366
  setIsOpenedByKeyboard(false);
339
367
  },
340
368
  onKeyDown: function onKeyDown(e) {
341
- return handleTriggerByKeyboard(e, function () {
369
+ return handleTriggerToolbarByKeyboard(e, function () {
342
370
  return setIsOpen(!isOpen);
343
371
  });
344
372
  }
@@ -349,7 +377,11 @@ var ImageBorder = function ImageBorder(_ref) {
349
377
  forcePlacement: true,
350
378
  stick: true
351
379
  }, jsx("div", {
352
- /* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
380
+ onMouseLeave: expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? undefined : function () {
381
+ setIsColorSubmenuOpen(false);
382
+ setIsSizeSubmenuOpen(false);
383
+ }
384
+ /* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */,
353
385
  css: dropdownWrapper
354
386
  }, jsx(DropdownMenu
355
387
  //This needs be removed when the a11y is completely handled
@@ -383,30 +415,54 @@ var ImageBorder = function ImageBorder(_ref) {
383
415
  onItemActivated: function onItemActivated(_ref3) {
384
416
  var item = _ref3.item;
385
417
  if (item.value.name === 'color') {
386
- setIsColorSubmenuOpen(!isColorSubmenuOpen);
418
+ if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
419
+ setIsColorSubmenuOpen(function (prev) {
420
+ var next = !prev;
421
+ if (next) {
422
+ setIsSizeSubmenuOpen(false);
423
+ }
424
+ return next;
425
+ });
426
+ } else {
427
+ setIsColorSubmenuOpen(!isColorSubmenuOpen);
428
+ }
387
429
  }
388
430
  if (item.value.name === 'size') {
389
- setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
431
+ if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
432
+ setIsSizeSubmenuOpen(function (prev) {
433
+ var next = !prev;
434
+ if (next) {
435
+ setIsColorSubmenuOpen(false);
436
+ }
437
+ return next;
438
+ });
439
+ } else {
440
+ setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
441
+ }
390
442
  }
391
443
  },
392
444
  onMouseEnter: function onMouseEnter(_ref4) {
393
445
  var item = _ref4.item;
394
- if (item.value.name === 'color') {
395
- setIsColorSubmenuOpen(true);
396
- setIsOpenedByKeyboard(false);
397
- }
398
- if (item.value.name === 'size') {
399
- setIsSizeSubmenuOpen(true);
400
- setIsOpenedByKeyboard(false);
446
+ if (!expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
447
+ if (item.value.name === 'color') {
448
+ setIsColorSubmenuOpen(true);
449
+ setIsOpenedByKeyboard(false);
450
+ }
451
+ if (item.value.name === 'size') {
452
+ setIsSizeSubmenuOpen(true);
453
+ setIsOpenedByKeyboard(false);
454
+ }
401
455
  }
402
456
  },
403
457
  onMouseLeave: function onMouseLeave(_ref5) {
404
458
  var item = _ref5.item;
405
- if (item.value.name === 'color') {
406
- setIsColorSubmenuOpen(false);
407
- }
408
- if (item.value.name === 'size') {
409
- setIsSizeSubmenuOpen(false);
459
+ if (!expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
460
+ if (item.value.name === 'color') {
461
+ setIsColorSubmenuOpen(false);
462
+ }
463
+ if (item.value.name === 'size') {
464
+ setIsSizeSubmenuOpen(false);
465
+ }
410
466
  }
411
467
  },
412
468
  fitWidth: fitWidth + fitTolerance,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "10.0.10",
3
+ "version": "10.0.11",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -66,7 +66,7 @@
66
66
  "@atlaskit/primitives": "^18.0.0",
67
67
  "@atlaskit/textfield": "^8.2.0",
68
68
  "@atlaskit/theme": "^22.0.0",
69
- "@atlaskit/tmp-editor-statsig": "^42.0.0",
69
+ "@atlaskit/tmp-editor-statsig": "^43.0.0",
70
70
  "@atlaskit/tokens": "^11.1.0",
71
71
  "@atlaskit/tooltip": "^21.0.0",
72
72
  "@babel/runtime": "^7.0.0",