@atlaskit/editor-common 112.11.2 → 112.11.3
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 +11 -0
- package/dist/cjs/analytics/types/enums.js +1 -0
- package/dist/cjs/analytics/types/native-embed-events.js +5 -0
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +1 -0
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +120 -94
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/es2019/analytics/types/enums.js +1 -0
- package/dist/es2019/analytics/types/native-embed-events.js +1 -0
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +1 -0
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +120 -94
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/esm/analytics/types/enums.js +1 -0
- package/dist/esm/analytics/types/native-embed-events.js +1 -0
- package/dist/esm/element-browser/components/ElementList/ElementList.js +1 -0
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +120 -94
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/types/analytics/index.d.ts +1 -0
- package/dist/types/analytics/types/enums.d.ts +2 -1
- package/dist/types/analytics/types/insert-events.d.ts +2 -1
- package/dist/types/analytics/types/native-embed-events.d.ts +7 -0
- package/dist/types-ts4.5/analytics/index.d.ts +1 -0
- package/dist/types-ts4.5/analytics/types/enums.d.ts +2 -1
- package/dist/types-ts4.5/analytics/types/insert-events.d.ts +2 -1
- package/dist/types-ts4.5/analytics/types/native-embed-events.d.ts +7 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 112.11.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`0ec4cd35c30c8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0ec4cd35c30c8) -
|
|
8
|
+
ED-000 Fix accessibility ESLint violations in element-browser behind
|
|
9
|
+
editor_a11y\_\_enghealth-46814_fy26 experiment: remove no-static-element-interactions,
|
|
10
|
+
interactive-element-not-keyboard-focusable, and no-noninteractive-element-to-interactive-role
|
|
11
|
+
suppressions
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 112.11.2
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
|
@@ -579,6 +579,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
|
|
|
579
579
|
ACTION_SUBJECT_ID["SYNCED_BLOCK_LABEL"] = "syncedBlockLabel";
|
|
580
580
|
ACTION_SUBJECT_ID["SYNCED_BLOCK_SSR_ERROR"] = "syncedBlockSSRError";
|
|
581
581
|
ACTION_SUBJECT_ID["TABLE_STICKY_HEADER"] = "tableStickyHeader";
|
|
582
|
+
ACTION_SUBJECT_ID["NATIVE_EMBED"] = "nativeEmbed";
|
|
582
583
|
return ACTION_SUBJECT_ID;
|
|
583
584
|
}({});
|
|
584
585
|
var FLOATING_CONTROLS_TITLE = exports.FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {
|
|
@@ -209,6 +209,7 @@ var ElementListSingleColumn = function ElementListSingleColumn(props) {
|
|
|
209
209
|
,
|
|
210
210
|
className: "element-item-wrapper",
|
|
211
211
|
css: elementItemWrapperSingle,
|
|
212
|
+
role: (0, _expValEquals.expValEquals)('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? 'presentation' : undefined,
|
|
212
213
|
onKeyDown: function onKeyDown(e) {
|
|
213
214
|
if (e.key === 'Tab') {
|
|
214
215
|
if (e.shiftKey && index === 0) {
|
|
@@ -246,52 +246,64 @@ function StatelessElementBrowser(props) {
|
|
|
246
246
|
var handleClick = function handleClick() {
|
|
247
247
|
setCanFocusSearch(true);
|
|
248
248
|
};
|
|
249
|
-
|
|
249
|
+
var browserContent = (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? (0, _react2.jsx)(MobileBrowser
|
|
250
|
+
// Ignored via go/ees005
|
|
251
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
252
|
+
, (0, _extends2.default)({}, props, {
|
|
253
|
+
selectedItemIndex: selectedItemIndex,
|
|
254
|
+
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
255
|
+
focusedItemIndex: focusedItemIndex,
|
|
256
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
257
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
258
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
259
|
+
focusOnSearch: focusOnSearch,
|
|
260
|
+
columnCount: columnCount,
|
|
261
|
+
setColumnCount: setColumnCount,
|
|
262
|
+
setFocusOnSearch: setFocusOnSearch,
|
|
263
|
+
onKeyPress: onItemsEnterTabKeyPress,
|
|
264
|
+
onKeyDown: onKeyDown,
|
|
265
|
+
onViewMore: onViewMore,
|
|
266
|
+
focusOnViewMore: focusOnViewMore,
|
|
267
|
+
cache: cache
|
|
268
|
+
})) : (0, _react2.jsx)(DesktopBrowser
|
|
269
|
+
// Ignored via go/ees005
|
|
270
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
271
|
+
, (0, _extends2.default)({}, props, {
|
|
272
|
+
selectedItemIndex: selectedItemIndex,
|
|
273
|
+
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
274
|
+
focusedItemIndex: focusedItemIndex,
|
|
275
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
276
|
+
focusOnSearch: focusOnSearch,
|
|
277
|
+
setColumnCount: setColumnCount,
|
|
278
|
+
columnCount: columnCount,
|
|
279
|
+
setFocusOnSearch: setFocusOnSearch,
|
|
280
|
+
onKeyPress: onItemsEnterTabKeyPress,
|
|
281
|
+
onKeyDown: onKeyDown,
|
|
282
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
283
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
284
|
+
selectedCategoryIndex: selectedCategoryIndex,
|
|
285
|
+
onSelectCategory: onSelectCategoryCB,
|
|
286
|
+
cache: cache
|
|
287
|
+
})));
|
|
288
|
+
if ((0, _expValEquals.expValEquals)('editor_a11y__enghealth-46814_fy26', 'isEnabled', true)) {
|
|
289
|
+
return (0, _react2.jsx)("div", {
|
|
290
|
+
css: wrapper,
|
|
291
|
+
"data-testid": "element-browser",
|
|
292
|
+
id: _constants.ELEMENT_BROWSER_ID,
|
|
293
|
+
role: "none",
|
|
294
|
+
onKeyUp: canFocusSearch ? undefined : handleKeyPress,
|
|
295
|
+
onClick: canFocusSearch ? undefined : handleClick
|
|
296
|
+
}, browserContent);
|
|
297
|
+
}
|
|
298
|
+
return (
|
|
299
|
+
// eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable
|
|
250
300
|
(0, _react2.jsx)("div", {
|
|
251
301
|
css: wrapper,
|
|
252
302
|
"data-testid": "element-browser",
|
|
253
303
|
id: _constants.ELEMENT_BROWSER_ID,
|
|
254
304
|
onKeyUp: canFocusSearch ? undefined : handleKeyPress,
|
|
255
305
|
onClick: canFocusSearch ? undefined : handleClick
|
|
256
|
-
},
|
|
257
|
-
// Ignored via go/ees005
|
|
258
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
259
|
-
, (0, _extends2.default)({}, props, {
|
|
260
|
-
selectedItemIndex: selectedItemIndex,
|
|
261
|
-
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
262
|
-
focusedItemIndex: focusedItemIndex,
|
|
263
|
-
setFocusedItemIndex: setFocusedItemIndex,
|
|
264
|
-
focusedCategoryIndex: focusedCategoryIndex,
|
|
265
|
-
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
266
|
-
focusOnSearch: focusOnSearch,
|
|
267
|
-
columnCount: columnCount,
|
|
268
|
-
setColumnCount: setColumnCount,
|
|
269
|
-
setFocusOnSearch: setFocusOnSearch,
|
|
270
|
-
onKeyPress: onItemsEnterTabKeyPress,
|
|
271
|
-
onKeyDown: onKeyDown,
|
|
272
|
-
onViewMore: onViewMore,
|
|
273
|
-
focusOnViewMore: focusOnViewMore,
|
|
274
|
-
cache: cache
|
|
275
|
-
})) : (0, _react2.jsx)(DesktopBrowser
|
|
276
|
-
// Ignored via go/ees005
|
|
277
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
278
|
-
, (0, _extends2.default)({}, props, {
|
|
279
|
-
selectedItemIndex: selectedItemIndex,
|
|
280
|
-
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
281
|
-
focusedItemIndex: focusedItemIndex,
|
|
282
|
-
setFocusedItemIndex: setFocusedItemIndex,
|
|
283
|
-
focusOnSearch: focusOnSearch,
|
|
284
|
-
setColumnCount: setColumnCount,
|
|
285
|
-
columnCount: columnCount,
|
|
286
|
-
setFocusOnSearch: setFocusOnSearch,
|
|
287
|
-
onKeyPress: onItemsEnterTabKeyPress,
|
|
288
|
-
onKeyDown: onKeyDown,
|
|
289
|
-
focusedCategoryIndex: focusedCategoryIndex,
|
|
290
|
-
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
291
|
-
selectedCategoryIndex: selectedCategoryIndex,
|
|
292
|
-
onSelectCategory: onSelectCategoryCB,
|
|
293
|
-
cache: cache
|
|
294
|
-
})))
|
|
306
|
+
}, browserContent)
|
|
295
307
|
);
|
|
296
308
|
}
|
|
297
309
|
function MobileBrowser(_ref) {
|
|
@@ -323,59 +335,57 @@ function MobileBrowser(_ref) {
|
|
|
323
335
|
cache = _ref.cache,
|
|
324
336
|
_ref$focusOnEmptyStat = _ref.focusOnEmptyStateButton,
|
|
325
337
|
focusOnEmptyStateButton = _ref$focusOnEmptyStat === void 0 ? false : _ref$focusOnEmptyStat;
|
|
326
|
-
return (
|
|
327
|
-
|
|
328
|
-
(0,
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
}))
|
|
378
|
-
);
|
|
338
|
+
return (0, _react2.jsx)("div", {
|
|
339
|
+
css: mobileElementBrowserContainer,
|
|
340
|
+
role: (0, _expValEquals.expValEquals)('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? 'none' : undefined,
|
|
341
|
+
onKeyDown: onKeyDown,
|
|
342
|
+
"data-testid": "mobile__element-browser"
|
|
343
|
+
}, (0, _react2.jsx)("div", {
|
|
344
|
+
css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
|
|
345
|
+
}, showSearch && (0, _react2.jsx)(_ElementSearch.default, {
|
|
346
|
+
onSearch: onSearch,
|
|
347
|
+
onKeyDown: onKeyPress,
|
|
348
|
+
mode: mode,
|
|
349
|
+
focus: focusOnSearch,
|
|
350
|
+
onClick: setFocusOnSearch,
|
|
351
|
+
searchTerm: searchTerm,
|
|
352
|
+
items: items,
|
|
353
|
+
selectedItemIndex: selectedItemIndex,
|
|
354
|
+
ariaControlsId: (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? _constants.ELEMENT_BROWSER_LIST_ID : undefined
|
|
355
|
+
}), showCategories && (0, _react2.jsx)("nav", {
|
|
356
|
+
css: mobileCategoryListWrapper,
|
|
357
|
+
tabIndex: -1
|
|
358
|
+
}, (0, _react2.jsx)(_CategoryList.default, {
|
|
359
|
+
categories: categories,
|
|
360
|
+
onSelectCategory: onSelectCategory,
|
|
361
|
+
selectedCategory: selectedCategory,
|
|
362
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
363
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
364
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
365
|
+
setFocusOnSearch: setFocusOnSearch
|
|
366
|
+
}))), (0, _react2.jsx)("div", {
|
|
367
|
+
css: mobileMainContent,
|
|
368
|
+
id: (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? _constants.ELEMENT_BROWSER_LIST_ID : undefined
|
|
369
|
+
}, (0, _react2.jsx)(_ElementList.default, {
|
|
370
|
+
items: items,
|
|
371
|
+
mode: mode,
|
|
372
|
+
onInsertItem: onInsertItem,
|
|
373
|
+
selectedItemIndex: selectedItemIndex,
|
|
374
|
+
focusedItemIndex: focusedItemIndex,
|
|
375
|
+
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
376
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
377
|
+
columnCount: columnCount,
|
|
378
|
+
setColumnCount: setColumnCount,
|
|
379
|
+
createAnalyticsEvent: createAnalyticsEvent,
|
|
380
|
+
emptyStateHandler: emptyStateHandler,
|
|
381
|
+
selectedCategory: selectedCategory,
|
|
382
|
+
searchTerm: searchTerm,
|
|
383
|
+
cache: cache,
|
|
384
|
+
hasTabListContext: false
|
|
385
|
+
})), onViewMore && (0, _react2.jsx)(_ViewMore.ViewMore, {
|
|
386
|
+
onViewMore: onViewMore,
|
|
387
|
+
focus: focusOnViewMore
|
|
388
|
+
}));
|
|
379
389
|
}
|
|
380
390
|
function DesktopBrowser(_ref2) {
|
|
381
391
|
var showCategories = _ref2.showCategories,
|
|
@@ -418,7 +428,22 @@ function DesktopBrowser(_ref2) {
|
|
|
418
428
|
id: "fabric.editor.elementbrowser.sidebar.heading",
|
|
419
429
|
defaultMessage: "Browse",
|
|
420
430
|
description: "Sidebar heading"
|
|
421
|
-
})), (0, _react2.jsx)("
|
|
431
|
+
})), (0, _expValEquals.expValEquals)('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? (0, _react2.jsx)("div", {
|
|
432
|
+
role: "tablist",
|
|
433
|
+
"aria-labelledby": "sidebar-heading",
|
|
434
|
+
css: categoryListWrapper
|
|
435
|
+
}, (0, _react2.jsx)(_CategoryList.default, {
|
|
436
|
+
categories: categories,
|
|
437
|
+
onSelectCategory: onSelectCategory,
|
|
438
|
+
selectedCategory: selectedCategory,
|
|
439
|
+
createAnalyticsEvent: createAnalyticsEvent,
|
|
440
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
441
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
442
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
443
|
+
setFocusOnSearch: setFocusOnSearch
|
|
444
|
+
})) :
|
|
445
|
+
// eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-to-interactive-role
|
|
446
|
+
(0, _react2.jsx)("nav", {
|
|
422
447
|
role: "tablist",
|
|
423
448
|
"aria-labelledby": "sidebar-heading",
|
|
424
449
|
css: categoryListWrapper
|
|
@@ -433,6 +458,7 @@ function DesktopBrowser(_ref2) {
|
|
|
433
458
|
setFocusOnSearch: setFocusOnSearch
|
|
434
459
|
}))), (0, _react2.jsx)("div", {
|
|
435
460
|
css: mainContent,
|
|
461
|
+
role: (0, _expValEquals.expValEquals)('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? 'none' : undefined,
|
|
436
462
|
onKeyDown: onKeyDown,
|
|
437
463
|
"data-testid": "main-content"
|
|
438
464
|
}, showSearch &&
|
|
@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
19
19
|
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); }
|
|
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 = "112.11.
|
|
22
|
+
var packageVersion = "112.11.2";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// 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 = "112.11.
|
|
27
|
+
var packageVersion = "112.11.2";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -573,6 +573,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
|
|
|
573
573
|
ACTION_SUBJECT_ID["SYNCED_BLOCK_LABEL"] = "syncedBlockLabel";
|
|
574
574
|
ACTION_SUBJECT_ID["SYNCED_BLOCK_SSR_ERROR"] = "syncedBlockSSRError";
|
|
575
575
|
ACTION_SUBJECT_ID["TABLE_STICKY_HEADER"] = "tableStickyHeader";
|
|
576
|
+
ACTION_SUBJECT_ID["NATIVE_EMBED"] = "nativeEmbed";
|
|
576
577
|
return ACTION_SUBJECT_ID;
|
|
577
578
|
}({});
|
|
578
579
|
export let FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -197,6 +197,7 @@ const ElementListSingleColumn = props => {
|
|
|
197
197
|
,
|
|
198
198
|
className: "element-item-wrapper",
|
|
199
199
|
css: elementItemWrapperSingle,
|
|
200
|
+
role: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? 'presentation' : undefined,
|
|
200
201
|
onKeyDown: e => {
|
|
201
202
|
if (e.key === 'Tab') {
|
|
202
203
|
if (e.shiftKey && index === 0) {
|
|
@@ -232,52 +232,64 @@ function StatelessElementBrowser(props) {
|
|
|
232
232
|
const handleClick = () => {
|
|
233
233
|
setCanFocusSearch(true);
|
|
234
234
|
};
|
|
235
|
-
|
|
235
|
+
const browserContent = jsx(React.Fragment, null, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser
|
|
236
|
+
// Ignored via go/ees005
|
|
237
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
238
|
+
, _extends({}, props, {
|
|
239
|
+
selectedItemIndex: selectedItemIndex,
|
|
240
|
+
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
241
|
+
focusedItemIndex: focusedItemIndex,
|
|
242
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
243
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
244
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
245
|
+
focusOnSearch: focusOnSearch,
|
|
246
|
+
columnCount: columnCount,
|
|
247
|
+
setColumnCount: setColumnCount,
|
|
248
|
+
setFocusOnSearch: setFocusOnSearch,
|
|
249
|
+
onKeyPress: onItemsEnterTabKeyPress,
|
|
250
|
+
onKeyDown: onKeyDown,
|
|
251
|
+
onViewMore: onViewMore,
|
|
252
|
+
focusOnViewMore: focusOnViewMore,
|
|
253
|
+
cache: cache
|
|
254
|
+
})) : jsx(DesktopBrowser
|
|
255
|
+
// Ignored via go/ees005
|
|
256
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
257
|
+
, _extends({}, props, {
|
|
258
|
+
selectedItemIndex: selectedItemIndex,
|
|
259
|
+
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
260
|
+
focusedItemIndex: focusedItemIndex,
|
|
261
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
262
|
+
focusOnSearch: focusOnSearch,
|
|
263
|
+
setColumnCount: setColumnCount,
|
|
264
|
+
columnCount: columnCount,
|
|
265
|
+
setFocusOnSearch: setFocusOnSearch,
|
|
266
|
+
onKeyPress: onItemsEnterTabKeyPress,
|
|
267
|
+
onKeyDown: onKeyDown,
|
|
268
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
269
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
270
|
+
selectedCategoryIndex: selectedCategoryIndex,
|
|
271
|
+
onSelectCategory: onSelectCategoryCB,
|
|
272
|
+
cache: cache
|
|
273
|
+
})));
|
|
274
|
+
if (expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true)) {
|
|
275
|
+
return jsx("div", {
|
|
276
|
+
css: wrapper,
|
|
277
|
+
"data-testid": "element-browser",
|
|
278
|
+
id: ELEMENT_BROWSER_ID,
|
|
279
|
+
role: "none",
|
|
280
|
+
onKeyUp: canFocusSearch ? undefined : handleKeyPress,
|
|
281
|
+
onClick: canFocusSearch ? undefined : handleClick
|
|
282
|
+
}, browserContent);
|
|
283
|
+
}
|
|
284
|
+
return (
|
|
285
|
+
// eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable
|
|
236
286
|
jsx("div", {
|
|
237
287
|
css: wrapper,
|
|
238
288
|
"data-testid": "element-browser",
|
|
239
289
|
id: ELEMENT_BROWSER_ID,
|
|
240
290
|
onKeyUp: canFocusSearch ? undefined : handleKeyPress,
|
|
241
291
|
onClick: canFocusSearch ? undefined : handleClick
|
|
242
|
-
},
|
|
243
|
-
// Ignored via go/ees005
|
|
244
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
245
|
-
, _extends({}, props, {
|
|
246
|
-
selectedItemIndex: selectedItemIndex,
|
|
247
|
-
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
248
|
-
focusedItemIndex: focusedItemIndex,
|
|
249
|
-
setFocusedItemIndex: setFocusedItemIndex,
|
|
250
|
-
focusedCategoryIndex: focusedCategoryIndex,
|
|
251
|
-
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
252
|
-
focusOnSearch: focusOnSearch,
|
|
253
|
-
columnCount: columnCount,
|
|
254
|
-
setColumnCount: setColumnCount,
|
|
255
|
-
setFocusOnSearch: setFocusOnSearch,
|
|
256
|
-
onKeyPress: onItemsEnterTabKeyPress,
|
|
257
|
-
onKeyDown: onKeyDown,
|
|
258
|
-
onViewMore: onViewMore,
|
|
259
|
-
focusOnViewMore: focusOnViewMore,
|
|
260
|
-
cache: cache
|
|
261
|
-
})) : jsx(DesktopBrowser
|
|
262
|
-
// Ignored via go/ees005
|
|
263
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
264
|
-
, _extends({}, props, {
|
|
265
|
-
selectedItemIndex: selectedItemIndex,
|
|
266
|
-
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
267
|
-
focusedItemIndex: focusedItemIndex,
|
|
268
|
-
setFocusedItemIndex: setFocusedItemIndex,
|
|
269
|
-
focusOnSearch: focusOnSearch,
|
|
270
|
-
setColumnCount: setColumnCount,
|
|
271
|
-
columnCount: columnCount,
|
|
272
|
-
setFocusOnSearch: setFocusOnSearch,
|
|
273
|
-
onKeyPress: onItemsEnterTabKeyPress,
|
|
274
|
-
onKeyDown: onKeyDown,
|
|
275
|
-
focusedCategoryIndex: focusedCategoryIndex,
|
|
276
|
-
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
277
|
-
selectedCategoryIndex: selectedCategoryIndex,
|
|
278
|
-
onSelectCategory: onSelectCategoryCB,
|
|
279
|
-
cache: cache
|
|
280
|
-
})))
|
|
292
|
+
}, browserContent)
|
|
281
293
|
);
|
|
282
294
|
}
|
|
283
295
|
function MobileBrowser({
|
|
@@ -309,59 +321,57 @@ function MobileBrowser({
|
|
|
309
321
|
cache,
|
|
310
322
|
focusOnEmptyStateButton = false
|
|
311
323
|
}) {
|
|
312
|
-
return (
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
}))
|
|
364
|
-
);
|
|
324
|
+
return jsx("div", {
|
|
325
|
+
css: mobileElementBrowserContainer,
|
|
326
|
+
role: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? 'none' : undefined,
|
|
327
|
+
onKeyDown: onKeyDown,
|
|
328
|
+
"data-testid": "mobile__element-browser"
|
|
329
|
+
}, jsx("div", {
|
|
330
|
+
css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
|
|
331
|
+
}, showSearch && jsx(ElementSearch, {
|
|
332
|
+
onSearch: onSearch,
|
|
333
|
+
onKeyDown: onKeyPress,
|
|
334
|
+
mode: mode,
|
|
335
|
+
focus: focusOnSearch,
|
|
336
|
+
onClick: setFocusOnSearch,
|
|
337
|
+
searchTerm: searchTerm,
|
|
338
|
+
items: items,
|
|
339
|
+
selectedItemIndex: selectedItemIndex,
|
|
340
|
+
ariaControlsId: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
|
|
341
|
+
}), showCategories && jsx("nav", {
|
|
342
|
+
css: mobileCategoryListWrapper,
|
|
343
|
+
tabIndex: -1
|
|
344
|
+
}, jsx(CategoryList, {
|
|
345
|
+
categories: categories,
|
|
346
|
+
onSelectCategory: onSelectCategory,
|
|
347
|
+
selectedCategory: selectedCategory,
|
|
348
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
349
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
350
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
351
|
+
setFocusOnSearch: setFocusOnSearch
|
|
352
|
+
}))), jsx("div", {
|
|
353
|
+
css: mobileMainContent,
|
|
354
|
+
id: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
|
|
355
|
+
}, jsx(ElementList, {
|
|
356
|
+
items: items,
|
|
357
|
+
mode: mode,
|
|
358
|
+
onInsertItem: onInsertItem,
|
|
359
|
+
selectedItemIndex: selectedItemIndex,
|
|
360
|
+
focusedItemIndex: focusedItemIndex,
|
|
361
|
+
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
362
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
363
|
+
columnCount: columnCount,
|
|
364
|
+
setColumnCount: setColumnCount,
|
|
365
|
+
createAnalyticsEvent: createAnalyticsEvent,
|
|
366
|
+
emptyStateHandler: emptyStateHandler,
|
|
367
|
+
selectedCategory: selectedCategory,
|
|
368
|
+
searchTerm: searchTerm,
|
|
369
|
+
cache: cache,
|
|
370
|
+
hasTabListContext: false
|
|
371
|
+
})), onViewMore && jsx(ViewMore, {
|
|
372
|
+
onViewMore: onViewMore,
|
|
373
|
+
focus: focusOnViewMore
|
|
374
|
+
}));
|
|
365
375
|
}
|
|
366
376
|
function DesktopBrowser({
|
|
367
377
|
showCategories,
|
|
@@ -404,7 +414,22 @@ function DesktopBrowser({
|
|
|
404
414
|
id: "fabric.editor.elementbrowser.sidebar.heading",
|
|
405
415
|
defaultMessage: "Browse",
|
|
406
416
|
description: "Sidebar heading"
|
|
407
|
-
})), jsx("
|
|
417
|
+
})), expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? jsx("div", {
|
|
418
|
+
role: "tablist",
|
|
419
|
+
"aria-labelledby": "sidebar-heading",
|
|
420
|
+
css: categoryListWrapper
|
|
421
|
+
}, jsx(CategoryList, {
|
|
422
|
+
categories: categories,
|
|
423
|
+
onSelectCategory: onSelectCategory,
|
|
424
|
+
selectedCategory: selectedCategory,
|
|
425
|
+
createAnalyticsEvent: createAnalyticsEvent,
|
|
426
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
427
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
428
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
429
|
+
setFocusOnSearch: setFocusOnSearch
|
|
430
|
+
})) :
|
|
431
|
+
// eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-to-interactive-role
|
|
432
|
+
jsx("nav", {
|
|
408
433
|
role: "tablist",
|
|
409
434
|
"aria-labelledby": "sidebar-heading",
|
|
410
435
|
css: categoryListWrapper
|
|
@@ -419,6 +444,7 @@ function DesktopBrowser({
|
|
|
419
444
|
setFocusOnSearch: setFocusOnSearch
|
|
420
445
|
}))), jsx("div", {
|
|
421
446
|
css: mainContent,
|
|
447
|
+
role: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? 'none' : undefined,
|
|
422
448
|
onKeyDown: onKeyDown,
|
|
423
449
|
"data-testid": "main-content"
|
|
424
450
|
}, showSearch &&
|
|
@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
|
|
|
4
4
|
import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
|
|
5
5
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
6
6
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
7
|
-
const packageVersion = "112.11.
|
|
7
|
+
const packageVersion = "112.11.2";
|
|
8
8
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
9
9
|
// Remove URL as it has UGC
|
|
10
10
|
// Ignored via go/ees007
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "112.11.
|
|
17
|
+
const packageVersion = "112.11.2";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -573,6 +573,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
|
|
|
573
573
|
ACTION_SUBJECT_ID["SYNCED_BLOCK_LABEL"] = "syncedBlockLabel";
|
|
574
574
|
ACTION_SUBJECT_ID["SYNCED_BLOCK_SSR_ERROR"] = "syncedBlockSSRError";
|
|
575
575
|
ACTION_SUBJECT_ID["TABLE_STICKY_HEADER"] = "tableStickyHeader";
|
|
576
|
+
ACTION_SUBJECT_ID["NATIVE_EMBED"] = "nativeEmbed";
|
|
576
577
|
return ACTION_SUBJECT_ID;
|
|
577
578
|
}({});
|
|
578
579
|
export var FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -198,6 +198,7 @@ var ElementListSingleColumn = function ElementListSingleColumn(props) {
|
|
|
198
198
|
,
|
|
199
199
|
className: "element-item-wrapper",
|
|
200
200
|
css: elementItemWrapperSingle,
|
|
201
|
+
role: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? 'presentation' : undefined,
|
|
201
202
|
onKeyDown: function onKeyDown(e) {
|
|
202
203
|
if (e.key === 'Tab') {
|
|
203
204
|
if (e.shiftKey && index === 0) {
|
|
@@ -236,52 +236,64 @@ function StatelessElementBrowser(props) {
|
|
|
236
236
|
var handleClick = function handleClick() {
|
|
237
237
|
setCanFocusSearch(true);
|
|
238
238
|
};
|
|
239
|
-
|
|
239
|
+
var browserContent = jsx(React.Fragment, null, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser
|
|
240
|
+
// Ignored via go/ees005
|
|
241
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
242
|
+
, _extends({}, props, {
|
|
243
|
+
selectedItemIndex: selectedItemIndex,
|
|
244
|
+
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
245
|
+
focusedItemIndex: focusedItemIndex,
|
|
246
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
247
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
248
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
249
|
+
focusOnSearch: focusOnSearch,
|
|
250
|
+
columnCount: columnCount,
|
|
251
|
+
setColumnCount: setColumnCount,
|
|
252
|
+
setFocusOnSearch: setFocusOnSearch,
|
|
253
|
+
onKeyPress: onItemsEnterTabKeyPress,
|
|
254
|
+
onKeyDown: onKeyDown,
|
|
255
|
+
onViewMore: onViewMore,
|
|
256
|
+
focusOnViewMore: focusOnViewMore,
|
|
257
|
+
cache: cache
|
|
258
|
+
})) : jsx(DesktopBrowser
|
|
259
|
+
// Ignored via go/ees005
|
|
260
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
261
|
+
, _extends({}, props, {
|
|
262
|
+
selectedItemIndex: selectedItemIndex,
|
|
263
|
+
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
264
|
+
focusedItemIndex: focusedItemIndex,
|
|
265
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
266
|
+
focusOnSearch: focusOnSearch,
|
|
267
|
+
setColumnCount: setColumnCount,
|
|
268
|
+
columnCount: columnCount,
|
|
269
|
+
setFocusOnSearch: setFocusOnSearch,
|
|
270
|
+
onKeyPress: onItemsEnterTabKeyPress,
|
|
271
|
+
onKeyDown: onKeyDown,
|
|
272
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
273
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
274
|
+
selectedCategoryIndex: selectedCategoryIndex,
|
|
275
|
+
onSelectCategory: onSelectCategoryCB,
|
|
276
|
+
cache: cache
|
|
277
|
+
})));
|
|
278
|
+
if (expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true)) {
|
|
279
|
+
return jsx("div", {
|
|
280
|
+
css: wrapper,
|
|
281
|
+
"data-testid": "element-browser",
|
|
282
|
+
id: ELEMENT_BROWSER_ID,
|
|
283
|
+
role: "none",
|
|
284
|
+
onKeyUp: canFocusSearch ? undefined : handleKeyPress,
|
|
285
|
+
onClick: canFocusSearch ? undefined : handleClick
|
|
286
|
+
}, browserContent);
|
|
287
|
+
}
|
|
288
|
+
return (
|
|
289
|
+
// eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable
|
|
240
290
|
jsx("div", {
|
|
241
291
|
css: wrapper,
|
|
242
292
|
"data-testid": "element-browser",
|
|
243
293
|
id: ELEMENT_BROWSER_ID,
|
|
244
294
|
onKeyUp: canFocusSearch ? undefined : handleKeyPress,
|
|
245
295
|
onClick: canFocusSearch ? undefined : handleClick
|
|
246
|
-
},
|
|
247
|
-
// Ignored via go/ees005
|
|
248
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
249
|
-
, _extends({}, props, {
|
|
250
|
-
selectedItemIndex: selectedItemIndex,
|
|
251
|
-
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
252
|
-
focusedItemIndex: focusedItemIndex,
|
|
253
|
-
setFocusedItemIndex: setFocusedItemIndex,
|
|
254
|
-
focusedCategoryIndex: focusedCategoryIndex,
|
|
255
|
-
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
256
|
-
focusOnSearch: focusOnSearch,
|
|
257
|
-
columnCount: columnCount,
|
|
258
|
-
setColumnCount: setColumnCount,
|
|
259
|
-
setFocusOnSearch: setFocusOnSearch,
|
|
260
|
-
onKeyPress: onItemsEnterTabKeyPress,
|
|
261
|
-
onKeyDown: onKeyDown,
|
|
262
|
-
onViewMore: onViewMore,
|
|
263
|
-
focusOnViewMore: focusOnViewMore,
|
|
264
|
-
cache: cache
|
|
265
|
-
})) : jsx(DesktopBrowser
|
|
266
|
-
// Ignored via go/ees005
|
|
267
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
268
|
-
, _extends({}, props, {
|
|
269
|
-
selectedItemIndex: selectedItemIndex,
|
|
270
|
-
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
271
|
-
focusedItemIndex: focusedItemIndex,
|
|
272
|
-
setFocusedItemIndex: setFocusedItemIndex,
|
|
273
|
-
focusOnSearch: focusOnSearch,
|
|
274
|
-
setColumnCount: setColumnCount,
|
|
275
|
-
columnCount: columnCount,
|
|
276
|
-
setFocusOnSearch: setFocusOnSearch,
|
|
277
|
-
onKeyPress: onItemsEnterTabKeyPress,
|
|
278
|
-
onKeyDown: onKeyDown,
|
|
279
|
-
focusedCategoryIndex: focusedCategoryIndex,
|
|
280
|
-
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
281
|
-
selectedCategoryIndex: selectedCategoryIndex,
|
|
282
|
-
onSelectCategory: onSelectCategoryCB,
|
|
283
|
-
cache: cache
|
|
284
|
-
})))
|
|
296
|
+
}, browserContent)
|
|
285
297
|
);
|
|
286
298
|
}
|
|
287
299
|
function MobileBrowser(_ref) {
|
|
@@ -313,59 +325,57 @@ function MobileBrowser(_ref) {
|
|
|
313
325
|
cache = _ref.cache,
|
|
314
326
|
_ref$focusOnEmptyStat = _ref.focusOnEmptyStateButton,
|
|
315
327
|
focusOnEmptyStateButton = _ref$focusOnEmptyStat === void 0 ? false : _ref$focusOnEmptyStat;
|
|
316
|
-
return (
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
}))
|
|
368
|
-
);
|
|
328
|
+
return jsx("div", {
|
|
329
|
+
css: mobileElementBrowserContainer,
|
|
330
|
+
role: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? 'none' : undefined,
|
|
331
|
+
onKeyDown: onKeyDown,
|
|
332
|
+
"data-testid": "mobile__element-browser"
|
|
333
|
+
}, jsx("div", {
|
|
334
|
+
css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
|
|
335
|
+
}, showSearch && jsx(ElementSearch, {
|
|
336
|
+
onSearch: onSearch,
|
|
337
|
+
onKeyDown: onKeyPress,
|
|
338
|
+
mode: mode,
|
|
339
|
+
focus: focusOnSearch,
|
|
340
|
+
onClick: setFocusOnSearch,
|
|
341
|
+
searchTerm: searchTerm,
|
|
342
|
+
items: items,
|
|
343
|
+
selectedItemIndex: selectedItemIndex,
|
|
344
|
+
ariaControlsId: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
|
|
345
|
+
}), showCategories && jsx("nav", {
|
|
346
|
+
css: mobileCategoryListWrapper,
|
|
347
|
+
tabIndex: -1
|
|
348
|
+
}, jsx(CategoryList, {
|
|
349
|
+
categories: categories,
|
|
350
|
+
onSelectCategory: onSelectCategory,
|
|
351
|
+
selectedCategory: selectedCategory,
|
|
352
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
353
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
354
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
355
|
+
setFocusOnSearch: setFocusOnSearch
|
|
356
|
+
}))), jsx("div", {
|
|
357
|
+
css: mobileMainContent,
|
|
358
|
+
id: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
|
|
359
|
+
}, jsx(ElementList, {
|
|
360
|
+
items: items,
|
|
361
|
+
mode: mode,
|
|
362
|
+
onInsertItem: onInsertItem,
|
|
363
|
+
selectedItemIndex: selectedItemIndex,
|
|
364
|
+
focusedItemIndex: focusedItemIndex,
|
|
365
|
+
focusOnEmptyStateButton: focusOnEmptyStateButton,
|
|
366
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
367
|
+
columnCount: columnCount,
|
|
368
|
+
setColumnCount: setColumnCount,
|
|
369
|
+
createAnalyticsEvent: createAnalyticsEvent,
|
|
370
|
+
emptyStateHandler: emptyStateHandler,
|
|
371
|
+
selectedCategory: selectedCategory,
|
|
372
|
+
searchTerm: searchTerm,
|
|
373
|
+
cache: cache,
|
|
374
|
+
hasTabListContext: false
|
|
375
|
+
})), onViewMore && jsx(ViewMore, {
|
|
376
|
+
onViewMore: onViewMore,
|
|
377
|
+
focus: focusOnViewMore
|
|
378
|
+
}));
|
|
369
379
|
}
|
|
370
380
|
function DesktopBrowser(_ref2) {
|
|
371
381
|
var showCategories = _ref2.showCategories,
|
|
@@ -408,7 +418,22 @@ function DesktopBrowser(_ref2) {
|
|
|
408
418
|
id: "fabric.editor.elementbrowser.sidebar.heading",
|
|
409
419
|
defaultMessage: "Browse",
|
|
410
420
|
description: "Sidebar heading"
|
|
411
|
-
})), jsx("
|
|
421
|
+
})), expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? jsx("div", {
|
|
422
|
+
role: "tablist",
|
|
423
|
+
"aria-labelledby": "sidebar-heading",
|
|
424
|
+
css: categoryListWrapper
|
|
425
|
+
}, jsx(CategoryList, {
|
|
426
|
+
categories: categories,
|
|
427
|
+
onSelectCategory: onSelectCategory,
|
|
428
|
+
selectedCategory: selectedCategory,
|
|
429
|
+
createAnalyticsEvent: createAnalyticsEvent,
|
|
430
|
+
focusedCategoryIndex: focusedCategoryIndex,
|
|
431
|
+
setFocusedCategoryIndex: setFocusedCategoryIndex,
|
|
432
|
+
setFocusedItemIndex: setFocusedItemIndex,
|
|
433
|
+
setFocusOnSearch: setFocusOnSearch
|
|
434
|
+
})) :
|
|
435
|
+
// eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-to-interactive-role
|
|
436
|
+
jsx("nav", {
|
|
412
437
|
role: "tablist",
|
|
413
438
|
"aria-labelledby": "sidebar-heading",
|
|
414
439
|
css: categoryListWrapper
|
|
@@ -423,6 +448,7 @@ function DesktopBrowser(_ref2) {
|
|
|
423
448
|
setFocusOnSearch: setFocusOnSearch
|
|
424
449
|
}))), jsx("div", {
|
|
425
450
|
css: mainContent,
|
|
451
|
+
role: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? 'none' : undefined,
|
|
426
452
|
onKeyDown: onKeyDown,
|
|
427
453
|
"data-testid": "main-content"
|
|
428
454
|
}, showSearch &&
|
|
@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
|
|
|
10
10
|
import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
|
|
11
11
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
12
12
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
13
|
-
var packageVersion = "112.11.
|
|
13
|
+
var packageVersion = "112.11.2";
|
|
14
14
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
15
15
|
// Remove URL as it has UGC
|
|
16
16
|
// Ignored via go/ees007
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "112.11.
|
|
24
|
+
var packageVersion = "112.11.2";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -8,6 +8,7 @@ export { PUNC, SYMBOL } from './types/substitute-events';
|
|
|
8
8
|
export { BROWSER_FREEZE_INTERACTION_TYPE, FULL_WIDTH_MODE, MODE, PLATFORMS, } from './types/general-events';
|
|
9
9
|
export { LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, USER_CONTEXT, } from './types/insert-events';
|
|
10
10
|
export type { InputMethodInsertLink, InputMethodInsertMedia, InsertMediaVia, InsertEventPayload, } from './types/insert-events';
|
|
11
|
+
export type { InputMethodInsertNativeEmbed, InsertNativeEmbedAEP } from './types/native-embed-events';
|
|
11
12
|
export { CHANGE_ALIGNMENT_REASON, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TABLE_DISPLAY_MODE, } from './types/table-events';
|
|
12
13
|
export type { TableEventPayload, OverflowStateInfo } from './types/table-events';
|
|
13
14
|
export { PasteContents, PasteSources, PasteTypes } from './types/paste-events';
|
|
@@ -563,7 +563,8 @@ export declare enum ACTION_SUBJECT_ID {
|
|
|
563
563
|
SYNCED_BLOCK_CLICK_SYNCED_LOCATION = "syncedBlockClickSyncedLocation",
|
|
564
564
|
SYNCED_BLOCK_LABEL = "syncedBlockLabel",
|
|
565
565
|
SYNCED_BLOCK_SSR_ERROR = "syncedBlockSSRError",
|
|
566
|
-
TABLE_STICKY_HEADER = "tableStickyHeader"
|
|
566
|
+
TABLE_STICKY_HEADER = "tableStickyHeader",
|
|
567
|
+
NATIVE_EMBED = "nativeEmbed"
|
|
567
568
|
}
|
|
568
569
|
export declare enum FLOATING_CONTROLS_TITLE {
|
|
569
570
|
CODE_BLOCK = "codeBlockFloatingControls",
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ExtensionLayout, PanelType } from '@atlaskit/adf-schema';
|
|
2
2
|
import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, INSERT_MEDIA_VIA } from './enums';
|
|
3
|
+
import type { InsertNativeEmbedAEP } from './native-embed-events';
|
|
3
4
|
import type { InsertSmartLinkAEP } from './smart-links';
|
|
4
5
|
import type { InsertAEP, TrackAEP, OperationalAEP } from './utils';
|
|
5
6
|
export declare enum USER_CONTEXT {
|
|
@@ -149,5 +150,5 @@ type InsertReferenceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.SYNCED_BLOC
|
|
|
149
150
|
export type InsertSourceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.BODIED_SYNCED_BLOCK, {
|
|
150
151
|
resourceId: string;
|
|
151
152
|
}, undefined>;
|
|
152
|
-
export type InsertEventPayload = InsertDividerAEP | InsertLineBreakAEP | InsertPanelAEP | InsertCodeBlockAEP | InsertTableAEP | InsertExpandAEP | InsertActionDecisionAEP | InsertEmojiAEP | InsertStatusAEP | InsertMediaSingleAEP | InsertMediaGroupAEP | InsertMediaInlineAEP | InsertLinkAEP | InsertLinkPreviewAEP | InsertMediaLinkAEP | InsertSmartLinkAEP | InsertLayoutAEP | InsertExtensionAEP | InsertNodeViaExtensionAPIAEP | InsertDateAEP | InsertPlaceholderTextAEP | FailedToInsertMediaPayload | InsertReferenceSyncedBlockPayload | InsertSourceSyncedBlockPayload;
|
|
153
|
+
export type InsertEventPayload = InsertDividerAEP | InsertLineBreakAEP | InsertPanelAEP | InsertCodeBlockAEP | InsertTableAEP | InsertExpandAEP | InsertActionDecisionAEP | InsertEmojiAEP | InsertStatusAEP | InsertMediaSingleAEP | InsertMediaGroupAEP | InsertMediaInlineAEP | InsertLinkAEP | InsertLinkPreviewAEP | InsertMediaLinkAEP | InsertSmartLinkAEP | InsertLayoutAEP | InsertExtensionAEP | InsertNodeViaExtensionAPIAEP | InsertDateAEP | InsertPlaceholderTextAEP | InsertNativeEmbedAEP | FailedToInsertMediaPayload | InsertReferenceSyncedBlockPayload | InsertSourceSyncedBlockPayload;
|
|
153
154
|
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
|
|
2
|
+
import type { InsertAEP } from './utils';
|
|
3
|
+
export type InputMethodInsertNativeEmbed = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL | INPUT_METHOD.FORMATTING | INPUT_METHOD.FLOATING_TB;
|
|
4
|
+
export type InsertNativeEmbedAEP = InsertAEP<ACTION_SUBJECT_ID.NATIVE_EMBED, {
|
|
5
|
+
inputMethod: InputMethodInsertNativeEmbed;
|
|
6
|
+
insertedCount: number;
|
|
7
|
+
}, undefined>;
|
|
@@ -8,6 +8,7 @@ export { PUNC, SYMBOL } from './types/substitute-events';
|
|
|
8
8
|
export { BROWSER_FREEZE_INTERACTION_TYPE, FULL_WIDTH_MODE, MODE, PLATFORMS, } from './types/general-events';
|
|
9
9
|
export { LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, USER_CONTEXT, } from './types/insert-events';
|
|
10
10
|
export type { InputMethodInsertLink, InputMethodInsertMedia, InsertMediaVia, InsertEventPayload, } from './types/insert-events';
|
|
11
|
+
export type { InputMethodInsertNativeEmbed, InsertNativeEmbedAEP } from './types/native-embed-events';
|
|
11
12
|
export { CHANGE_ALIGNMENT_REASON, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TABLE_DISPLAY_MODE, } from './types/table-events';
|
|
12
13
|
export type { TableEventPayload, OverflowStateInfo } from './types/table-events';
|
|
13
14
|
export { PasteContents, PasteSources, PasteTypes } from './types/paste-events';
|
|
@@ -563,7 +563,8 @@ export declare enum ACTION_SUBJECT_ID {
|
|
|
563
563
|
SYNCED_BLOCK_CLICK_SYNCED_LOCATION = "syncedBlockClickSyncedLocation",
|
|
564
564
|
SYNCED_BLOCK_LABEL = "syncedBlockLabel",
|
|
565
565
|
SYNCED_BLOCK_SSR_ERROR = "syncedBlockSSRError",
|
|
566
|
-
TABLE_STICKY_HEADER = "tableStickyHeader"
|
|
566
|
+
TABLE_STICKY_HEADER = "tableStickyHeader",
|
|
567
|
+
NATIVE_EMBED = "nativeEmbed"
|
|
567
568
|
}
|
|
568
569
|
export declare enum FLOATING_CONTROLS_TITLE {
|
|
569
570
|
CODE_BLOCK = "codeBlockFloatingControls",
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ExtensionLayout, PanelType } from '@atlaskit/adf-schema';
|
|
2
2
|
import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, INSERT_MEDIA_VIA } from './enums';
|
|
3
|
+
import type { InsertNativeEmbedAEP } from './native-embed-events';
|
|
3
4
|
import type { InsertSmartLinkAEP } from './smart-links';
|
|
4
5
|
import type { InsertAEP, TrackAEP, OperationalAEP } from './utils';
|
|
5
6
|
export declare enum USER_CONTEXT {
|
|
@@ -149,5 +150,5 @@ type InsertReferenceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.SYNCED_BLOC
|
|
|
149
150
|
export type InsertSourceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.BODIED_SYNCED_BLOCK, {
|
|
150
151
|
resourceId: string;
|
|
151
152
|
}, undefined>;
|
|
152
|
-
export type InsertEventPayload = InsertDividerAEP | InsertLineBreakAEP | InsertPanelAEP | InsertCodeBlockAEP | InsertTableAEP | InsertExpandAEP | InsertActionDecisionAEP | InsertEmojiAEP | InsertStatusAEP | InsertMediaSingleAEP | InsertMediaGroupAEP | InsertMediaInlineAEP | InsertLinkAEP | InsertLinkPreviewAEP | InsertMediaLinkAEP | InsertSmartLinkAEP | InsertLayoutAEP | InsertExtensionAEP | InsertNodeViaExtensionAPIAEP | InsertDateAEP | InsertPlaceholderTextAEP | FailedToInsertMediaPayload | InsertReferenceSyncedBlockPayload | InsertSourceSyncedBlockPayload;
|
|
153
|
+
export type InsertEventPayload = InsertDividerAEP | InsertLineBreakAEP | InsertPanelAEP | InsertCodeBlockAEP | InsertTableAEP | InsertExpandAEP | InsertActionDecisionAEP | InsertEmojiAEP | InsertStatusAEP | InsertMediaSingleAEP | InsertMediaGroupAEP | InsertMediaInlineAEP | InsertLinkAEP | InsertLinkPreviewAEP | InsertMediaLinkAEP | InsertSmartLinkAEP | InsertLayoutAEP | InsertExtensionAEP | InsertNodeViaExtensionAPIAEP | InsertDateAEP | InsertPlaceholderTextAEP | InsertNativeEmbedAEP | FailedToInsertMediaPayload | InsertReferenceSyncedBlockPayload | InsertSourceSyncedBlockPayload;
|
|
153
154
|
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
|
|
2
|
+
import type { InsertAEP } from './utils';
|
|
3
|
+
export type InputMethodInsertNativeEmbed = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL | INPUT_METHOD.FORMATTING | INPUT_METHOD.FLOATING_TB;
|
|
4
|
+
export type InsertNativeEmbedAEP = InsertAEP<ACTION_SUBJECT_ID.NATIVE_EMBED, {
|
|
5
|
+
inputMethod: InputMethodInsertNativeEmbed;
|
|
6
|
+
insertedCount: number;
|
|
7
|
+
}, undefined>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "112.11.
|
|
3
|
+
"version": "112.11.3",
|
|
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/"
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"@atlaskit/status": "^3.1.0",
|
|
82
82
|
"@atlaskit/task-decision": "^19.3.0",
|
|
83
83
|
"@atlaskit/textfield": "^8.2.0",
|
|
84
|
-
"@atlaskit/tmp-editor-statsig": "^48.
|
|
84
|
+
"@atlaskit/tmp-editor-statsig": "^48.1.0",
|
|
85
85
|
"@atlaskit/tokens": "^11.3.0",
|
|
86
86
|
"@atlaskit/tooltip": "^21.0.0",
|
|
87
87
|
"@atlaskit/width-detector": "^5.0.0",
|