@atlaskit/editor-common 128.3.0 → 128.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 +16 -0
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +2 -3
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +2 -2
- package/dist/cjs/extensibility/MultiBodiedExtension/index.js +4 -21
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui-menu/DropdownMenu/index.js +4 -6
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +2 -3
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +2 -2
- package/dist/es2019/extensibility/MultiBodiedExtension/index.js +4 -24
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui-menu/DropdownMenu/index.js +4 -6
- package/dist/esm/element-browser/components/ElementList/ElementList.js +2 -3
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +2 -2
- package/dist/esm/extensibility/MultiBodiedExtension/index.js +4 -21
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui-menu/DropdownMenu/index.js +4 -6
- package/package.json +7 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 128.3.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7690092b13a84`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7690092b13a84) -
|
|
8
|
+
Clean up the fully rolled out nested MultiBodiedExtension frame styling feature gate.
|
|
9
|
+
- [`042fa402a6460`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/042fa402a6460) -
|
|
10
|
+
Clean up experiment `platform_editor_august_a11y`
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 128.3.1
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 128.3.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
@@ -243,7 +243,7 @@ var ElementListSingleColumn = function ElementListSingleColumn(props) {
|
|
|
243
243
|
focus: focusedItemIndex === index,
|
|
244
244
|
setFocusedItemIndex: setFocusedItemIndex,
|
|
245
245
|
onInsertItem: onInsertItem,
|
|
246
|
-
role:
|
|
246
|
+
role: "option"
|
|
247
247
|
})));
|
|
248
248
|
};
|
|
249
249
|
},
|
|
@@ -427,8 +427,7 @@ function ElementItem(_ref6) {
|
|
|
427
427
|
title: title
|
|
428
428
|
}),
|
|
429
429
|
isSelected: selected,
|
|
430
|
-
"aria-
|
|
431
|
-
"aria-label": (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? title : undefined,
|
|
430
|
+
"aria-label": title,
|
|
432
431
|
ref: ref,
|
|
433
432
|
testId: "element-item-".concat(index),
|
|
434
433
|
id: "searched-item-".concat(index),
|
|
@@ -351,7 +351,7 @@ function MobileBrowser(_ref) {
|
|
|
351
351
|
searchTerm: searchTerm,
|
|
352
352
|
items: items,
|
|
353
353
|
selectedItemIndex: selectedItemIndex,
|
|
354
|
-
ariaControlsId:
|
|
354
|
+
ariaControlsId: _constants.ELEMENT_BROWSER_LIST_ID
|
|
355
355
|
}), showCategories && (0, _react2.jsx)("nav", {
|
|
356
356
|
css: mobileCategoryListWrapper,
|
|
357
357
|
tabIndex: -1
|
|
@@ -365,7 +365,7 @@ function MobileBrowser(_ref) {
|
|
|
365
365
|
setFocusOnSearch: setFocusOnSearch
|
|
366
366
|
}))), (0, _react2.jsx)("div", {
|
|
367
367
|
css: mobileMainContent,
|
|
368
|
-
id:
|
|
368
|
+
id: _constants.ELEMENT_BROWSER_LIST_ID
|
|
369
369
|
}, (0, _react2.jsx)(_ElementList.default, {
|
|
370
370
|
items: items,
|
|
371
371
|
mode: mode,
|
|
@@ -18,7 +18,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
18
18
|
var _reactIntl = require("react-intl");
|
|
19
19
|
var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
|
|
20
20
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
21
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
22
21
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
23
22
|
var _hooks = require("../../hooks");
|
|
24
23
|
var _placeholderText = require("../../messages/placeholder-text");
|
|
@@ -37,23 +36,7 @@ var _excluded = ["url"];
|
|
|
37
36
|
*/
|
|
38
37
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
39
38
|
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); }
|
|
40
|
-
var getContainerCssExtendedStyles = function getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates) {
|
|
41
|
-
if ((0, _fg.fg)('platform_editor_nested_mbe_frames')) {
|
|
42
|
-
return _MultiBodiedExtension.sharedMultiBodiedExtensionStyles.mbeExtensionContainer;
|
|
43
|
-
}
|
|
44
|
-
var activeFrameSelector = ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
|
|
45
|
-
|
|
46
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
47
|
-
return (0, _react2.css)(_MultiBodiedExtension.sharedMultiBodiedExtensionStyles.mbeExtensionContainer, (0, _defineProperty2.default)({}, activeFrameSelector, (0, _react2.css)(
|
|
48
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
49
|
-
_MultiBodiedExtension.sharedMultiBodiedExtensionStyles.extensionFrameContent,
|
|
50
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
51
|
-
showMacroInteractionDesignUpdates && _MultiBodiedExtension.removeMarginsAndBorder)));
|
|
52
|
-
};
|
|
53
39
|
var getFramesActiveFrameStyles = function getFramesActiveFrameStyles(activeChildIndex, showMacroInteractionDesignUpdates) {
|
|
54
|
-
if (!(0, _fg.fg)('platform_editor_nested_mbe_frames')) {
|
|
55
|
-
return undefined;
|
|
56
|
-
}
|
|
57
40
|
var activeFrameSelector = "& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
|
|
58
41
|
return (0, _react2.css)((0, _defineProperty2.default)({}, activeFrameSelector, (0, _react2.css)(
|
|
59
42
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -360,10 +343,10 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
|
|
|
360
343
|
"data-testid": "multiBodiedExtension--overlay"
|
|
361
344
|
}), getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), (0, _react2.jsx)("div", {
|
|
362
345
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
363
|
-
className: containerClassNames
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
346
|
+
className: containerClassNames
|
|
347
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
348
|
+
,
|
|
349
|
+
css: _MultiBodiedExtension.sharedMultiBodiedExtensionStyles.mbeExtensionContainer,
|
|
367
350
|
"data-testid": "multiBodiedExtension--container",
|
|
368
351
|
"data-multiBodiedExtension-container": true,
|
|
369
352
|
"data-active-child-index": activeChildIndex
|
|
@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
27
27
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
28
28
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
29
29
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
30
|
-
var packageVersion = "128.
|
|
30
|
+
var packageVersion = "128.3.1";
|
|
31
31
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
32
32
|
// Remove URL as it has UGC
|
|
33
33
|
// Ignored via go/ees007
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "128.
|
|
27
|
+
var packageVersion = "128.3.1";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -26,7 +26,6 @@ var _menuGroup = _interopRequireDefault(require("@atlaskit/menu/menu-group"));
|
|
|
26
26
|
var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
|
|
27
27
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
28
28
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
29
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
30
29
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
31
30
|
var _styles = require("../../styles");
|
|
32
31
|
var _ToolbarArrowKeyNavigationProvider = require("../../ui-menu/ToolbarArrowKeyNavigationProvider");
|
|
@@ -364,16 +363,16 @@ function DropdownMenuItem(_ref) {
|
|
|
364
363
|
css: function css() {
|
|
365
364
|
return buttonStyles(item.isActive, submenuActive);
|
|
366
365
|
},
|
|
367
|
-
role:
|
|
366
|
+
role: shouldUseDefaultRole ? undefined : 'menuitem',
|
|
368
367
|
tabIndex: tabIndex,
|
|
369
368
|
"aria-disabled": item.isDisabled ? 'true' : 'false',
|
|
370
|
-
"aria-expanded":
|
|
369
|
+
"aria-expanded": item['aria-expanded'],
|
|
371
370
|
onMouseDown: _handleSubmenuActive
|
|
372
371
|
}, (0, _react2.jsx)(_customItem.default, {
|
|
373
372
|
item: item,
|
|
374
373
|
key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
|
|
375
374
|
testId: testId,
|
|
376
|
-
role: shouldUseDefaultRole ? 'button' :
|
|
375
|
+
role: shouldUseDefaultRole ? 'button' : undefined,
|
|
377
376
|
iconBefore: item.elemBefore,
|
|
378
377
|
iconAfter: item.elemAfter,
|
|
379
378
|
isDisabled: item.isDisabled,
|
|
@@ -384,8 +383,7 @@ function DropdownMenuItem(_ref) {
|
|
|
384
383
|
onMouseDown: onMouseDown,
|
|
385
384
|
component: DropdownMenuItemCustomComponent,
|
|
386
385
|
onMouseEnter: onMouseEnterHandler,
|
|
387
|
-
onMouseLeave: onMouseLeaveHandler
|
|
388
|
-
"aria-expanded": (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? undefined : item['aria-expanded']
|
|
386
|
+
onMouseLeave: onMouseLeaveHandler
|
|
389
387
|
}, item.content));
|
|
390
388
|
if (item.tooltipDescription) {
|
|
391
389
|
var _item$key3;
|
|
@@ -233,7 +233,7 @@ const ElementListSingleColumn = props => {
|
|
|
233
233
|
focus: focusedItemIndex === index,
|
|
234
234
|
setFocusedItemIndex: setFocusedItemIndex,
|
|
235
235
|
onInsertItem: onInsertItem,
|
|
236
|
-
role:
|
|
236
|
+
role: "option"
|
|
237
237
|
})));
|
|
238
238
|
},
|
|
239
239
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -421,8 +421,7 @@ export function ElementItem({
|
|
|
421
421
|
title: title
|
|
422
422
|
}),
|
|
423
423
|
isSelected: selected,
|
|
424
|
-
"aria-
|
|
425
|
-
"aria-label": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? title : undefined,
|
|
424
|
+
"aria-label": title,
|
|
426
425
|
ref: ref,
|
|
427
426
|
testId: `element-item-${index}`,
|
|
428
427
|
id: `searched-item-${index}`,
|
|
@@ -337,7 +337,7 @@ function MobileBrowser({
|
|
|
337
337
|
searchTerm: searchTerm,
|
|
338
338
|
items: items,
|
|
339
339
|
selectedItemIndex: selectedItemIndex,
|
|
340
|
-
ariaControlsId:
|
|
340
|
+
ariaControlsId: ELEMENT_BROWSER_LIST_ID
|
|
341
341
|
}), showCategories && jsx("nav", {
|
|
342
342
|
css: mobileCategoryListWrapper,
|
|
343
343
|
tabIndex: -1
|
|
@@ -351,7 +351,7 @@ function MobileBrowser({
|
|
|
351
351
|
setFocusOnSearch: setFocusOnSearch
|
|
352
352
|
}))), jsx("div", {
|
|
353
353
|
css: mobileMainContent,
|
|
354
|
-
id:
|
|
354
|
+
id: ELEMENT_BROWSER_LIST_ID
|
|
355
355
|
}, jsx(ElementList, {
|
|
356
356
|
items: items,
|
|
357
357
|
mode: mode,
|
|
@@ -14,7 +14,6 @@ import classnames from 'classnames';
|
|
|
14
14
|
import { useIntl } from 'react-intl';
|
|
15
15
|
import EditorFileIcon from '@atlaskit/icon/core/file';
|
|
16
16
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
17
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
18
17
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
19
18
|
import { useSharedPluginStateWithSelector } from '../../hooks';
|
|
20
19
|
import { placeholderTextMessages } from '../../messages/placeholder-text';
|
|
@@ -25,26 +24,7 @@ import { ExtensionFloatingLabel } from '../Extension/Lozenge/ExtensionFloatingLa
|
|
|
25
24
|
import { shouldExtensionBreakout } from '../utils/should-extension-breakout';
|
|
26
25
|
import { useMultiBodiedExtensionActions } from './action-api';
|
|
27
26
|
import { mbeExtensionWrapperCSSStyles, mbeExtensionWrapperCSSStylesOld, overlayStyles, overlayStylesOld } from './styles';
|
|
28
|
-
const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) => {
|
|
29
|
-
if (fg('platform_editor_nested_mbe_frames')) {
|
|
30
|
-
return sharedMultiBodiedExtensionStyles.mbeExtensionContainer;
|
|
31
|
-
}
|
|
32
|
-
const activeFrameSelector = `.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`;
|
|
33
|
-
|
|
34
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
35
|
-
return css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, {
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
37
|
-
[activeFrameSelector]: css(
|
|
38
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
39
|
-
sharedMultiBodiedExtensionStyles.extensionFrameContent,
|
|
40
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
41
|
-
showMacroInteractionDesignUpdates && removeMarginsAndBorder)
|
|
42
|
-
});
|
|
43
|
-
};
|
|
44
27
|
const getFramesActiveFrameStyles = (activeChildIndex, showMacroInteractionDesignUpdates) => {
|
|
45
|
-
if (!fg('platform_editor_nested_mbe_frames')) {
|
|
46
|
-
return undefined;
|
|
47
|
-
}
|
|
48
28
|
const activeFrameSelector = `& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`;
|
|
49
29
|
return css({
|
|
50
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -350,10 +330,10 @@ const MultiBodiedExtensionWithWidth = ({
|
|
|
350
330
|
"data-testid": "multiBodiedExtension--overlay"
|
|
351
331
|
}), getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), jsx("div", {
|
|
352
332
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
353
|
-
className: containerClassNames
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
333
|
+
className: containerClassNames
|
|
334
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
335
|
+
,
|
|
336
|
+
css: sharedMultiBodiedExtensionStyles.mbeExtensionContainer,
|
|
357
337
|
"data-testid": "multiBodiedExtension--container",
|
|
358
338
|
"data-multiBodiedExtension-container": true,
|
|
359
339
|
"data-active-child-index": activeChildIndex
|
|
@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
13
13
|
const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
14
14
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
15
15
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
16
|
-
const packageVersion = "128.
|
|
16
|
+
const packageVersion = "128.3.1";
|
|
17
17
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
18
18
|
// Remove URL as it has UGC
|
|
19
19
|
// Ignored via go/ees007
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "128.
|
|
17
|
+
const packageVersion = "128.3.1";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -16,7 +16,6 @@ import MenuGroup from '@atlaskit/menu/menu-group';
|
|
|
16
16
|
import Section from '@atlaskit/menu/section';
|
|
17
17
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
18
18
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
19
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
20
19
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
21
20
|
import { DropdownMenuSharedCssClassName } from '../../styles';
|
|
22
21
|
import { KeyDownHandlerContext } from '../../ui-menu/ToolbarArrowKeyNavigationProvider';
|
|
@@ -377,16 +376,16 @@ export function DropdownMenuItem({
|
|
|
377
376
|
const tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
|
|
378
377
|
const dropListItem = jsx("div", {
|
|
379
378
|
css: () => buttonStyles(item.isActive, submenuActive),
|
|
380
|
-
role:
|
|
379
|
+
role: shouldUseDefaultRole ? undefined : 'menuitem',
|
|
381
380
|
tabIndex: tabIndex,
|
|
382
381
|
"aria-disabled": item.isDisabled ? 'true' : 'false',
|
|
383
|
-
"aria-expanded":
|
|
382
|
+
"aria-expanded": item['aria-expanded'],
|
|
384
383
|
onMouseDown: _handleSubmenuActive
|
|
385
384
|
}, jsx(CustomItem, {
|
|
386
385
|
item: item,
|
|
387
386
|
key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
|
|
388
387
|
testId: testId,
|
|
389
|
-
role: shouldUseDefaultRole ? 'button' :
|
|
388
|
+
role: shouldUseDefaultRole ? 'button' : undefined,
|
|
390
389
|
iconBefore: item.elemBefore,
|
|
391
390
|
iconAfter: item.elemAfter,
|
|
392
391
|
isDisabled: item.isDisabled,
|
|
@@ -397,8 +396,7 @@ export function DropdownMenuItem({
|
|
|
397
396
|
onMouseDown: onMouseDown,
|
|
398
397
|
component: DropdownMenuItemCustomComponent,
|
|
399
398
|
onMouseEnter: onMouseEnterHandler,
|
|
400
|
-
onMouseLeave: onMouseLeaveHandler
|
|
401
|
-
"aria-expanded": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? undefined : item['aria-expanded']
|
|
399
|
+
onMouseLeave: onMouseLeaveHandler
|
|
402
400
|
}, item.content));
|
|
403
401
|
if (item.tooltipDescription) {
|
|
404
402
|
var _item$key3;
|
|
@@ -233,7 +233,7 @@ var ElementListSingleColumn = function ElementListSingleColumn(props) {
|
|
|
233
233
|
focus: focusedItemIndex === index,
|
|
234
234
|
setFocusedItemIndex: setFocusedItemIndex,
|
|
235
235
|
onInsertItem: onInsertItem,
|
|
236
|
-
role:
|
|
236
|
+
role: "option"
|
|
237
237
|
})));
|
|
238
238
|
};
|
|
239
239
|
},
|
|
@@ -417,8 +417,7 @@ export function ElementItem(_ref6) {
|
|
|
417
417
|
title: title
|
|
418
418
|
}),
|
|
419
419
|
isSelected: selected,
|
|
420
|
-
"aria-
|
|
421
|
-
"aria-label": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? title : undefined,
|
|
420
|
+
"aria-label": title,
|
|
422
421
|
ref: ref,
|
|
423
422
|
testId: "element-item-".concat(index),
|
|
424
423
|
id: "searched-item-".concat(index),
|
|
@@ -341,7 +341,7 @@ function MobileBrowser(_ref) {
|
|
|
341
341
|
searchTerm: searchTerm,
|
|
342
342
|
items: items,
|
|
343
343
|
selectedItemIndex: selectedItemIndex,
|
|
344
|
-
ariaControlsId:
|
|
344
|
+
ariaControlsId: ELEMENT_BROWSER_LIST_ID
|
|
345
345
|
}), showCategories && jsx("nav", {
|
|
346
346
|
css: mobileCategoryListWrapper,
|
|
347
347
|
tabIndex: -1
|
|
@@ -355,7 +355,7 @@ function MobileBrowser(_ref) {
|
|
|
355
355
|
setFocusOnSearch: setFocusOnSearch
|
|
356
356
|
}))), jsx("div", {
|
|
357
357
|
css: mobileMainContent,
|
|
358
|
-
id:
|
|
358
|
+
id: ELEMENT_BROWSER_LIST_ID
|
|
359
359
|
}, jsx(ElementList, {
|
|
360
360
|
items: items,
|
|
361
361
|
mode: mode,
|
|
@@ -19,7 +19,6 @@ import classnames from 'classnames';
|
|
|
19
19
|
import { useIntl } from 'react-intl';
|
|
20
20
|
import EditorFileIcon from '@atlaskit/icon/core/file';
|
|
21
21
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
22
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
23
22
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
24
23
|
import { useSharedPluginStateWithSelector } from '../../hooks';
|
|
25
24
|
import { placeholderTextMessages } from '../../messages/placeholder-text';
|
|
@@ -30,23 +29,7 @@ import { ExtensionFloatingLabel } from '../Extension/Lozenge/ExtensionFloatingLa
|
|
|
30
29
|
import { shouldExtensionBreakout } from '../utils/should-extension-breakout';
|
|
31
30
|
import { useMultiBodiedExtensionActions } from './action-api';
|
|
32
31
|
import { mbeExtensionWrapperCSSStyles, mbeExtensionWrapperCSSStylesOld, overlayStyles, overlayStylesOld } from './styles';
|
|
33
|
-
var getContainerCssExtendedStyles = function getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates) {
|
|
34
|
-
if (fg('platform_editor_nested_mbe_frames')) {
|
|
35
|
-
return sharedMultiBodiedExtensionStyles.mbeExtensionContainer;
|
|
36
|
-
}
|
|
37
|
-
var activeFrameSelector = ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
|
|
38
|
-
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
40
|
-
return css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, _defineProperty({}, activeFrameSelector, css(
|
|
41
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
42
|
-
sharedMultiBodiedExtensionStyles.extensionFrameContent,
|
|
43
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
44
|
-
showMacroInteractionDesignUpdates && removeMarginsAndBorder)));
|
|
45
|
-
};
|
|
46
32
|
var getFramesActiveFrameStyles = function getFramesActiveFrameStyles(activeChildIndex, showMacroInteractionDesignUpdates) {
|
|
47
|
-
if (!fg('platform_editor_nested_mbe_frames')) {
|
|
48
|
-
return undefined;
|
|
49
|
-
}
|
|
50
33
|
var activeFrameSelector = "& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
|
|
51
34
|
return css(_defineProperty({}, activeFrameSelector, css(
|
|
52
35
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -353,10 +336,10 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
|
|
|
353
336
|
"data-testid": "multiBodiedExtension--overlay"
|
|
354
337
|
}), getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), jsx("div", {
|
|
355
338
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
356
|
-
className: containerClassNames
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
339
|
+
className: containerClassNames
|
|
340
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
341
|
+
,
|
|
342
|
+
css: sharedMultiBodiedExtensionStyles.mbeExtensionContainer,
|
|
360
343
|
"data-testid": "multiBodiedExtension--container",
|
|
361
344
|
"data-multiBodiedExtension-container": true,
|
|
362
345
|
"data-active-child-index": activeChildIndex
|
|
@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
19
19
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
20
20
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
21
21
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
22
|
-
var packageVersion = "128.
|
|
22
|
+
var packageVersion = "128.3.1";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// Ignored via go/ees007
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "128.
|
|
24
|
+
var packageVersion = "128.3.1";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -31,7 +31,6 @@ import MenuGroup from '@atlaskit/menu/menu-group';
|
|
|
31
31
|
import Section from '@atlaskit/menu/section';
|
|
32
32
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
33
33
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
34
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
35
34
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
36
35
|
import { DropdownMenuSharedCssClassName } from '../../styles';
|
|
37
36
|
import { KeyDownHandlerContext } from '../../ui-menu/ToolbarArrowKeyNavigationProvider';
|
|
@@ -357,16 +356,16 @@ export function DropdownMenuItem(_ref) {
|
|
|
357
356
|
css: function css() {
|
|
358
357
|
return buttonStyles(item.isActive, submenuActive);
|
|
359
358
|
},
|
|
360
|
-
role:
|
|
359
|
+
role: shouldUseDefaultRole ? undefined : 'menuitem',
|
|
361
360
|
tabIndex: tabIndex,
|
|
362
361
|
"aria-disabled": item.isDisabled ? 'true' : 'false',
|
|
363
|
-
"aria-expanded":
|
|
362
|
+
"aria-expanded": item['aria-expanded'],
|
|
364
363
|
onMouseDown: _handleSubmenuActive
|
|
365
364
|
}, jsx(CustomItem, {
|
|
366
365
|
item: item,
|
|
367
366
|
key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
|
|
368
367
|
testId: testId,
|
|
369
|
-
role: shouldUseDefaultRole ? 'button' :
|
|
368
|
+
role: shouldUseDefaultRole ? 'button' : undefined,
|
|
370
369
|
iconBefore: item.elemBefore,
|
|
371
370
|
iconAfter: item.elemAfter,
|
|
372
371
|
isDisabled: item.isDisabled,
|
|
@@ -377,8 +376,7 @@ export function DropdownMenuItem(_ref) {
|
|
|
377
376
|
onMouseDown: onMouseDown,
|
|
378
377
|
component: DropdownMenuItemCustomComponent,
|
|
379
378
|
onMouseEnter: onMouseEnterHandler,
|
|
380
|
-
onMouseLeave: onMouseLeaveHandler
|
|
381
|
-
"aria-expanded": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? undefined : item['aria-expanded']
|
|
379
|
+
onMouseLeave: onMouseLeaveHandler
|
|
382
380
|
}, item.content));
|
|
383
381
|
if (item.tooltipDescription) {
|
|
384
382
|
var _item$key3;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "128.3.
|
|
3
|
+
"version": "128.3.2",
|
|
4
4
|
"description": "A package that contains common classes and components for editor and renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
"@atlaskit/feature-gate-js-client": "^7.0.0",
|
|
55
55
|
"@atlaskit/icon": "^38.0.0",
|
|
56
56
|
"@atlaskit/link": "^5.1.0",
|
|
57
|
-
"@atlaskit/link-datasource": "^7.
|
|
58
|
-
"@atlaskit/link-picker": "^6.
|
|
57
|
+
"@atlaskit/link-datasource": "^7.3.0",
|
|
58
|
+
"@atlaskit/link-picker": "^6.12.0",
|
|
59
59
|
"@atlaskit/logo": "^23.3.0",
|
|
60
60
|
"@atlaskit/media-card": "^82.1.0",
|
|
61
61
|
"@atlaskit/media-client": "^39.1.0",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"@atlaskit/media-common": "^14.6.0",
|
|
64
64
|
"@atlaskit/media-file-preview": "^2.0.0",
|
|
65
65
|
"@atlaskit/media-picker": "^73.0.0",
|
|
66
|
-
"@atlaskit/media-ui": "^31.
|
|
66
|
+
"@atlaskit/media-ui": "^31.3.0",
|
|
67
67
|
"@atlaskit/media-viewer": "^54.11.0",
|
|
68
68
|
"@atlaskit/mention": "^30.1.0",
|
|
69
69
|
"@atlaskit/menu": "^11.0.0",
|
|
@@ -79,13 +79,13 @@
|
|
|
79
79
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
80
80
|
"@atlaskit/react-ufo": "^8.0.0",
|
|
81
81
|
"@atlaskit/section-message": "^10.2.0",
|
|
82
|
-
"@atlaskit/smart-card": "^46.
|
|
83
|
-
"@atlaskit/smart-user-picker": "^12.
|
|
82
|
+
"@atlaskit/smart-card": "^46.5.0",
|
|
83
|
+
"@atlaskit/smart-user-picker": "^12.3.0",
|
|
84
84
|
"@atlaskit/spinner": "^20.4.0",
|
|
85
85
|
"@atlaskit/task-decision": "^21.12.0",
|
|
86
86
|
"@atlaskit/teams-app-config": "^3.1.0",
|
|
87
87
|
"@atlaskit/textfield": "^10.2.0",
|
|
88
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
88
|
+
"@atlaskit/tmp-editor-statsig": "^224.0.0",
|
|
89
89
|
"@atlaskit/tokens": "^20.3.0",
|
|
90
90
|
"@atlaskit/tooltip": "^24.4.0",
|
|
91
91
|
"@atlaskit/width-detector": "^7.2.0",
|
|
@@ -160,9 +160,6 @@
|
|
|
160
160
|
"platform_editor_ai_show_diff_patch_2": {
|
|
161
161
|
"type": "boolean"
|
|
162
162
|
},
|
|
163
|
-
"platform_editor_nested_mbe_frames": {
|
|
164
|
-
"type": "boolean"
|
|
165
|
-
},
|
|
166
163
|
"platform_editor_hide_configure_lozenge_non_configurable": {
|
|
167
164
|
"type": "boolean"
|
|
168
165
|
},
|